/*
 * TIP 13 — shared front-end components.
 * Moved out of inline <style> blocks (functions.php, footer.php and mu-plugins)
 * on 2026-09-28 so the site ships no inline CSS. Loaded on every page after style.css.
 */

/* ---------- Base / above-the-fold (was #tip13-critical) ---------- */
:root{--primary:#1a5f2a;--secondary:#f4c430;--dark:#1a1a2e;--light:#f8f9fa;--success:#28a745;--danger:#dc3545}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);min-height:100vh;color:#fff}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.site-header{background:rgba(0,0,0,.3);padding:20px 0;border-bottom:3px solid var(--secondary)}
.header-content{display:flex;justify-content:space-between;align-items:center;position:relative}
.logo{font-size:2.5rem;font-weight:bold;color:var(--secondary);text-decoration:none;display:flex;align-items:center;gap:10px}
.logo-icon{width:42px;height:42px;border-radius:10px}
.logo span{color:#fff}
.nav-menu{display:flex;gap:8px;list-style:none;align-items:center}
.nav-menu>li>a{display:inline-flex;align-items:center;gap:6px;color:#fff;text-decoration:none;font-weight:500;font-size:.9rem;padding:10px 16px;border-radius:8px;transition:background .3s,color .3s;white-space:nowrap}
.hero{text-align:center;padding:60px 0}
.hero h1{font-size:3rem;margin-bottom:20px}
.hero h1 span{color:var(--secondary)}
.hero p{font-size:1.2rem;opacity:.8;max-width:600px;margin:0 auto}
.section-title{text-align:center;font-size:2rem;margin-bottom:30px;color:var(--secondary)}
.matches-section{padding:40px 0}
.matches-table{width:100%;background:rgba(255,255,255,.1);border-radius:15px;overflow:hidden;border-collapse:collapse}
.matches-table th{background:var(--primary);padding:15px;text-align:left;font-weight:600}
.matches-table td{padding:15px;border-bottom:1px solid rgba(255,255,255,.1)}
.popular-section{padding:30px 0 20px}.popular-heading{text-align:center;font-size:1.3rem;font-weight:700;color:var(--secondary);margin-bottom:18px}.popular-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.popular-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:14px;text-decoration:none;color:#fff}
.site-footer{background:rgba(0,0,0,.5);padding:40px 0;text-align:center;margin-top:60px}
@media(max-width:992px){.nav-menu{display:none}.tip13-burger{display:block}}

/* ---------- Rendering hints (was #tip13-lcp-cv) ---------- */
.matches-section,
.tidligere-resultater-section,
.popular-section,
.site-footer,
.stitch-only[data-purpose="live-matches"],
.stitch-only[data-purpose="latest-results"]{
  content-visibility:auto;
  contain-intrinsic-size:0 800px;
}
.day-section{
  content-visibility:auto;
  contain-intrinsic-size:0 400px;
}
.league-section{
  content-visibility:auto;
  contain-intrinsic-size:0 300px;
}
.hero,.featured-tip{contain:layout style}
.hero h1{text-rendering:optimizeSpeed}

/* ---------- Mobile menu (was #tip13-mobile-menu) ---------- */
.tip13-burger{display:none;position:relative;width:44px;height:44px;background:none;border:none;cursor:pointer;z-index:10010;padding:10px;flex-shrink:0;-webkit-tap-highlight-color:transparent}
.tip13-burger span{display:block;width:24px;height:2.5px;background:#fff;border-radius:2px;transition:transform .3s,opacity .3s;position:absolute;left:10px}
.tip13-burger span:nth-child(1){top:12px}
.tip13-burger span:nth-child(2){top:20px}
.tip13-burger span:nth-child(3){top:28px}
body.tip13-menu-active .tip13-burger{display:none!important}
.tip13-ov{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.55);z-index:10000}
.tip13-ov.active{display:block}
.tip13-cls{display:none;position:absolute;top:10px;right:14px;width:40px;height:40px;align-items:center;justify-content:center;background:rgba(255,255,255,.08);border:none;border-radius:10px;cursor:pointer;z-index:10;font-size:22px;line-height:1;color:rgba(255,255,255,.7);font-family:Arial,sans-serif}
.tip13-st{display:none}
@media(min-width:993px){.tip13-burger,.tip13-ov,.tip13-cls,.tip13-st{display:none!important}}
@media(max-width:992px){
.tip13-burger{display:block}
.tip13-cls{display:flex}
.header-content{flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:0!important}
.site-header nav{display:contents}
ul.nav-menu,.nav-menu{position:fixed!important;top:0!important;right:-310px;width:300px;max-width:85vw;height:100vh!important;height:100dvh!important;background:#111827!important;z-index:10005;display:flex!important;flex-direction:column!important;align-items:stretch!important;flex-wrap:nowrap!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;padding:56px 0 90px!important;margin:0!important;gap:0!important;transition:right .35s cubic-bezier(.4,0,.2,1);box-shadow:-4px 0 20px rgba(0,0,0,.4);list-style:none!important;scroll-padding-top:56px!important}
ul.nav-menu.tip13-open,.nav-menu.tip13-open{right:0}
.nav-menu>li{display:block!important;float:none!important;width:100%!important;border-bottom:1px solid rgba(255,255,255,.06);position:relative!important}
.nav-menu>li>a{display:flex!important;align-items:center;gap:8px;padding:14px 24px!important;color:rgba(255,255,255,.85)!important;font-size:.95rem!important;font-weight:500!important;text-decoration:none!important;border-radius:0!important;background:transparent!important;line-height:1.5!important;white-space:normal!important;box-shadow:none!important;transform:none!important}
.nav-menu>li>a:hover{background:rgba(255,255,255,.08)!important;color:#fff!important;transform:none!important;box-shadow:none!important}
.nav-menu>li>a i{width:20px;text-align:center;opacity:.6;font-size:.85em}
.nav-menu>li>a.nav-games,.nav-menu>li>a.nav-fodbold-i-dag{background:transparent!important;border-radius:0!important;padding:14px 24px!important;box-shadow:none!important;transform:none!important}
.nav-menu>li>a.nav-games{color:#c084fc!important;border-left:3px solid #9333ea}
.nav-menu>li>a.nav-fodbold-i-dag{color:#f4c430!important;border-left:3px solid #f4c430}
.nav-menu .has-submenu>a::after{display:none!important}
.tip13-st{display:flex;align-items:center;justify-content:center;position:absolute;right:8px;top:8px;width:38px;height:38px;background:rgba(255,255,255,.06);border:none;border-radius:8px;cursor:pointer;z-index:2}
.tip13-st::after{content:"";display:block;width:8px;height:8px;border-right:2px solid rgba(255,255,255,.6);border-bottom:2px solid rgba(255,255,255,.6);transform:rotate(45deg);margin-top:-3px;transition:transform .25s}
.tip13-st.active{background:rgba(244,196,48,.15)}
.tip13-st.active::after{transform:rotate(-135deg);margin-top:3px;border-color:#f4c430}
.nav-menu>li.has-submenu>a{padding-right:56px!important}
.nav-menu .mega-menu,.nav-menu .has-submenu .mega-menu,.nav-menu .has-submenu:hover .mega-menu{position:static!important;display:none!important;visibility:visible!important;opacity:1!important;width:100%!important;flex-direction:column!important;background:rgba(0,0,0,.2)!important;box-shadow:none!important;border-radius:0!important;padding:400px 0 8px!important;margin:0!important;animation:none!important;transform:none!important;transition:none!important;max-height:none!important;overflow:visible!important;clip:auto!important;clip-path:none!important;top:auto!important;left:auto!important;right:auto!important;z-index:auto!important}
.nav-menu .mega-menu::before{display:none!important}
.nav-menu .mega-menu.tip13-sub-open,.nav-menu .has-submenu .mega-menu.tip13-sub-open,.nav-menu .has-submenu:hover .mega-menu.tip13-sub-open{display:flex!important;visibility:visible!important;opacity:1!important}
.nav-menu .mega-menu .mega-col{flex:none!important;padding:0!important;border-right:none!important;border-bottom:none!important}
.nav-menu .mega-menu .mega-col-title{padding:10px 24px 6px!important;margin-bottom:0!important;border-bottom:none!important;font-size:.65rem;color:#f4c430}
.nav-menu .mega-menu .mega-col ul{list-style:none;padding:0;margin:0}
.nav-menu .mega-menu .mega-col a{display:block!important;padding:9px 24px 9px 40px!important;color:rgba(255,255,255,.7)!important;font-size:.88rem!important;font-weight:400!important;text-decoration:none!important;border-radius:0!important;border-bottom:1px solid rgba(255,255,255,.03)}
.nav-menu .mega-menu .mega-col a:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}
body.tip13-menu-active{overflow:hidden!important;position:fixed;width:100%}
}

/* ---------- Footer social links ---------- */
.footer-social {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-bottom: 16px;
}
.footer-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    color: #D4B573;
    font-size: 18px;
    text-decoration: none;
    transition: background 0.2s, color 0.2s;
}
.footer-social a:hover {
    background: #D4B573;
    color: #233249;
}

/* ---------- Mobile bottom navigation (was #bottom-nav-css) ---------- */
.bottom-nav{position:fixed;bottom:0;left:0;right:0;width:100%;background:#233249;border-top:1px solid rgba(255,255,255,0.08);padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:99998;display:none;}
.bottom-nav-inner{display:flex;justify-content:space-around;align-items:center;}
.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;text-decoration:none;color:#D4B573;opacity:0.7;transition:opacity 0.2s;}
.bottom-nav a:hover,.bottom-nav a.active{opacity:1;}
.bottom-nav a i{font-size:20px;}
.bottom-nav a span{font-size:10px;font-weight:500;}
@media(max-width:768px){.bottom-nav{display:block;}body{padding-bottom:80px !important;}}

/* ---------- Cookie banner (was #tip13-cookie-banner-css) ---------- */
/* Cookie Banner */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:99999;padding:0 20px 20px;pointer-events:none;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}
.cookie-banner-inner{max-width:900px;margin:0 auto;background:rgba(15,15,30,0.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:18px;padding:28px 30px;box-shadow:0 -5px 40px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.06);pointer-events:all;border-top:2px solid var(--secondary,#f4c430)}
.cookie-banner-text{display:flex;align-items:flex-start;gap:18px;margin-bottom:20px}
.cookie-banner-icon{font-size:1.6rem;color:var(--secondary,#f4c430);flex-shrink:0;margin-top:2px}
.cookie-banner-title{color:#fff;font-size:1.1rem;font-weight:700;margin:0 0 6px}
.cookie-banner-desc{color:rgba(255,255,255,0.7);font-size:0.88rem;line-height:1.6;margin:0}
.cookie-banner-desc a{color:var(--secondary,#f4c430);text-decoration:underline;text-underline-offset:2px}
.cookie-banner-desc a:hover{color:#fff}
.cookie-banner-actions{display:flex;gap:10px;flex-wrap:wrap}
.cookie-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 22px;border:none;border-radius:25px;font-size:0.88rem;font-weight:600;cursor:pointer;transition:all .25s ease;white-space:nowrap;font-family:inherit}
.cookie-btn:hover{transform:translateY(-1px)}
.cookie-btn-accept{background:var(--primary,#1a5f2a);color:#fff}
.cookie-btn-accept:hover{background:#1f7233;box-shadow:0 4px 15px rgba(26,95,42,0.4)}
.cookie-btn-settings{background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.85);border:1px solid rgba(255,255,255,0.12)}
.cookie-btn-settings:hover{background:rgba(255,255,255,0.14);color:#fff}
.cookie-btn-reject{background:transparent;color:rgba(255,255,255,0.5);padding:11px 18px;text-decoration:underline;text-underline-offset:3px}
.cookie-btn-reject:hover{color:rgba(255,255,255,0.85)}
/* Settings panel */
.cookie-settings-panel{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,0.08)}
.cookie-setting-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,0.05)}
.cookie-setting-row:last-of-type{border-bottom:none}
.cookie-setting-info{display:flex;flex-direction:column;gap:2px}
.cookie-setting-info strong{color:#fff;font-size:0.9rem}
.cookie-setting-info strong i{color:var(--secondary,#f4c430);margin-right:6px;width:16px;text-align:center}
.cookie-setting-desc{color:rgba(255,255,255,0.5);font-size:0.78rem}
.cookie-always-on{font-size:0.75rem;color:rgba(40,167,69,0.9);background:rgba(40,167,69,0.12);padding:3px 12px;border-radius:20px;font-weight:600;flex-shrink:0}
/* Mini toggle */
.cookie-mini-toggle{position:relative;display:inline-block;width:42px;height:22px;flex-shrink:0}
.cookie-mini-toggle input{opacity:0;width:0;height:0}
.cookie-mini-slider{position:absolute;cursor:pointer;inset:0;background:rgba(255,255,255,0.12);border-radius:22px;transition:.3s}
.cookie-mini-slider::before{content:"";position:absolute;height:16px;width:16px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}
.cookie-mini-toggle input:checked+.cookie-mini-slider{background:var(--primary,#1a5f2a)}
.cookie-mini-toggle input:checked+.cookie-mini-slider::before{transform:translateX(20px)}
/* Responsive */
@media(max-width:640px){.cookie-banner{padding:0 10px 10px}.cookie-banner-inner{padding:20px 18px;border-radius:14px}.cookie-banner-text{flex-direction:column;gap:8px}.cookie-banner-icon{display:none}.cookie-banner-actions{flex-direction:column}.cookie-btn{width:100%;justify-content:center}.cookie-banner-desc{font-size:0.82rem}}
/* Slide-in animation */
@keyframes cookieSlideUp{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}
.cookie-banner.cookie-show .cookie-banner-inner{animation:cookieSlideUp .4s ease-out}
/* Slide-out animation */
@keyframes cookieSlideDown{from{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}
.cookie-banner.cookie-hide .cookie-banner-inner{animation:cookieSlideDown .3s ease-in forwards}

/* ---------- Responsible gambling bar + editorial box (was #t13-eeat-css) ---------- */
.t13-responsible{background:#1b2637;border-top:1px solid rgba(212,181,115,.25);padding:18px 12px;color:#c9d2e0;font-size:.88rem;text-align:center}
        .t13-responsible .container{max-width:1100px;margin:0 auto}
        .t13-responsible-top{margin:0 0 8px;line-height:1.5}
        .t13-age{display:inline-block;background:#D4B573;color:#233249;font-weight:700;border-radius:50%;width:28px;height:28px;line-height:28px;margin-right:8px;vertical-align:middle}
        .t13-responsible-links{margin:0;display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center}
        .t13-responsible-links a{color:#D4B573;text-decoration:none}
        .t13-responsible-links a:hover{text-decoration:underline}
        .t13-editorial{margin:32px 0 8px;padding:16px 18px;border-left:3px solid #D4B573;background:rgba(212,181,115,.07);border-radius:0 8px 8px 0;font-size:.9rem;line-height:1.6}
        .t13-editorial-by{margin:0 0 6px}
        .t13-editorial-note{margin:0;opacity:.85}
        .t13-editorial a{color:#D4B573}
        @media(max-width:768px){.t13-responsible{padding-bottom:88px}}

/* ---------- Topic-page FAQ blocks (was inline in tips13-faq-schema.php) ---------- */
.t13-faq{margin:36px 0 8px}
.t13-faq h2{margin-bottom:14px}
.t13-faq-item{border:1px solid rgba(212,181,115,.22);border-radius:8px;margin-bottom:10px;overflow:hidden}
.t13-faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;background:rgba(212,181,115,.06);border:0;padding:14px 16px;text-align:left;font-size:1rem;font-weight:600;color:inherit;cursor:pointer;font-family:inherit}
.t13-faq-q i{transition:transform .2s;flex-shrink:0}
.t13-faq-item.open .t13-faq-q i{transform:rotate(180deg)}
.t13-faq-a{display:none;padding:14px 16px;line-height:1.65}
.t13-faq-item.open .t13-faq-a{display:block}

/* ---------- Added 2026-09-28: components that replaced inline styles/scripts ---------- */

/* The hidden attribute must win over component display rules. */
[hidden] {
    display: none !important;
}

.screen-reader-text {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
}

/* Skip link */
.skip-link {
    position: absolute;
    left: 12px;
    top: -60px;
    z-index: 100000;
    padding: 10px 16px;
    background: #f4c430;
    color: #1a1a2e;
    font-weight: 700;
    border-radius: 0 0 8px 8px;
    text-decoration: none;
}
.skip-link:focus {
    top: 0;
}

/* Visible keyboard focus everywhere */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
    outline: 3px solid #f4c430;
    outline-offset: 2px;
}

/* Mobile menu close item (was an inline style set by JS) */
.tip13-cls-item {
    list-style: none;
    padding: 0;
    margin: 0;
    height: 0;
    overflow: visible;
}

/* Cookie banner: accept and reject have equal weight (GDPR) */
.cookie-banner-title {
    color: #fff;
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0 0 6px;
    text-align: left;
}
.cookie-btn-reject-solid {
    background: #fff;
    color: #1a1a2e;
}
.cookie-btn-reject-solid:hover {
    background: #e9ecef;
}
.cookie-btn-save {
    margin-top: 15px;
    width: 100%;
}

/* FAQ question buttons (were clickable divs with onclick) */
button.faq-question {
    width: 100%;
    font: inherit;
    color: inherit;
    text-align: left;
    background: none;
    border: 0;
    cursor: pointer;
}

/* Back to top */
.back-to-top {
    position: fixed;
    right: 18px;
    bottom: 24px;
    z-index: 99990;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 1px solid rgba(244, 196, 48, 0.6);
    background: #1a1a2e;
    color: #f4c430;
    font-size: 18px;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity 0.2s, transform 0.2s, visibility 0.2s;
}
.back-to-top.is-visible {
    opacity: 1;
    visibility: visible;
    transform: none;
}
.back-to-top:hover {
    background: #f4c430;
    color: #1a1a2e;
}
@media (max-width: 768px) {
    .back-to-top {
        bottom: 96px;
        right: 12px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .back-to-top {
        transition: none;
    }
}

/* Breadcrumbs (Yoast) */
.t13-breadcrumbs {
    font-size: 0.85rem;
    margin: 0 0 14px;
    color: rgba(255, 255, 255, 0.75);
}
.t13-breadcrumbs ol {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 4px 8px;
    margin: 0;
    padding: 0;
}
.t13-breadcrumbs li + li::before {
    content: "›";
    margin-right: 8px;
    opacity: 0.6;
}
.t13-breadcrumbs a {
    color: #D4B573;
    text-decoration: none;
}
.t13-breadcrumbs a:hover {
    text-decoration: underline;
}
.t13-breadcrumbs [aria-current="page"] {
    color: rgba(255, 255, 255, 0.85);
}
.t13-breadcrumbs-bar {
    padding: 14px 0 0;
}

/* Footer */
.footer-note {
    margin-top: 10px;
    font-size: 0.9rem;
}
.footer-links-legal a {
    font-size: 0.85rem;
}

.footer-cookie-btn {
    background: none;
    border: 0;
    padding: 0;
    font: inherit;
    font-size: 0.85rem;
    color: inherit;
    text-decoration: underline;
    cursor: pointer;
}

/* Keyboard focus for the visually hidden consent checkbox */
.cookie-mini-toggle input:focus-visible + .cookie-mini-slider {
    outline: 3px solid #f4c430;
    outline-offset: 2px;
}

/* Placeholder icon when a team/country has no badge (tip13_get_country_flag, match rows) */
.badge-placeholder-icon {
    font-size: 14px;
    opacity: 0.6;
}

/* "Kort fortalt" answer-first summary box used at the top of guide pages */
.t13-summary {
    margin: 18px 0 28px;
    padding: 16px 20px;
    border: 1px solid rgba(244, 196, 48, 0.35);
    border-left: 4px solid #f4c430;
    border-radius: 0 10px 10px 0;
    background: rgba(244, 196, 48, 0.06);
}
.t13-summary-title {
    margin: 0 0 8px;
    font-weight: 700;
    color: #f4c430;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 0.85rem;
}
.t13-summary ul {
    margin: 0;
    padding-left: 20px;
}
.t13-summary li {
    margin-bottom: 6px;
    line-height: 1.55;
}

/* Wide data tables scroll inside their own box on small screens */
.t13-table-scroll {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* ---------- Official Tips 13 coupons (mu-plugins/tips13-official-coupons.php) ---------- */
.t13-official-section { padding: 30px 0 10px; }
.t13-official-section > .container > h2,
.t13-coupon h2 { color: #f4c430; margin: 24px 0 12px; font-size: 1.4rem; }
.t13-coupon { margin: 0 0 24px; }
.t13-coupon p { line-height: 1.6; }
.t13-coupon-table { width: 100%; border-collapse: collapse; margin: 12px 0 20px; font-size: 0.95rem; background: rgba(255,255,255,0.04); border-radius: 10px; overflow: hidden; }
.t13-coupon-table caption { text-align: left; padding: 0 0 8px; color: rgba(255,255,255,0.8); font-weight: 600; }
.t13-coupon-table th, .t13-coupon-table td { padding: 9px 10px; border-bottom: 1px solid rgba(255,255,255,0.08); text-align: left; vertical-align: middle; }
.t13-coupon-table thead th { background: rgba(26,95,42,0.6); color: #fff; font-weight: 600; }
.t13-coupon-table td:first-child { width: 2.5em; color: rgba(255,255,255,0.7); }
.t13-coupon-league { display: block; font-size: 0.8rem; color: rgba(255,255,255,0.6); }
.t13-sign { display: inline-flex; align-items: center; justify-content: center; min-width: 30px; height: 30px; padding: 0 6px; border-radius: 6px; font-weight: 700; background: rgba(255,255,255,0.1); color: #fff; }
.t13-sign--1 { background: #28a745; }
.t13-sign--x { background: #f4c430; color: #1a1a2e; }
.t13-sign--2 { background: #dc3545; }
.t13-sign--none { background: rgba(255,255,255,0.1); color: rgba(255,255,255,0.6); }
.t13-coupon-row { display: flex; flex-wrap: wrap; gap: 4px; margin: 10px 0 16px; }
.t13-coupon-source { font-size: 0.85rem; color: rgba(255,255,255,0.65); }
.t13-coupon-source a { color: #D4B573; }
.t13-coupon-empty { padding: 12px 16px; border-left: 3px solid #D4B573; background: rgba(212,181,115,0.07); }
.t13-coupon-archive { list-style: none; margin: 8px 0 20px; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 8px; }
.t13-coupon-archive a { display: block; padding: 8px 12px; border: 1px solid rgba(212,181,115,0.3); border-radius: 8px; color: #D4B573; text-decoration: none; }
.t13-coupon-archive a:hover { background: rgba(212,181,115,0.1); }
.t13-tendens-table td { min-width: 90px; }
.t13-tbar { display: block; height: 6px; background: rgba(255,255,255,0.1); border-radius: 3px; overflow: hidden; margin-bottom: 3px; }
.t13-tbar-fill { display: block; height: 100%; background: #f4c430; }
.t13-tval { font-size: 0.85rem; }
.t13-w0 { width: 0%; }
.t13-w5 { width: 5%; }
.t13-w10 { width: 10%; }
.t13-w15 { width: 15%; }
.t13-w20 { width: 20%; }
.t13-w25 { width: 25%; }
.t13-w30 { width: 30%; }
.t13-w35 { width: 35%; }
.t13-w40 { width: 40%; }
.t13-w45 { width: 45%; }
.t13-w50 { width: 50%; }
.t13-w55 { width: 55%; }
.t13-w60 { width: 60%; }
.t13-w65 { width: 65%; }
.t13-w70 { width: 70%; }
.t13-w75 { width: 75%; }
.t13-w80 { width: 80%; }
.t13-w85 { width: 85%; }
.t13-w90 { width: 90%; }
.t13-w95 { width: 95%; }
.t13-w100 { width: 100%; }
.t13-coupon--week { padding: 30px 0; }
.t13-week-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; }
.t13-week-card { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 14px; padding: 18px; }
.t13-week-card h3 { color: #f4c430; margin: 0 0 6px; }
.t13-week-card a { color: #D4B573; }
.t13-week-matches { margin: 8px 0 12px 20px; font-size: 0.9rem; line-height: 1.6; }
.t13-round-page .t13-breadcrumbs { text-align: left; }
@media (max-width: 600px) {
  .t13-coupon-table { font-size: 0.85rem; }
  .t13-coupon-table th, .t13-coupon-table td { padding: 7px 6px; }
  .t13-sign { min-width: 24px; height: 26px; }
}
/* Coupon blocks render as a dark card so they read well on light page templates too */
.t13-official-section > .container {
    background: #16213e;
    color: #fff;
    border-radius: 14px;
    padding: 20px 24px;
    border: 1px solid rgba(244, 196, 48, 0.25);
}
.t13-official-section a { color: #D4B573; }
@media (max-width: 600px) {
    .t13-official-section > .container { padding: 14px 12px; border-radius: 10px; }
}