@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 text-text-primary;
  }


  h1 {
	  @apply text-xl font-semibold leading-7.5 !important;
  }
  h2 {
	@apply text-lg font-semibold leading-7;
  }

  h3 {
   @apply text-base font-semibold leading-6;
  }

  h4 {
	@apply text-sm font-semibold leading-5 !important;
  }

  p {
    @apply text-sm font-normal leading-5 text-text-secondary;
  }
}

#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:has(#suremails-root-app) #wpbody-content > .notice {
  @apply hidden;
}

.whats-new-rss-flyout.suremails-whats-new-flyout.closed {
  visibility: hidden;
}

/* Ensure the label for the consent checkbox is displayed properly. */
label:has(.sm-consent) {
	display: block !important;
}
