/* =============================================
   FAMELIVE.PL — Premium Dark Theme on Bootstrap 5
   ============================================= */

:root{
  --bg:#0c0c14;--bg2:#111119;--bg3:#171722;--bg4:#1e1e2c;
  --brd:#252538;--brd2:#303048;
  --t1:#f0f0f8;--t2:#b4b4cc;--t3:#8a8aa8;
  --accent:#ef4444;--accent-h:#ff5050;--accent-bg:#d63030;--accent-g:rgba(239,68,68,.1);
  --green:#34d399;--blue:#60a5fa;--yellow:#fbbf24;
  --rad:10px;--rad2:6px;
  --head:'Space Grotesk','Inter',system-ui,sans-serif;
}

body{background:var(--bg)!important;color:var(--t1);font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--accent);transition:color .15s}a:hover{color:var(--accent-h)}
h1,h2,h3,h4,h5,h6{font-family:var(--head);font-weight:700;color:#fff}
.brand-fame{color:var(--accent);font-weight:900}.brand-live{color:#fff;font-weight:900}.brand-dot{color:var(--t3);font-weight:400}

/* navbar */
.navbar{background:rgba(5,5,8,.92)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--brd)!important;padding:.6rem 0}
.navbar-brand{font-family:var(--head);font-size:1.2rem}
.navbar .nav-link{color:var(--t3)!important;font-weight:500;font-size:.84rem;padding:.4rem .9rem!important;border-radius:var(--rad2);transition:all .15s}
.navbar .nav-link:hover{color:#fff!important;background:rgba(255,255,255,.04)}
.navbar .nav-link.active{color:#fff!important;background:var(--accent-g)}
.navbar-toggler{border-color:var(--brd)!important;color:var(--t2)!important;font-size:1.3rem;padding:2px 8px}
.btn-ppv{background:var(--accent-bg)!important;color:#fff!important;font-weight:600;font-size:.8rem!important;padding:5px 14px!important;border:none!important;border-radius:var(--rad2)!important;transition:all .2s}
.btn-ppv:hover{background:var(--accent-h)!important;box-shadow:0 2px 12px rgba(239,68,68,.3)}

/* hero */
.hero-section{position:relative;padding:120px 0 90px;overflow:hidden;background:var(--bg);background-image:url('/assets/img/hero-bg.webp');background-size:cover;background-position:center 30%}
.hero-section::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,8,.6) 0%,rgba(5,5,8,.85) 50%,var(--bg) 100%);pointer-events:none}
.hero-section::after{content:'';position:absolute;bottom:0;left:5%;right:5%;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.25}
.hero-section>*{position:relative}
.hero-pill{display:inline-flex;align-items:center;gap:6px;background:var(--accent-g);border:1px solid rgba(239,68,68,.18);color:var(--accent);font-weight:600;font-size:.78rem;padding:4px 16px;border-radius:50px;margin-bottom:16px}
.hero-title{font-size:clamp(2rem,5vw,3.8rem)!important;letter-spacing:-1.5px;margin-bottom:12px;text-shadow:0 2px 20px rgba(0,0,0,.6)}
.hero-sub{color:rgba(255,255,255,.7);font-size:1rem;max-width:480px;margin:0 auto 30px;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.hero-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:24px}

/* countdown */
.countdown-row{display:flex;justify-content:center;gap:8px;margin:24px 0}
.cd-box{background:var(--bg3);border:1px solid var(--brd2);border-radius:var(--rad);padding:14px 18px;min-width:76px;text-align:center}
.cd-num{font:800 2.1rem/1 var(--head);color:#fff}
.cd-label{font-size:.58rem;color:var(--t3);text-transform:uppercase;letter-spacing:2px;margin-top:5px}

/* buttons */
.btn-flame{background:var(--accent-bg)!important;color:#fff!important;border:none!important;font-weight:600;padding:10px 24px;border-radius:var(--rad2);font-size:.9rem;transition:all .2s}
.btn-flame:hover{background:var(--accent)!important;box-shadow:0 4px 16px rgba(239,68,68,.3);transform:translateY(-1px)}
.btn-ghost{border:1px solid rgba(239,68,68,.3)!important;color:var(--t2)!important;background:transparent!important;font-weight:500;padding:10px 24px;border-radius:var(--rad2);font-size:.9rem;transition:all .2s}
.btn-ghost:hover{background:var(--accent-bg)!important;border-color:var(--accent-bg)!important;color:#fff!important}

/* sections */
.content-section{padding:40px 0}
.alt-bg{background:var(--bg2)!important;border-top:1px solid var(--brd);border-bottom:1px solid var(--brd)}
.page-title{margin-bottom:28px!important}
.section-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.section-heading{font-size:1.15rem!important;margin:0!important;display:flex;align-items:center;gap:8px}
.heading-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;flex-shrink:0}
.section-more{font-size:.82rem;color:var(--t3);font-weight:500;text-decoration:none}.section-more:hover{color:var(--accent)}

/* cards */
.site-card{background:var(--bg3)!important;border:1px solid var(--brd)!important;border-radius:var(--rad)!important;overflow:hidden;transition:all .25s;height:100%;display:flex;flex-direction:column}
.site-card:hover{border-color:rgba(239,68,68,.3)!important;transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.5),0 0 15px rgba(239,68,68,.08)}
.site-card-img{height:190px;object-fit:cover;width:100%}
.site-card-placeholder{height:190px;background:linear-gradient(135deg,#12081f 0%,#1f0a14 50%,#0a121f 100%);display:flex;align-items:center;justify-content:center;color:rgba(239,68,68,.15);font-size:2.5rem;position:relative;overflow:hidden}
.site-card-placeholder::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpolygon points='100,10 190,70 190,130 100,190 10,130 10,70' fill='none' stroke='rgba(239,68,68,0.04)' stroke-width='1'/%3E%3C/svg%3E") center/120px repeat;opacity:.6}
.site-card-placeholder::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 40%,rgba(239,68,68,.06),transparent 50%);pointer-events:none}
.site-card-body{padding:18px;flex:1;display:flex;flex-direction:column}
.site-card-title{font-size:.9rem;font-weight:700;line-height:1.35;margin-bottom:6px;font-family:'Inter',sans-serif}
.site-card-title a{color:var(--t1)!important;text-decoration:none!important;transition:color .15s}
.site-card-title a:hover{color:var(--accent)!important}
.site-card-text{color:var(--t2);font-size:.82rem;line-height:1.5;flex:1}
.site-card-meta{font-size:.7rem;color:var(--t3);display:flex;gap:12px;flex-wrap:wrap;margin-top:auto;padding-top:10px;border-top:1px solid var(--brd)}
.site-card-meta a{color:var(--t3)!important;text-decoration:none!important}.site-card-meta a:hover{color:var(--accent)!important}
.site-card-meta i{margin-right:2px}
.site-card--article .site-card-img,.site-card--article .site-card-placeholder{height:170px}

/* gala card */
.gala-card{position:relative}.gala-badge{position:absolute;top:10px;right:10px;z-index:2}
.gala-meta-row{display:flex;gap:12px;flex-wrap:wrap;font-size:.85rem;color:var(--t3);margin-bottom:20px}

/* fighter card */
.fighter-card-link{text-decoration:none!important}.fighter-img{height:220px!important}
.fighter-card-nick{color:var(--accent);font-size:.66rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:2px}
.fighter-card-record{margin-top:8px;font-size:.86rem}.rec-w{color:var(--green);font-weight:700}.rec-l{color:var(--accent);font-weight:700}.rec-d{color:var(--yellow);font-weight:700}

/* fighter profile */
.fighter-profile-img{width:100%;border-radius:var(--rad);max-height:380px;object-fit:cover}
.fighter-profile-nick{color:var(--accent);font-size:1rem;font-weight:600;margin-bottom:16px}
.record-boxes{display:flex;gap:10px;margin-bottom:24px}.record-box{text-align:center;padding:14px 22px;background:var(--bg3);border:1px solid var(--brd);border-radius:var(--rad2)}
.record-num{font:800 2.2rem/1 var(--head)}.record-label{font-size:.58rem;text-transform:uppercase;letter-spacing:2px;color:var(--t3);margin-top:5px}

/* badges */
.badge-pill{font-weight:700;font-size:.72rem;padding:3px 9px;border-radius:3px;letter-spacing:.3px;display:inline-block}
.pill-blue{background:var(--blue);color:#000}.pill-green{background:rgba(52,211,153,.15);color:var(--green);border:1px solid rgba(52,211,153,.25)}
.pill-live{background:var(--accent-bg);color:#fff;animation:puls 1.4s infinite}@keyframes puls{0%,100%{opacity:1}50%{opacity:.4}}

/* fight rows */
.fight-row{background:var(--bg3);border:1px solid var(--brd);border-radius:var(--rad);padding:18px 20px;margin-bottom:8px;transition:border-color .15s}
.fight-row:hover{border-color:var(--brd2)}
.fight-main{border:1px solid rgba(239,68,68,.3)!important;background:linear-gradient(135deg,rgba(239,68,68,.05),transparent)!important;box-shadow:0 0 20px rgba(239,68,68,.04);padding:22px 20px}
.fight-main .fighter-name{font-size:1.08rem}.fight-main .fight-vs{font-size:1.15rem;opacity:1}
.fight-title{border-left:3px solid var(--yellow);background:linear-gradient(90deg,rgba(240,192,48,.03),transparent)}
.fight-label{text-align:center;font-size:.68rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;padding-bottom:8px;color:var(--accent)}
.fight-title .fight-label{color:var(--yellow)}
.fight-content{display:flex;align-items:center;justify-content:space-between}
.fight-fighter{text-align:center;flex:1}
.fighter-name{font-weight:700;font-size:.92rem;color:#fff}
.fighter-nick{color:var(--t3);font-size:.76rem;font-style:italic}
.fighter-link{text-decoration:none!important;color:inherit!important}.fighter-link:hover .fighter-name{color:var(--accent)!important}.fighter-link:hover .fighter-nick{color:var(--accent)!important}
.fight-center{text-align:center}
.fight-vs{font:800 1rem var(--head);color:var(--accent);padding:0 16px;opacity:.5}
.fight-info{font-size:.72rem;color:var(--t3);margin-top:2px}
.fight-result{font-weight:600;color:var(--green);font-size:.76rem;margin-top:4px}
@media(max-width:700px){.fight-content{flex-direction:column;gap:4px}.fight-vs{padding:3px 0}}

/* history rows */
.history-row{display:flex;align-items:center;background:var(--bg3);border:1px solid var(--brd);border-radius:var(--rad);padding:12px 16px;margin-bottom:6px;transition:border-color .15s}
.history-row:hover{border-color:var(--brd2)}
.history-result{flex:0 0 38px;text-align:center}
.hr-w{color:var(--green);font-weight:800;font-size:1rem}.hr-l{color:var(--accent);font-weight:800;font-size:1rem}.hr-d{color:var(--yellow);font-weight:800;font-size:1rem}.hr-p{color:var(--t3);font-weight:800}
.history-info{flex:1}.history-opponent{font-weight:700;font-size:.9rem}.history-meta{font-size:.72rem;color:var(--t3)}
.history-meta a{color:var(--t3)!important;text-decoration:none!important}.history-meta a:hover{color:var(--accent)!important}
.history-method{text-align:right;font-size:.76rem;color:var(--t2)}

/* breadcrumbs */
.site-breadcrumb{background:var(--bg2);padding:8px 16px;border-radius:var(--rad2);margin-bottom:20px;font-size:.78rem;border:1px solid var(--brd);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.site-breadcrumb a{color:var(--t3)!important;text-decoration:none!important}.site-breadcrumb a:hover{color:var(--accent)!important}
.bc-sep{color:var(--t3)}.bc-current{color:var(--t2)}

/* info panel */
.info-panel{background:var(--bg3);border:1px solid var(--brd);border-radius:var(--rad);overflow:hidden}
.info-panel-head{background:var(--bg4);padding:10px 16px;font-weight:600;font-size:.8rem;color:var(--t2);border-bottom:1px solid var(--brd)}
.info-panel-table{width:100%}.info-panel-table td{padding:8px 16px;border-bottom:1px solid var(--brd);font-size:.84rem;color:var(--t1)}.info-panel-table tr:last-child td{border:0}
.info-label{color:var(--t3)!important;width:38%}

/* sidebar */
.sidebar-box{background:var(--bg3);border:1px solid var(--brd);border-radius:var(--rad);padding:18px;margin-bottom:16px}
.sidebar-title{font:600 .68rem/1 'Inter',sans-serif!important;text-transform:uppercase;letter-spacing:1.2px;color:var(--t3)!important;margin-bottom:14px}
.sidebar-list{padding:0!important;margin:0!important;list-style:none!important}
.sidebar-list li a{color:var(--t2)!important;font-size:.84rem;display:flex!important;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--brd);transition:color .15s;text-decoration:none!important}
.sidebar-list li:last-child a{border:0}.sidebar-list li a:hover{color:#fff!important}.sidebar-list li a.active{color:var(--accent)!important;font-weight:600}
.sidebar-list li a span{color:var(--t3);font-size:.72rem}

/* ppv box */
.ppv-box{display:block;background:var(--accent-g);border:1px solid rgba(239,68,68,.18);border-radius:var(--rad2);padding:14px;color:#fff!important;font-weight:600;font-size:.9rem;transition:all .2s;text-decoration:none!important}
.ppv-box:hover{background:rgba(239,68,68,.16);border-color:var(--accent);transform:translateY(-1px)}.ppv-box i{color:var(--accent);margin-right:4px}
.ppv-box span{display:block;font-size:.7rem;color:var(--t3);font-weight:400;margin-top:3px}

/* article body */
.article-body{line-height:1.85;font-size:.98rem}
.article-body h2{font-size:1.25rem;margin:36px 0 12px;color:#fff}.article-body h3{font-size:1.05rem;margin:28px 0 10px;color:var(--t1)}
.article-body p{margin-bottom:16px;color:var(--t2)}.article-body>p:first-child{color:var(--t1);font-size:1.04rem}
.article-body ul,.article-body ol{margin-bottom:16px;padding-left:18px;color:var(--t2)}.article-body li{margin-bottom:7px;line-height:1.6}.article-body li strong{color:var(--t1)}
.article-body img{border-radius:var(--rad);margin:20px 0}.article-body a{color:var(--accent);border-bottom:1px dotted rgba(239,68,68,.3)}.article-body a:hover{border-bottom-color:var(--accent)}
.article-body blockquote{border-left:3px solid var(--accent);padding:14px 20px;margin:20px 0;background:rgba(239,68,68,.03);border-radius:0 var(--rad2) var(--rad2) 0;color:var(--t2);font-style:italic}
.article-body strong{color:#fff}.article-hero-img{width:100%;border-radius:var(--rad);margin-bottom:28px}

/* pagination */
.site-pagination{display:flex;justify-content:center;gap:4px;margin-top:28px}
.site-pagination a,.site-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;border-radius:var(--rad2);font-size:.84rem;font-weight:500;border:1px solid var(--brd);color:var(--t2);transition:all .15s;text-decoration:none}
.site-pagination a:hover{border-color:var(--accent);color:var(--accent)}.pg-active{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}

/* footer */
.site-footer{background:var(--bg3)!important;border-top:1px solid var(--brd);padding:48px 0 20px;margin-top:0}
.footer-logo{font-family:var(--head);font-size:1.2rem;margin-bottom:8px}
.footer-desc{color:var(--t3);font-size:.82rem;line-height:1.6;max-width:300px}
.footer-heading{font:600 .64rem/1 'Inter',sans-serif!important;text-transform:uppercase;letter-spacing:1.5px;color:var(--t2)!important;margin-bottom:12px}
.footer-links{list-style:none!important;padding:0!important}.footer-links li{margin-bottom:8px}
.footer-links a{color:var(--t3)!important;font-size:.84rem;text-decoration:none!important;transition:color .15s}.footer-links a:hover{color:#fff!important}
.footer-bottom{margin-top:32px;padding-top:16px;border-top:1px solid var(--brd);text-align:center;font-size:.74rem;color:var(--t3)}
.footer-disc{color:var(--t3);font-size:.64rem;margin-top:6px}

.text-muted{color:var(--t3)!important}

/* cookie banner */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:var(--bg2);border-top:1px solid var(--brd);box-shadow:0 -4px 30px rgba(0,0,0,.5);padding:16px 0;animation:slideUp .3s ease}
@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
.cookie-banner-inner{max-width:1140px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:20px}
.cookie-text{flex:1}.cookie-text strong{color:#fff;font-size:.92rem;display:block;margin-bottom:4px}
.cookie-text p{color:var(--t2);font-size:.8rem;margin:0;line-height:1.5}.cookie-text a{color:var(--accent)}
.cookie-actions{display:flex;gap:8px;flex-shrink:0}
.cookie-actions .btn-sm{padding:8px 18px!important;font-size:.8rem!important;white-space:nowrap}
@media(max-width:700px){.cookie-banner-inner{flex-direction:column;text-align:center}.cookie-actions{width:100%;justify-content:center}}

/* cookie settings link in footer */
.footer-cookie-btn{background:none;border:none;color:var(--t3);font-size:.84rem;padding:0;cursor:pointer;transition:color .15s}.footer-cookie-btn:hover{color:#fff}

@media(max-width:900px){.hero-section{padding:68px 0 56px}}
@media(max-width:600px){.hero-section{padding:48px 0 40px}.countdown-row{gap:5px}.cd-box{padding:10px 12px;min-width:60px}.cd-num{font-size:1.6rem}.content-section{padding:32px 0}.record-boxes{flex-wrap:wrap}}