/* Template B v2 — small overrides on top of compiled Tailwind CSS.
 * Reserved for things the live site does via React state that we replace with CSS-only behavior. */

/* FAQ accordion +/- toggle (live site uses React useState; we use <details>/<summary>). */
.tb-faq-card summary { list-style: none; }
.tb-faq-card summary::-webkit-details-marker { display: none; }
.tb-faq-card[open] .tb-faq-marker::before { content: '−'; }
.tb-faq-card:not([open]) .tb-faq-marker::before { content: '+'; }
.tb-faq-card .tb-faq-marker { font-size: 0; line-height: 1; }
.tb-faq-card .tb-faq-marker::before { font-size: 24px; line-height: 1; }

/* WP admin bar at top of page nudges sticky header positions; only on logged-in views. */
.admin-bar header.sticky { top: 32px; }
@media (max-width: 782px) { .admin-bar header.sticky { top: 46px; } }

/* Tailwind utilities NOT shipped in the live site's compiled JIT CSS bundle.
 * The live Next.js Image fill component renders inline style="position:absolute;
 * height:100%;width:100%;..." instead of using these utility classes, so JIT
 * never compiled them. We need them because our WP markup uses utility classes
 * for the same effect. */
.h-full   { height: 100%; }
.h-96     { height: 24rem; }
.w-80     { width: 20rem; }
.scale-105 { --tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: translate(var(--tw-translate-x,0), var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) skewX(var(--tw-skew-x,0)) skewY(var(--tw-skew-y,0)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group:hover .group-hover\:scale-105 { --tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: translate(var(--tw-translate-x,0), var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) skewX(var(--tw-skew-x,0)) skewY(var(--tw-skew-y,0)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.bg-navy\/50 { background-color: rgb(30 58 95 / 0.5); }
.group:hover .group-hover\:bg-navy\/50 { background-color: rgb(30 58 95 / 0.5); }
.cursor-pointer { cursor: pointer; }
.list-none { list-style-type: none; }

/* IWFL-specific patches — utilities NOT in live's compiled JIT bundle. */
.bg-\[\#021432\], .bg-\[#021432\] { background-color: #021432; }
.h-20 { height: 5rem; }
.w-20 { width: 5rem; }
.md\:py-18 { padding-top: 4.5rem; padding-bottom: 4.5rem; }
@media (min-width: 768px) { .md\:py-18 { padding-top: 4.5rem; padding-bottom: 4.5rem; } }
.max-h-96 { max-height: 24rem; }
.w-72 { width: 18rem; }
.font-sans { font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
.antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }