@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-4xl font-semibold leading-11;
  }

  h2 {
    @apply text-3xl font-semibold leading-9.5;
  }

  h3 {
    @apply text-2xl font-semibold leading-8;
  }

  h4 {
	  @apply text-xl font-semibold leading-7.5;
  }

  h5 {
    @apply text-lg font-semibold leading-7;
  }

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

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

#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;
}