/*
Theme Name: AGN Combat V2.1
Theme URI: https://arenagarudanusantara.com
Author: Arena Garuda Nusantara
Description: AGN Combat Sports digital ecosystem theme with dynamic Events, Fighters and News.
Version: 2.5.4
License: GPL-2.0-or-later
Text Domain: agn-combat-v21
*/
:root{--red:#E30613;--black:#080808;--black2:#101010;--white:#fff;--muted:#a8a8a8;--line:#252525;--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),92%);margin:auto}
.agn-header{position:absolute;top:0;left:0;right:0;z-index:999;background:rgba(0,0,0,.76);border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px)}.head{height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font-size:15px;font-weight:900;letter-spacing:.07em;white-space:nowrap}.brand i{font-style:normal;color:var(--red)}.nav{display:flex;gap:22px;align-items:center;margin-left:auto}.nav a{font-size:11px;font-weight:900;letter-spacing:.055em;white-space:nowrap}.nav a:hover{color:var(--red)}
.toggle{display:none;width:44px;height:44px;background:transparent;border:1px solid #555;align-items:center;justify-content:center}.toggle span,.toggle span:before,.toggle span:after{content:"";display:block;width:21px;height:2px;background:#fff;position:relative;transition:.25s}.toggle span:before{position:absolute;top:-7px}.toggle span:after{position:absolute;top:7px}.toggle.active span{background:transparent}.toggle.active span:before{top:0;transform:rotate(45deg)}.toggle.active span:after{top:0;transform:rotate(-45deg)}
.mobile{display:none;position:absolute;top:82px;left:0;right:0;background:#080808;border-bottom:1px solid var(--line);box-shadow:0 20px 40px #000}.mobile.open{display:block}.mobile .wrap{padding:8px 0 18px}.mobile a{display:block;padding:14px 0;border-bottom:1px solid #222;font-weight:900;font-size:14px}.mobile a:hover{color:var(--red)}
.hero{min-height:850px;display:flex;align-items:flex-end;padding:150px 0 95px;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 35%,rgba(227,6,19,.25),transparent 32%),linear-gradient(110deg,#000 0%,#080808 48%,#1b0809 100%)}.hero:after{content:"AGN";position:absolute;right:-40px;bottom:-100px;font-size:330px;font-weight:900;line-height:1;color:rgba(255,255,255,.025);pointer-events:none}.kicker{color:var(--red);font-size:13px;font-weight:900;letter-spacing:.22em}.hero h1{font-size:clamp(52px,8vw,104px);line-height:.87;letter-spacing:-.04em;max-width:900px;margin:18px 0}.hero p{font-size:20px;color:#d5d5d5;max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 23px;border:1px solid var(--red);font-weight:900;letter-spacing:.02em}.btn.red{background:var(--red)}.btn.dark{background:transparent}
.section{padding:92px 0}.single-hero{padding-top:160px}.dark{background:#101010}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}.section h2{font-size:clamp(34px,5vw,58px);line-height:.98;letter-spacing:-.025em;margin:8px 0}.intro{max-width:720px;color:#bcbcbc;font-size:17px}
.event-feature{display:grid;grid-template-columns:1.15fr .85fr;min-height:390px;background:linear-gradient(120deg,#1a1a1a,#0c0c0c);border:1px solid #292929}.event-copy{padding:45px}.event-copy h3{font-size:38px;line-height:1;margin:12px 0}.event-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:28px 0;background:#333}.meta{background:#111;padding:17px}.meta small{display:block;color:#777;text-transform:uppercase;font-weight:800;font-size:10px;letter-spacing:.1em}.meta strong{display:block;margin-top:4px}.event-art{min-height:390px;background:radial-gradient(circle at 50% 40%,rgba(227,6,19,.45),transparent 28%),linear-gradient(135deg,#2a090b,#080808);display:flex;align-items:center;justify-content:center;font-size:100px;font-weight:900;color:rgba(255,255,255,.08)}
.fight-card{display:grid;grid-template-columns:1fr 110px 1fr;align-items:center;gap:20px;background:#171717;border:1px solid #292929;padding:25px}.fighter{text-align:center}.fighter .avatar{width:145px;height:145px;margin:0 auto 15px;border-radius:50%;background:#171717;border:3px solid #333;overflow:hidden}.fighter .avatar img{width:100%;height:100%;object-fit:cover}.fighter h3{font-size:24px;margin:0}.fighter p{margin:3px 0;color:#999}.vs{text-align:center}.vs strong{display:block;font-size:30px;color:var(--red)}.vs span{font-size:10px;color:#777;letter-spacing:.12em}
.eco-grid,.news-grid,.partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.eco{padding:30px;border:1px solid var(--line);background:#151515;min-height:180px}.eco b{font-size:13px;color:var(--red);letter-spacing:.12em}.eco h3{font-size:25px;margin:12px 0 7px}.eco p{color:#999;margin:0}
.fighter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.profile{background:#151515;border:1px solid var(--line);overflow:hidden}.profile .photo{height:250px;background:#151515;position:relative}.profile .photo img{width:100%;height:100%;object-fit:cover}.profile .body{padding:18px}.profile h3{margin:0;font-size:21px}.profile span{color:#999;font-size:13px}
.rank{display:grid;grid-template-columns:70px 1fr 150px 100px;align-items:center;border-bottom:1px solid #282828;padding:17px 0}.rank:first-child{border-top:1px solid #282828}.rank .no{font-size:28px;font-weight:900;color:var(--red)}.rank .record{text-align:right;color:#999}
.news-grid{grid-template-columns:repeat(3,1fr)}.news{background:#151515;border:1px solid var(--line)}.news-img{height:180px;background:#111}.news-img img{width:100%;height:100%;object-fit:cover}.news-body{padding:20px}.news-body small{color:var(--red);font-weight:900}.news-body h3{margin:8px 0;font-size:21px}.news-body p{color:#999}
.partner-grid{grid-template-columns:repeat(5,1fr)}.partner{height:95px;border:1px solid #292929;background:#121212;display:flex;align-items:center;justify-content:center;color:#666;font-weight:900;text-align:center;padding:12px}
.join{background:linear-gradient(110deg,#b5000a,var(--red) 45%,#6c0005);padding:75px 0}.join h2{font-size:58px;margin:0;line-height:.95}.join p{max-width:700px;color:#fff}.join .btn{border-color:#fff;background:#fff;color:#111}
.footer{padding:55px 0;background:#050505;border-top:1px solid #222;color:#999}.footer strong{color:#fff}
.archive-card{background:#151515;border:1px solid var(--line);padding:24px}.archive-card img{width:100%;height:220px;object-fit:cover}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.single-hero{padding:160px 0 70px;background:#0b0b0b}.single-content{max-width:850px;color:#ccc}.single-content img{max-width:100%;height:auto}.single-content h2,.single-content h3{color:#fff}.tag{display:inline-block;color:var(--red);font-weight:900;letter-spacing:.12em;font-size:11px;margin-bottom:12px}
@media(max-width:1050px){.nav{gap:13px}.nav a{font-size:10px}.fighter-grid{grid-template-columns:repeat(2,1fr)}.partner-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.agn-header{position:fixed}.head{height:72px}.brand{font-size:13px}.nav{display:none}.toggle{display:flex}.mobile{top:72px}.hero{min-height:730px;padding:130px 0 70px}.hero h1{font-size:clamp(43px,12vw,60px)}.hero p{font-size:18px}.actions{flex-direction:column}.btn{width:100%}.section{padding:65px 0}.single-hero{padding:125px 0 55px}.section-head{display:block}.event-feature{grid-template-columns:1fr}.event-art{min-height:220px;order:-1}.event-copy{padding:28px}.event-copy h3{font-size:31px}.event-meta{grid-template-columns:1fr}.fight-card{grid-template-columns:1fr}.vs{padding:8px}.eco-grid,.news-grid,.fighter-grid,.partner-grid,.archive-grid{grid-template-columns:1fr}.rank{grid-template-columns:45px 1fr 90px}.rank .record{display:none}.join h2{font-size:43px}}

@media(max-width:760px){body:not(.home) main:first-of-type{scroll-margin-top:72px}.rank{min-height:62px}.rank strong{padding-right:8px}}

/* AGN V2.1.2 — MOBILE HEADER OVERLAP FIX */
@media (max-width:760px){
  .agn-header{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    z-index:999999 !important;
  }
  body:not(.home){
    padding-top:72px !important;
  }
  body:not(.home) .single-hero{
    padding-top:88px !important;
  }
  body:not(.home) main > .section:first-child{
    padding-top:88px !important;
  }
  body:not(.home) .mobile{
    position:fixed !important;
    top:72px !important;
    z-index:999998 !important;
    max-height:calc(100vh - 72px);
    overflow-y:auto;
  }
}

/* AGN V2.2 — Fight Card Engine */
.fight-engine-list{display:grid;gap:14px}
.fight-row{display:grid;grid-template-columns:80px 1fr 90px 1fr 150px;align-items:center;gap:16px;padding:20px;background:#151515;border:1px solid var(--line)}
.fight-no{font-size:12px;color:var(--red);font-weight:900;letter-spacing:.12em}.fight-side{text-align:center}.fight-side strong{display:block;font-size:21px}.fight-side small{color:#888;font-size:11px}.fight-vs{text-align:center}.fight-vs b{display:block;color:var(--red);font-size:24px}.fight-vs span{font-size:9px;color:#777;letter-spacing:.12em}.fight-info{text-align:right}.fight-info strong{display:block;font-size:11px}.fight-info span{color:#888;font-size:10px}.fight-result{margin-top:5px;color:#fff;font-size:10px;font-weight:900}.fight-result.win{color:#63d471}.fight-result.loss{color:#ff6b6b}
.fight-event-block{margin-top:35px}.fight-event-block h3{font-size:25px;margin:0 0 15px}.fight-empty{padding:30px;border:1px dashed #333;color:#888}
@media(max-width:760px){.fight-row{grid-template-columns:45px 1fr 55px 1fr;gap:8px;padding:16px 10px}.fight-info{grid-column:2/5;text-align:center;border-top:1px solid #252525;padding-top:10px;margin-top:2px}.fight-side strong{font-size:16px}.fight-vs b{font-size:20px}.fight-vs span{font-size:8px}.fight-no{font-size:10px}}

/* AGN V2.3 — Fighter Profile & Official Ranking */
.fighter-profile{display:grid;grid-template-columns:340px 1fr;gap:35px;align-items:start}.fighter-cover{background:#151515;border:1px solid var(--line);min-height:430px}.fighter-cover img{width:100%;height:430px;object-fit:cover}.fighter-cover .no-photo{height:430px;display:flex;align-items:center;justify-content:center;font-size:70px;font-weight:900;color:#333}.fighter-data{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#333;margin:25px 0}.fighter-data .meta{min-height:80px}.fighter-bio{max-width:820px;color:#bbb}.record-big{font-size:48px;font-weight:900;line-height:1;color:#fff}.record-big span{font-size:12px;color:#888;display:block;letter-spacing:.12em;margin-top:8px}
.rank-table{border-top:1px solid var(--line)}.rank-item{display:grid;grid-template-columns:80px 1fr 180px 130px 100px;gap:15px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.rank-item .position{font-size:32px;font-weight:900;color:var(--red)}.rank-item .name{font-size:20px;font-weight:900}.rank-item small{display:block;color:#777}.rank-item .stat{text-align:right;color:#aaa}.rank-item .record{text-align:right;font-weight:900}.rank-filter{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.rank-filter .btn.active{background:var(--red)}
@media(max-width:760px){.fighter-profile{grid-template-columns:1fr}.fighter-cover,.fighter-cover img,.fighter-cover .no-photo{min-height:330px;height:330px}.fighter-data{grid-template-columns:1fr}.rank-item{grid-template-columns:45px 1fr 90px;gap:8px}.rank-item .stat{display:none}.rank-item .record{text-align:right;font-size:12px}.rank-item .position{font-size:25px}.rank-item .name{font-size:16px}}

/* AGN V2.3.1 — Custom Logo */
.brand{display:flex;align-items:center;min-width:150px}
.brand .custom-logo-link{display:flex;align-items:center}
.brand .custom-logo{display:block;width:auto;height:48px;max-width:220px;object-fit:contain}
@media(max-width:760px){
 .brand .custom-logo{height:40px;max-width:180px}
}

/* AGN V2.3.2 — HARD LIMIT CUSTOM LOGO */
.agn-header .brand{
  display:flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
  width:auto !important;
  max-width:240px !important;
  height:82px !important;
  overflow:hidden !important;
}
.agn-header .brand .custom-logo-link{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:auto !important;
  max-width:240px !important;
  height:60px !important;
  flex:0 0 auto !important;
  overflow:hidden !important;
}
.agn-header .brand .custom-logo-link img.custom-logo{
  display:block !important;
  width:auto !important;
  height:48px !important;
  max-width:220px !important;
  max-height:48px !important;
  min-width:0 !important;
  min-height:0 !important;
  object-fit:contain !important;
}
@media(max-width:760px){
  .agn-header .brand{
    max-width:190px !important;
    height:72px !important;
  }
  .agn-header .brand .custom-logo-link{
    max-width:190px !important;
    height:52px !important;
  }
  .agn-header .brand .custom-logo-link img.custom-logo{
    height:40px !important;
    max-width:180px !important;
    max-height:40px !important;
  }
}

/* AGN V2.3.3 — Header logo aligned left with navigation */
.agn-header .head{display:flex !important;align-items:center !important;justify-content:space-between !important;min-height:82px !important}
.agn-header .brand{display:flex !important;align-items:center !important;flex:0 0 auto !important;width:auto !important;max-width:240px !important;height:82px !important;overflow:hidden !important}
.agn-header .agn-header-logo{display:block !important;width:auto !important;height:46px !important;max-width:210px !important;max-height:46px !important;object-fit:contain !important;object-position:left center !important}
.agn-header .nav{display:flex !important;align-items:center !important;margin-left:auto !important;flex:0 0 auto !important}
@media(max-width:760px){
 .agn-header .head{min-height:72px !important;height:72px !important}
 .agn-header .brand{height:72px !important;max-width:190px !important}
 .agn-header .agn-header-logo{height:40px !important;max-height:40px !important;max-width:170px !important}
}

/* AGN V2.4 — Event Management Engine */
.event-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:0;background:#101010;border:1px solid var(--line)}
.event-hero-copy{padding:42px}.event-hero-copy h1{font-size:clamp(42px,6vw,76px);line-height:.92;margin:8px 0 18px}.event-status{display:inline-block;padding:7px 11px;background:var(--red);font-size:10px;font-weight:900;letter-spacing:.12em}.event-poster{min-height:420px;background:radial-gradient(circle at 50% 40%,rgba(227,6,19,.35),transparent 30%),#090909;display:flex;align-items:center;justify-content:center;overflow:hidden}.event-poster img{width:100%;height:100%;object-fit:cover}
.event-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#333;margin-top:25px}.event-info-grid .meta{min-height:90px}
.schedule-list{border-top:1px solid var(--line)}.schedule-item{display:grid;grid-template-columns:120px 1fr 150px;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.schedule-time{font-size:24px;font-weight:900}.schedule-type{color:var(--red);font-size:10px;font-weight:900;letter-spacing:.12em;text-align:right}.schedule-title{font-size:19px;font-weight:900}.schedule-desc{color:#888;font-size:13px;margin-top:4px}
.event-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.event-cta .btn{min-width:170px}
.event-sidebar-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.event-panel{padding:28px;background:#151515;border:1px solid var(--line)}.event-panel h3{margin-top:0}.event-panel p{color:#aaa}
@media(max-width:760px){.event-hero-grid{grid-template-columns:1fr}.event-poster{min-height:280px;order:-1}.event-hero-copy{padding:28px}.event-info-grid{grid-template-columns:1fr 1fr}.schedule-item{grid-template-columns:75px 1fr;gap:12px}.schedule-type{grid-column:2;text-align:left}.event-sidebar-grid{grid-template-columns:1fr}}

/* AGN V2.4.1 — RESTORE MOBILE HAMBURGER */
@media (max-width:760px){
  .agn-header .head{
    width:92% !important;
    margin:0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
  }
  .agn-header .brand{
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:calc(100% - 60px) !important;
  }
  .agn-header .agn-header-logo{
    max-width:160px !important;
    height:38px !important;
    max-height:38px !important;
  }
  .agn-header .nav{
    display:none !important;
    visibility:hidden !important;
  }
  .agn-header .toggle{
    display:flex !important;
    visibility:visible !important;
    flex:0 0 44px !important;
    width:44px !important;
    height:44px !important;
    margin-left:auto !important;
    position:relative !important;
    z-index:1000001 !important;
  }
  .agn-header .mobile{
    display:none !important;
  }
  .agn-header .mobile.open{
    display:block !important;
  }
}

/* AGN V2.5 — Media & Content Engine */
.media-feature{display:grid;grid-template-columns:1.1fr .9fr;gap:0;background:#121212;border:1px solid var(--line);overflow:hidden}.media-feature-img{min-height:420px;background:#0a0a0a}.media-feature-img img{width:100%;height:100%;object-fit:cover}.media-feature-copy{padding:42px}.media-type{display:inline-block;color:var(--red);font-size:10px;font-weight:900;letter-spacing:.14em;margin-bottom:10px}.media-feature-copy h1{font-size:clamp(38px,5vw,68px);line-height:.95;margin:5px 0 18px}.media-meta{color:#777;font-size:12px}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.media-card{background:#151515;border:1px solid var(--line);overflow:hidden}.media-card-img{height:200px;background:#0d0d0d}.media-card-img img{width:100%;height:100%;object-fit:cover}.media-card-body{padding:20px}.media-card-body h3{font-size:21px;line-height:1.1;margin:7px 0}.media-card-body p{color:#999}.media-filter{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.media-video{position:relative;padding-top:56.25%;background:#0b0b0b;border:1px solid var(--line);overflow:hidden}.media-video iframe,.media-video video{position:absolute;inset:0;width:100%;height:100%;border:0}.media-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.media-gallery img{width:100%;height:180px;object-fit:cover}
@media(max-width:760px){.media-feature{grid-template-columns:1fr}.media-feature-img{min-height:260px;order:-1}.media-feature-copy{padding:28px}.media-grid{grid-template-columns:1fr}.media-gallery{grid-template-columns:repeat(2,1fr)}.media-gallery img{height:140px}}

/* AGN V2.5.1 — JOIN THE ARENA CTA */
html{scroll-behavior:smooth}
#join{scroll-margin-top:90px}
@media(max-width:760px){#join{scroll-margin-top:78px}}

/* AGN V2.5.2 — Native Contact */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.contact-lead{max-width:620px;color:#aaa;font-size:18px;line-height:1.7}.contact-list{margin-top:35px;border-top:1px solid var(--line)}.contact-list div{padding:20px 0;border-bottom:1px solid var(--line)}.contact-list small{display:block;color:#777;font-size:10px;letter-spacing:.12em;font-weight:900;margin-bottom:7px}.contact-list strong{font-size:16px}.contact-panel{background:#151515;border:1px solid var(--line);padding:32px}.agn-contact-form label{display:block;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:18px}.agn-contact-form input,.agn-contact-form textarea,.agn-contact-form select{display:block;width:100%;box-sizing:border-box;margin-top:8px;background:#0b0b0b;color:#fff;border:1px solid #333;padding:13px;font:inherit}.agn-contact-form input:focus,.agn-contact-form textarea:focus,.agn-contact-form select:focus{outline:none;border-color:var(--red)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-success{margin-top:18px;padding:14px;border:1px solid #2f6f3a;color:#8de09a;font-size:13px}
@media(max-width:760px){.contact-grid{grid-template-columns:1fr;gap:30px}.contact-panel{padding:22px}.form-row{grid-template-columns:1fr}}