@tailwind base;
@tailwind components;
@tailwind utilities;

/* Import Figtree font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');

@layer utilities {
  h1, h2, h3, h4, h5, h6, p, pre {
    @apply m-0;
  }

  h6 {
	@apply !text-sm !font-semibold;
  }

  h5 {
    @apply !text-base !font-semibold;
  }

  h4 {
	@apply !text-xl !leading-[30px] !font-semibold;
  }
}

#wpcontent:has([id^="suremails-root-app"]) {
  @apply h-full pl-0 bg-background-secondary;
}

#wpbody-content:has([id^="suremails-root-app"]) {
  @apply pb-0;
}

#wpfooter {
  display: none;
}

[id^="suremails-root-app"] * {
  font-family: Figtree, sans-serif;
  box-sizing: border-box;
}

/* Hide the notice on the SureMails settings and Dashboard pages. */
#wpbody:has( .suremails-root-app ) {
  @apply bg-background-secondary;

	#wpbody-content > .notice {
		@apply hidden;
	}
}