/* =========================================================================
   sporeus-head.css — Phase 1 inline-CSS externalization (2026-06-14)
   Concatenated STATIC, GLOBAL inline CSS previously echoed per-request into
   wp_head by several mu-plugins. Now enqueued ONCE (browser-cacheable) by
   sporeus-head-css.php. Selectors/rules preserved EXACTLY — no restyling.

   Sources included:
     1. sporeus-css-normalize.php       (global, unconditional)
     2. sporeus-widget-polish-pack.php  (global, only is_admin() guard)
     3. sporeus-nav-fix.php             (dropdown nav CSS + lang-switcher CSS)
     4. sporeus-print-styles.php        (static print CSS; @media print)

   NOT included (left inline on purpose):
     - sporeus-single-body-polish.php   (conditional: is_singular('post') only)
   ========================================================================= */


/* =========================================================================
   SOURCE: sporeus-css-normalize.php  (#sporeus-normalize)
   ========================================================================= */
/* ── Global normalize ── */
html { scroll-behavior: smooth; }
body { font-size: 17px; line-height: 1.7; }

/* ── Tables ── */
.entry-content table, .ast-article-post table {
    width: 100%; border-collapse: collapse; font-size: .9rem;
    display: block; overflow-x: auto; -webkit-overflow-scrolling: touch;
}
.entry-content table th { background: #1B2A4A; color: #fff; padding: 8px 12px; text-align: left; }
.entry-content table td { padding: 7px 12px; border-bottom: 1px solid #eee; }
.entry-content table tr:nth-child(even) td { background: #f9f9f9; }

/* ── Forms ── */
input[type=text], input[type=email], input[type=number], input[type=date],
select, textarea {
    border: 1px solid #ddd; padding: 8px 12px; border-radius: 4px;
    font-size: 16px; width: 100%; box-sizing: border-box;
}
input:focus, select:focus, textarea:focus {
    border-color: #1B2A4A; outline: none; box-shadow: 0 0 0 2px rgba(27,42,74,.15);
}

/* ── Buttons ── */
.wp-block-button__link, .ast-button, button.sp-btn {
    background: #1B2A4A !important; color: #fff !important;
    border-radius: 4px; padding: 10px 20px; font-weight: 600;
    transition: background .2s;
}
.wp-block-button__link:hover, .ast-button:hover, button.sp-btn:hover {
    background: #0f2342 !important;
}

/* ── Links ── */
.entry-content a { color: #1B2A4A; }
.entry-content a:hover { color: var(--sporeus-gold-dark, #a0783a); }

/* ── Headings ── */
h1 { font-size: 2rem; } h2 { font-size: 1.5rem; } h3 { font-size: 1.2rem; }
h1,h2,h3,h4 { color: #1B2A4A; line-height: 1.3; }

/* ── Code/formulas ── */
code, .formula { font-family: 'Courier New', monospace; background: #f5f5f5; padding: 1px 5px; border-radius: 3px; }

/* ── Mobile ── */
@media(max-width:768px) {
    body { font-size: 16px; }
    h1 { font-size: 1.6rem; }
    h2 { font-size: 1.3rem; }
    .ast-container { padding: 0 16px !important; }
}

/* ── Print ── */
@media print {
    .site-header, .main-navigation, footer,
    .ast-footer-area, .sp-nav, #comments { display: none !important; }
    body { font-size: 12pt; color: #000; }
    a { color: #000; text-decoration: underline; }
}


/* =========================================================================
   SOURCE: sporeus-widget-polish-pack.php  (#sp-wp-pack)
   ========================================================================= */

/* ─────────────── HELPFUL widget (was-this-useful?) ─────────────── */
.sp-helpful, .sp-helpful-widget {
    background: linear-gradient(180deg, #fdfaf5, #faf5ec) !important;
    border: 1px solid var(--border, #e8e2d9) !important;
    border-left: 3px solid var(--gold, #c9a961) !important;
    border-radius: 6px !important;
    padding: 18px 22px !important;
    margin: 32px 0 24px !important;
}
.sp-helpful h3, .sp-helpful-title, .sp-helpful-headline {
    font-family: Georgia, "Times New Roman", serif !important;
    color: var(--navy, #1a2847) !important;
    font-size: 1.08rem !important;
    font-weight: 700 !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    border: 0 !important;
    line-height: 1.3 !important;
}
.sp-helpful button, .sp-helpful-btn, .sp-helpful-vote {
    background: #fff !important;
    color: var(--navy, #1a2847) !important;
    border: 1px solid var(--border, #e8e2d9) !important;
    border-radius: 4px !important;
    padding: 8px 18px !important;
    font-family: Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: .85rem !important;
    cursor: pointer;
    transition: all .15s !important;
    margin-right: 8px;
}
.sp-helpful button:hover, .sp-helpful-btn:hover, .sp-helpful-vote:hover {
    background: var(--navy, #1a2847) !important;
    border-color: var(--navy, #1a2847) !important;
    color: var(--gold, #c9a961) !important;
}
.sp-helpful button.is-active, .sp-helpful-btn.is-active, .sp-helpful-vote.is-active {
    background: var(--gold, #c9a961) !important;
    border-color: var(--gold, #c9a961) !important;
    color: #fff !important;
}
.sp-helpful textarea, .sp-helpful-comment {
    background: #fff !important;
    border: 1px solid var(--border, #e8e2d9) !important;
    border-radius: 4px !important;
    font-family: Georgia, "Times New Roman", serif !important;
    color: var(--text, #1a1a1a) !important;
    padding: 10px 12px !important;
    margin-top: 10px !important;
}
.sp-helpful textarea:focus, .sp-helpful-comment:focus {
    outline: 2px solid var(--gold, #c9a961) !important;
    outline-offset: 1px !important;
    border-color: var(--gold, #c9a961) !important;
}
.sp-helpful .thanks, .sp-helpful-thanks {
    color: var(--gold, #c9a961) !important;
    font-family: Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: .88rem !important;
}

/* ─────────────── SHARE-BUTTON row ─────────────── */
.sp-share, .sp-share-wrap {
    background: transparent !important;
    border: 0 !important;
    margin: 18px 0 !important;
    padding: 12px 0 !important;
    border-top: 1px solid var(--border, #e8e2d9) !important;
    border-bottom: 1px solid var(--border, #e8e2d9) !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}
.sp-share-label, .sp-share-title {
    font-family: Arial, sans-serif !important;
    font-weight: 700 !important;
    color: var(--gold, #c9a961) !important;
    text-transform: uppercase;
    letter-spacing: .14em !important;
    font-size: .72rem !important;
}
.sp-share a, .sp-share button, .sp-share-btn {
    background: #fff !important;
    color: var(--navy, #1a2847) !important;
    border: 1px solid var(--border, #e8e2d9) !important;
    border-radius: 999px !important;
    padding: 6px 14px !important;
    font-family: Arial, sans-serif !important;
    font-weight: 600 !important;
    font-size: .8rem !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center;
    gap: 5px;
    transition: all .15s !important;
}
.sp-share a:hover, .sp-share button:hover, .sp-share-btn:hover {
    background: var(--navy, #1a2847) !important;
    border-color: var(--navy, #1a2847) !important;
    color: var(--gold, #c9a961) !important;
    transform: translateY(-1px);
}

/* ─────────────── GLOSSARY-RELATED (on term pages) ─────────────── */
.sp-glr-related, .sp-glossary-related, .sp-glr {
    background: #fff !important;
    border: 1px solid var(--border, #e8e2d9) !important;
    border-radius: 6px !important;
    padding: 20px 22px !important;
    margin: 28px 0 !important;
}
.sp-glr-related h3, .sp-glr-related h4, .sp-glr-title {
    font-family: Georgia, "Times New Roman", serif !important;
    color: var(--navy, #1a2847) !important;
    font-size: 1.08rem !important;
    font-weight: 700 !important;
    margin: 0 0 12px !important;
    padding: 0 0 8px !important;
    border-bottom: 2px solid var(--gold, #c9a961) !important;
}
.sp-glr-related ul, .sp-glr-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 4px 18px !important;
}
.sp-glr-related li, .sp-glr-list li {
    margin: 0 !important;
    padding: 4px 0 !important;
}
.sp-glr-related a, .sp-glr-list a {
    color: var(--navy, #1a2847) !important;
    text-decoration: none !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: .96rem !important;
    transition: color .12s !important;
}
.sp-glr-related a:hover, .sp-glr-list a:hover {
    color: var(--gold, #c9a961) !important;
    text-decoration: underline !important;
    text-decoration-color: var(--gold, #c9a961) !important;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 3px !important;
}
@media (max-width: 540px) {
    .sp-glr-related ul, .sp-glr-list { grid-template-columns: 1fr !important; }
}

/* ─────────────── SERIES BANNER + STRENGTH-SERIES BANNER ─────────────── */
.sp-series, .sp-series-banner, .sp-strength-series, .sp-strength-banner {
    background: linear-gradient(135deg, var(--navy, #1a2847), #25365e) !important;
    border-left: 4px solid var(--gold, #c9a961) !important;
    border-radius: 6px !important;
    padding: 18px 22px !important;
    margin: 28px 0 !important;
    color: #fff !important;
}
.sp-series-eyebrow, .sp-series-label {
    font-family: Arial, sans-serif !important;
    font-weight: 700 !important;
    color: var(--gold, #c9a961) !important;
    text-transform: uppercase;
    letter-spacing: .16em !important;
    font-size: .72rem !important;
    display: block !important;
    margin: 0 0 6px !important;
}
.sp-series h3, .sp-series-title, .sp-series-headline {
    font-family: Georgia, "Times New Roman", serif !important;
    color: #fff !important;
    font-size: 1.18rem !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    border: 0 !important;
}
.sp-series p, .sp-series-body, .sp-series-description {
    color: rgba(255,255,255,.85) !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: .98rem !important;
    line-height: 1.55 !important;
    margin: 0 0 12px !important;
}
.sp-series a, .sp-series-link, .sp-series-cta {
    color: var(--gold, #c9a961) !important;
    font-family: Arial, sans-serif !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    border-bottom: 2px solid var(--gold, #c9a961) !important;
    padding-bottom: 1px;
    transition: color .15s !important;
}
.sp-series a:hover, .sp-series-link:hover, .sp-series-cta:hover {
    color: #fff !important;
    border-bottom-color: #fff !important;
}

/* ─────────────── Print: hide all polished widgets ─────────────── */
@media print {
    .sp-helpful, .sp-helpful-widget,
    .sp-share, .sp-share-wrap,
    .sp-series, .sp-series-banner,
    .sp-strength-series, .sp-strength-banner { display: none !important; }
}


/* =========================================================================
   SOURCE: sporeus-nav-fix.php  (dropdown nav CSS — sporeus_nav_css)
   ========================================================================= */
/* Sporeus dropdown nav — works with WordPress native menu rendered by Astra */
.main-header-menu,
.sp-nav {
    list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:0;position:relative;
}
.main-header-menu > li,
.sp-nav > li { position:relative; }

.main-header-menu > li > a,
.sp-nav > li > a {
    display:block;padding:0 16px;color:#333;text-decoration:none;
    font-family:Arial,monospace;font-size:.92rem;font-weight:500;line-height:60px;white-space:nowrap;
}
.main-header-menu > li > a:hover,
.sp-nav > li > a:hover { color:var(--navy,#1a2847); }

/* Dropdown arrow on items with children */
.main-header-menu > li.menu-item-has-children > a::after,
.sp-nav > li.has-dd > a::after {
    content:"▾";font-size:.7rem;margin-left:4px;opacity:.6;
}

/* Dropdown panel */
.main-header-menu > li .sub-menu,
.sp-nav > li .sp-dd {
    display:none;position:absolute;top:100%;left:0;
    background:#fff;border:1px solid var(--border,#e8e2d9);border-radius:0 0 6px 6px;
    box-shadow:0 4px 12px rgba(0,0,0,.08);list-style:none;margin:0;padding:6px 0;
    min-width:210px;z-index:9998;
}
.main-header-menu > li:hover .sub-menu,
.sp-nav > li:hover .sp-dd { display:block; }

.main-header-menu > li .sub-menu li a,
.sp-nav > li .sp-dd li a {
    display:block;padding:8px 18px;color:#444;
    font-family:Arial,monospace;font-size:.875rem;text-decoration:none;white-space:nowrap;
}
.main-header-menu > li .sub-menu li a:hover,
.sp-nav > li .sp-dd li a:hover { background:var(--cream,#faf7f2);color:var(--navy,#1a2847); }

/* Mobile */
@media(max-width:768px){
    .main-header-menu,
    .sp-nav { flex-wrap:wrap; }

    .main-header-menu > li > a,
    .sp-nav > li > a { line-height:44px;padding:0 10px;font-size:.85rem; }

    .main-header-menu > li .sub-menu,
    .sp-nav > li .sp-dd {
        position:static;border:none;box-shadow:none;background:var(--cream,#faf7f2);display:none;
    }
    .main-header-menu > li.open .sub-menu,
    .sp-nav > li.open .sp-dd { display:block; }

    .main-header-menu > li.menu-item-has-children > a::after,
    .sp-nav > li.has-dd > a::after { content:" ▾";cursor:pointer; }

    /* Tap-to-open on mobile */
    .main-header-menu > li.menu-item-has-children > a,
    .sp-nav > li.has-dd > a { cursor:pointer; }
}

/* ── Lang switcher CSS (from sporeus-nav-fix.php) ── */
.sp-lang-switcher > a {
    font-family: Arial, sans-serif !important;
    font-size: .72rem !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    color: var(--gold, #c9a961) !important;
    border: 1px solid var(--gold, #c9a961) !important;
    border-radius: 3px !important;
    padding: 2px 8px !important;
    line-height: 60px !important;
    margin-left: 8px !important;
}
.sp-lang-switcher > a:hover { opacity: .8 !important; }
/* Submenu language names: keep mixed-case so Turkish locale uppercase rule (i → İ) cannot corrupt "English" → "ENGLİSH". */
.sp-lang-switcher .sub-menu a { text-transform: none !important; }
@media(max-width:768px) {
    .sp-lang-switcher > a { line-height: 44px !important; }
}


/* =========================================================================
   SOURCE: sporeus-print-styles.php  (#sp-print-style — static print CSS)
   ========================================================================= */
/* ── Print-only blocks: hidden on screen, shown on print ── */
.sp-print-only { display: none; }

@media print {
    /* ── Page setup ── */
    @page { margin: 1.6cm 1.8cm; size: A4; }
    @page :first { margin-top: 1.2cm; }

    html, body {
        background: #fff !important;
        color: #000 !important;
        font-size: 11pt;
        line-height: 1.45;
    }

    body * {
        box-shadow: none !important;
        text-shadow: none !important;
    }

    /* ── Hide all chrome + widgets ── */
    .site-header, .main-navigation, .ast-mobile-header,
    .site-footer, .ast-footer-area, footer,
    #wpadminbar, .admin-bar-style,
    .sp-nav, .sp-coach-card, .sp-wa-float, .sp-coach-contact,
    #sp-btt, #sp-rp-bar, #sp-toc, .sp-toc,
    .sp-share, .sp-share-wrap,
    .sp-newsletter, .sp-newsletter-wrap,
    .sp-helpful, .sp-helpful-widget,
    .sp-related, .sp-related-wrap, .sp-related-grid,
    .sp-tcb-wrap, .sp-recent-wrap,
    .sp-app-cta, .sp-app-cta-wrap,
    .sp-author-card,
    .sp-ad-slot, .adsbygoogle, ins.adsbygoogle,
    .sp-series, .sp-series-banner,
    .sp-program-cta-strip,
    .sp-term-search-wrap, .sp-term-letter-back, .sp-term-explore,
    .sp-prev-next, .nav-links, .post-navigation,
    .entry-meta, .sp-byline,
    #comments, .comments-area,
    nav, aside { display: none !important; }

    /* ── Print-only blocks become visible ── */
    .sp-print-only { display: block !important; }

    /* ── Print head: brand + URL strip ── */
    .sp-print-head {
        border-bottom: 1px solid #999;
        padding-bottom: 6pt;
        margin-bottom: 12pt;
        display: flex !important;
        justify-content: space-between;
        align-items: baseline;
        font-family: Arial, sans-serif;
        font-size: 8pt;
        color: #555;
        letter-spacing: .05em;
    }
    .sp-print-brand { font-weight: 700; text-transform: uppercase; }
    .sp-print-url { font-style: italic; }

    /* ── Print foot: cite + copyright ── */
    .sp-print-foot {
        margin-top: 24pt;
        padding-top: 10pt;
        font-family: Arial, sans-serif;
        font-size: 8pt;
        color: #555;
        page-break-inside: avoid;
    }
    .sp-print-rule { border: 0; border-top: 1px solid #aaa; margin: 0 0 8pt; }
    .sp-print-cite { margin-bottom: 6pt; line-height: 1.4; color: #333; }
    .sp-print-cite strong { color: #000; }
    .sp-print-meta { font-size: 7.5pt; letter-spacing: .03em; }

    /* ── Typography ── */
    .entry-title, h1.entry-title, h1 {
        font-family: Georgia, "Times New Roman", serif !important;
        font-size: 22pt;
        line-height: 1.15;
        color: #000 !important;
        margin: 0 0 6pt;
        font-weight: 700;
        page-break-after: avoid;
    }

    .sp-single-content > h2 {
        font-family: Georgia, "Times New Roman", serif !important;
        font-size: 14pt;
        color: #000 !important;
        border-bottom: 1px solid #444 !important;
        margin: 18pt 0 6pt !important;
        padding-bottom: 2pt;
        page-break-after: avoid;
        page-break-before: auto;
    }
    .sp-single-content > h3 {
        font-family: Georgia, "Times New Roman", serif !important;
        font-size: 11.5pt;
        color: #000 !important;
        border-left: 2pt solid #888 !important;
        padding-left: 8pt;
        margin: 12pt 0 4pt !important;
        page-break-after: avoid;
    }

    .sp-single-content > p,
    .sp-single-content > ul li,
    .sp-single-content > ol li {
        font-family: Georgia, "Times New Roman", serif !important;
        font-size: 10.5pt !important;
        line-height: 1.5 !important;
        color: #000 !important;
        orphans: 3;
        widows: 3;
    }
    .sp-single-content > p:first-of-type { font-size: 11pt !important; }

    /* ── Blockquotes ── */
    .sp-single-content blockquote {
        background: transparent !important;
        border-left: 2pt solid #888 !important;
        padding: 0 0 0 10pt !important;
        margin: 10pt 0 !important;
        font-style: italic;
        font-size: 10.5pt !important;
        page-break-inside: avoid;
    }

    /* ── Images + figures ── */
    .sp-single-content figure {
        page-break-inside: avoid;
        margin: 10pt 0 !important;
    }
    .sp-single-content img {
        max-width: 100% !important;
        height: auto !important;
        filter: grayscale(100%) contrast(1.05);
    }
    .sp-single-content figcaption {
        font-size: 8.5pt !important;
        color: #444 !important;
        font-style: italic;
        border: 0 !important;
        padding-top: 4pt !important;
        font-family: Arial, sans-serif !important;
    }

    /* ── Tables ── */
    .sp-single-content table {
        border: 1px solid #444 !important;
        page-break-inside: avoid;
        font-size: 9.5pt !important;
        margin: 10pt 0 !important;
    }
    .sp-single-content table th {
        background: #e5e5e5 !important;
        color: #000 !important;
        border-bottom: 1pt solid #000 !important;
        font-size: 9pt !important;
        padding: 4pt 6pt !important;
    }
    .sp-single-content table td {
        border-bottom: 0.5pt solid #999 !important;
        padding: 3pt 6pt !important;
        vertical-align: top;
    }
    .sp-single-content table tr:hover td { background: transparent !important; }

    /* ── Links: keep text black, add URL footnote for externals ── */
    a, .sp-single-content > p a {
        color: #000 !important;
        text-decoration: none !important;
        border-bottom: 0.5pt solid #666 !important;
    }
    a.sp-itl-link {
        border-bottom: 0.5pt dotted #666 !important;
    }
    /* Show URL after external links (not internal sporeus.com or anchor) */
    a[href^="http"]:not([href*="sporeus.com"])::after {
        content: " (" attr(href) ")";
        font-size: 8pt;
        color: #555;
        font-family: Arial, sans-serif;
        word-break: break-all;
    }
    /* Don't show URL for footnote/anchor links */
    a[href^="#"]::after { content: ""; }

    /* ── Code ── */
    .sp-single-content code,
    code, pre {
        background: #f0f0f0 !important;
        border: 0.5pt solid #999 !important;
        font-size: 9.5pt !important;
        color: #000 !important;
    }

    /* ── Lists ── */
    .sp-single-content > ul,
    .sp-single-content > ol {
        margin: 6pt 0 6pt 18pt !important;
        page-break-inside: avoid;
    }

    /* ── Glossary term page specifics ── */
    .sp-term-meta {
        margin: 0 0 8pt !important;
        gap: 4pt !important;
    }
    .sp-term-chip {
        background: transparent !important;
        border: 0.5pt solid #888 !important;
        font-size: 8pt !important;
        padding: 1pt 6pt !important;
    }
    .sp-term-chip-l { color: #555 !important; }
    .sp-term-chip-v { color: #000 !important; font-size: 9pt !important; }

    /* Definition callout — keep, but flatten background */
    .sp-single-content > div[style*="background:#f0f4f8"] {
        background: transparent !important;
        border-left: 2pt solid #888 !important;
        padding: 4pt 0 4pt 10pt !important;
        font-style: italic;
    }

    /* ── Avoid orphan/widow line breaks on small elements ── */
    p, li, blockquote, figure { orphans: 3; widows: 3; }

    /* ── Force colors for clarity ── */
    .sp-single-content strong { color: #000 !important; font-weight: 700; }
    .sp-single-content em { color: #000 !important; }
}