/* Team Briefing on the 4 vertical landing pages (EN + RO).
   Loaded after team-briefing-home.css, only on those 8 templates (see functions.php).
   The homepage section is untouched: everything here is scoped to .tb-theme-*. */

/* ── Layout fixes against page-level CSS ────────────────────────────── */

/* Hotels page resets margin on every h2/h3/p inside .cot-hotels-final-page.
   Restore the section's own spacing with higher specificity. */
.tb-section[class*="tb-theme-"] .tb-copy h2 { margin: 0 0 1.4rem; color: #0f172a; }
.tb-section[class*="tb-theme-"] .tb-sheet-heading h3 { margin: 0 0 10px; }
.tb-section[class*="tb-theme-"] .tb-benefits p { margin: 3px 0 0; }
.tb-section[class*="tb-theme-"] .tb-fix p { margin: 6px 0 0; }
.tb-section[class*="tb-theme-"] .tb-dialog-content h2 { margin: 0 0 12px; }
.tb-section[class*="tb-theme-"] .tb-dialog-meta { margin: 0 0 12px; }
.tb-section[class*="tb-theme-"] .tb-detail h3 { margin: 0 0 12px; }

/* Branch page centers text inside every <section> and section > div. */
.tb-section[class*="tb-theme-"],
.tb-section[class*="tb-theme-"] .tb-container,
.tb-section[class*="tb-theme-"] .tb-detail,
.tb-section[class*="tb-theme-"] #tb-full-briefing { text-align: left; }

/* ── Hotels: sky + teal, matching the hotels page palette ───────────── */
.tb-theme-hotels .tb-copy h2 span { background-image: linear-gradient(135deg, #0ea5e9, #14b8a6); }

/* ── Restaurants: amber / orange ─────────────────────────────────────── */
.tb-theme-restaurants .tb-copy h2 span { background-image: linear-gradient(135deg, #f59e0b, #ea580c); }
.tb-theme-restaurants .tb-eyebrow,
.tb-theme-restaurants .tb-link,
.tb-theme-restaurants .tb-tabs button[aria-selected=true] { color: #b45309; }
.tb-theme-restaurants .tb-list-icon { background: #fffbeb; border-color: #fef3c7; color: #d97706; }
.tb-theme-restaurants .tb-sheet { border-color: #fde68a; }
.tb-theme-restaurants .tb-sheet-toolbar svg { color: #d97706; }
.tb-theme-restaurants .tb-tabs button[aria-selected=true] { background: #fffbeb; border-bottom-color: #f59e0b; }
.tb-theme-restaurants .tb-action-list li:before { background: #fef3c7; color: #b45309; }
.tb-theme-restaurants .tb-visual-glow { background: linear-gradient(135deg, rgba(253, 230, 138, .55), rgba(254, 215, 170, .4)); }
.tb-theme-restaurants .tb-check input { accent-color: #d97706; }
.tb-theme-restaurants :focus-visible { outline-color: #d97706; }

/* ── Retail + Branch networks: emerald / teal ───────────────────────── */
.tb-theme-retail .tb-copy h2 span,
.tb-theme-branch .tb-copy h2 span { background-image: linear-gradient(135deg, #10b981, #0d9488); }
.tb-theme-retail .tb-eyebrow,
.tb-theme-retail .tb-link,
.tb-theme-retail .tb-tabs button[aria-selected=true],
.tb-theme-branch .tb-eyebrow,
.tb-theme-branch .tb-link,
.tb-theme-branch .tb-tabs button[aria-selected=true] { color: #047857; }
.tb-theme-retail .tb-list-icon,
.tb-theme-branch .tb-list-icon { background: #ecfdf5; border-color: #d1fae5; color: #059669; }
.tb-theme-retail .tb-sheet,
.tb-theme-branch .tb-sheet { border-color: #a7f3d0; }
.tb-theme-retail .tb-sheet-toolbar svg,
.tb-theme-branch .tb-sheet-toolbar svg { color: #059669; }
.tb-theme-retail .tb-tabs button[aria-selected=true],
.tb-theme-branch .tb-tabs button[aria-selected=true] { background: #ecfdf5; border-bottom-color: #10b981; }
.tb-theme-retail .tb-action-list li:before,
.tb-theme-branch .tb-action-list li:before { background: #d1fae5; color: #047857; }
.tb-theme-retail .tb-visual-glow,
.tb-theme-branch .tb-visual-glow { background: linear-gradient(135deg, rgba(167, 243, 208, .5), rgba(153, 246, 228, .35)); }
.tb-theme-retail .tb-check input,
.tb-theme-branch .tb-check input { accent-color: #059669; }
.tb-theme-retail :focus-visible,
.tb-theme-branch :focus-visible { outline-color: #059669; }

/* Branch page headings use Georgia (serif, weight 600). */
.tb-theme-branch .tb-copy h2 { font-family: Georgia, serif; font-weight: 600; letter-spacing: -0.01em; }

/* ── Print / Save as PDF ────────────────────────────────────────────── */
/* The homepage print rules assume the section is a direct child of <main>.
   Restaurants wrap <main> in a div; Retail and Branch have no <main>.
   Keep the container that holds the section visible so the briefing prints. */
@media print {
    body:has(#tb-full-briefing[open]) > *:has(#team-briefings),
    body:has(#tb-full-briefing[open]) > #team-briefings { display: block !important; }
}