/* Utilities missing from the React-purged Tailwind build but used in PHP markup */

/* Spacing used by homepage publish tabs + sections (exact React values) */
.pt-12 { padding-top: 3rem; }
.pb-6 { padding-bottom: 1.5rem; }
.pb-20 { padding-bottom: 5rem; }
.pt-6 { padding-top: 1.5rem; }
.min-w-\[10rem\] { min-width: 10rem; }

/* Layout helpers */
.min-h-dvh { min-height: 100dvh; }
.backdrop-blur-xl { backdrop-filter: blur(24px); }

/* Opacity / mix utilities commonly needed outside purge */
.bg-background\/85 { background-color: color-mix(in oklab, var(--background) 85%, transparent); }
.border-border\/60 { border-color: color-mix(in oklab, var(--border) 60%, transparent); }
.text-foreground\/80 { color: color-mix(in oklab, var(--foreground) 80%, transparent); }
.text-white\/70 { color: rgb(255 255 255 / 0.7); }
.text-white\/60 { color: rgb(255 255 255 / 0.6); }
.text-white\/85 { color: rgb(255 255 255 / 0.85); }
.text-white\/90 { color: rgb(255 255 255 / 0.9); }
.bg-white\/5 { background-color: rgb(255 255 255 / 0.05); }
.bg-white\/10 { background-color: rgb(255 255 255 / 0.1); }
.bg-white\/70 { background-color: rgb(255 255 255 / 0.7); }
.bg-white\/95 { background-color: rgb(255 255 255 / 0.95); }
.border-white\/10 { border-color: rgb(255 255 255 / 0.1); }
.border-white\/15 { border-color: rgb(255 255 255 / 0.15); }
.border-white\/20 { border-color: rgb(255 255 255 / 0.2); }
.text-navy\/60 { color: color-mix(in oklab, var(--navy) 60%, transparent); }
.text-navy\/70 { color: color-mix(in oklab, var(--navy) 70%, transparent); }
.border-brand\/20 { border-color: color-mix(in oklab, var(--brand) 20%, transparent); }
.rotate-\[-4deg\] { transform: rotate(-4deg); }
.rotate-\[3deg\] { transform: rotate(3deg); }
.group:hover .group-hover\:visible { visibility: visible !important; }
.group:hover .group-hover\:opacity-100 { opacity: 1 !important; }

/* Logo sizing for wide wordmark PNG */
.napid-logo-header {
  height: 3.5rem; /* h-14 — matches React NapidLogo default */
  width: auto;
  max-width: min(280px, 55vw);
  object-fit: contain;
}
.napid-logo-footer {
  height: 6rem; /* h-24 — matches React footer */
  width: auto;
  max-width: 320px;
  object-fit: contain;
  background-color: #fff;
  padding: 0.5rem;
  border-radius: 0.375rem;
}

/* SVG icons */
svg.h-3\.5 { width: 0.875rem; height: 0.875rem; }
svg.h-4 { width: 1rem; height: 1rem; }
svg.h-5 { width: 1.25rem; height: 1.25rem; }
svg.h-6 { width: 1.5rem; height: 1.5rem; }