/*
Theme Name: KK START Arena
Theme URI: https://example.com/
Author: KK START Arena
Description: Moderna sportska WordPress tema za Elementor i HoopClub Manager, sa velikim hero prikazom, novostima, rosterom, sponzorima i fleksibilnim footerom.
Version: 2.6.6
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: kk-start-arena
*/

:root{
  --arena-primary:#D98A1F;
  --arena-accent:#F0A53A;
  --arena-dark:#17191D;
  --arena-white:#fff;
  --arena-text:#101714;
  --arena-muted:#9eb0a8;
  --arena-border:rgba(255,255,255,.18);
  --arena-shell:min(1760px,calc(100% - 72px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#15191f;color:var(--arena-text);font-family:Arial,Helvetica,sans-serif;line-height:1.55;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
button,input,textarea,select{font:inherit}
.arena-shell{width:var(--arena-shell);margin-inline:auto}

/* Header */
.arena-header{position:fixed;inset:0 0 auto;z-index:9999;padding:14px 28px;transition:padding .35s ease,background .35s ease,box-shadow .35s ease;background:rgba(217,138,31,.98);box-shadow:0 10px 28px rgba(0,0,0,.16)}
.admin-bar .arena-header{top:32px}
.arena-header-inner{width:min(1660px,100%);min-height:84px;margin:auto;padding:0 22px;display:flex;align-items:center;gap:42px;border:1px solid rgba(255,255,255,.16);border-radius:12px;transition:min-height .35s ease,background .35s ease,border-color .35s ease,box-shadow .35s ease,border-radius .35s ease;background:rgba(201,120,18,.22)}

/* Na početnoj se header na vrhu stapa s hero sekcijom. */
body.arena-front-page .arena-header:not(.is-scrolled){background:transparent;box-shadow:none;backdrop-filter:none}
body.arena-front-page .arena-header:not(.is-scrolled) .arena-header-inner{background:transparent;border-color:transparent;border-radius:0;box-shadow:none}

/* Nakon skrolanja pojavljuje se zaseban narandžasti sticky header. */
.arena-header.is-scrolled{padding-top:8px;padding-bottom:8px;background:transparent;backdrop-filter:none;box-shadow:none}
.arena-header.is-scrolled .arena-header-inner{min-height:68px;background:rgba(217,138,31,.97);border-color:rgba(255,255,255,.22);border-radius:10px;box-shadow:0 14px 36px rgba(0,0,0,.24);backdrop-filter:blur(14px)}
.arena-brand{display:flex;align-items:center;gap:12px;color:#fff;flex:0 0 auto}
.arena-brand .custom-logo{max-height:74px;width:auto;transition:.3s ease}
.arena-header.is-scrolled .arena-brand .custom-logo{max-height:52px}
.arena-brand-mark{width:50px;height:50px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;font-weight:900}
.arena-brand-name{font-size:21px;font-weight:900;text-transform:uppercase;letter-spacing:.03em}
.arena-nav{margin-left:auto}
.arena-menu{display:flex;align-items:center;gap:34px;list-style:none;margin:0;padding:0}
.arena-menu li{position:relative}
.arena-menu a{display:block;padding:27px 0;color:#fff;font-weight:800;font-size:14px;letter-spacing:.01em;transition:.2s ease}
.arena-menu a:after{content:"";position:absolute;left:0;right:100%;bottom:18px;height:2px;background:#fff;transition:.25s ease}
.arena-menu a:hover:after,.arena-menu .current-menu-item>a:after,.arena-menu .current_page_item>a:after{right:0}
.arena-menu .sub-menu{position:absolute;top:100%;left:-20px;min-width:230px;padding:12px 0;margin:0;list-style:none;background:#C97812;border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 40px rgba(0,0,0,.3);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s ease}
.arena-menu li:hover>.sub-menu{opacity:1;visibility:visible;transform:none}
.arena-menu .sub-menu a{padding:11px 20px}
.arena-menu .sub-menu a:after{display:none}
.arena-header-actions{display:flex;align-items:center;gap:14px}
.arena-search-toggle,.arena-menu-toggle{border:0;background:none;color:#fff;cursor:pointer}
.arena-search-toggle{width:42px;height:42px;padding:9px}
.arena-search-toggle svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8}
.arena-menu-toggle{display:none;width:44px;height:44px;padding:10px}
.arena-menu-toggle span{display:block;height:2px;background:#fff;margin:5px 0;transition:.2s ease}
.arena-search-panel{max-height:0;overflow:hidden;transition:.3s ease;background:#C97812}
.arena-search-panel.is-open{max-height:120px;padding:18px 0}
.arena-search-panel form{display:flex;gap:10px}
.arena-search-panel label{flex:1}
.arena-search-panel input[type=search]{width:100%;height:48px;padding:0 16px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.12);color:#fff}
.arena-search-panel input[type=submit]{padding:0 24px;border:0;background:#fff;color:#C97812;font-weight:900;cursor:pointer}

/* Hero */
.arena-hero{position:relative;min-height:860px;display:flex;align-items:flex-end;overflow:hidden;color:#fff;background-image:var(--hero-image);background-size:cover;background-position:center}
.arena-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,24,17,.22),rgba(4,24,17,.18) 40%,rgba(8,34,25,.92) 100%),linear-gradient(90deg,rgba(4,20,15,.6),transparent 65%)}
.arena-hero-content{position:relative;z-index:2;padding-bottom:110px}
.arena-hero-copy{max-width:1120px}
.arena-kicker{font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px}
.arena-hero h1{margin:0;max-width:1100px;font-size:clamp(62px,8vw,145px);line-height:.82;letter-spacing:-.065em;font-weight:950;text-transform:uppercase;font-stretch:condensed}
.arena-hero p{max-width:650px;margin:30px 0 20px;font-size:20px;color:#e9f0ed}
.arena-link-button{display:inline-flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #fff;font-weight:900;text-transform:uppercase}
.arena-link-button span{font-size:22px}
.arena-scroll-cue{position:absolute;z-index:3;right:44px;bottom:34px;width:40px;height:58px;border:1px solid rgba(255,255,255,.55);border-radius:24px}
.arena-scroll-cue span{position:absolute;top:10px;left:50%;width:4px;height:8px;margin-left:-2px;border-radius:4px;background:#fff;animation:arenaScroll 1.6s infinite}
@keyframes arenaScroll{0%{transform:translateY(0);opacity:1}100%{transform:translateY(25px);opacity:0}}

/* Sections */
.arena-section{padding:90px 0}
.arena-news-section{background:var(--arena-primary);color:#fff}
.arena-roster-section{background:linear-gradient(180deg,var(--arena-primary),#A8651A);color:#fff;border-top:1px solid rgba(255,255,255,.13)}
.arena-sponsors-section{background:#f5f5f1;color:#1C2026}
.arena-section-heading{display:flex;align-items:center;gap:32px;margin-bottom:52px}
.arena-section-heading h2{margin:0;white-space:nowrap;font-size:clamp(44px,5vw,84px);line-height:.9;letter-spacing:-.055em;font-weight:950;text-transform:uppercase}
.arena-section-heading h2 span{font-weight:400}
.arena-heading-line{height:1px;flex:1;background:rgba(255,255,255,.22)}
.arena-section-heading-dark .arena-heading-line{background:rgba(0,0,0,.16)}
.arena-news-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.arena-news-card a{display:block}
.arena-news-image{aspect-ratio:16/10;background:#D99032;overflow:hidden}
.arena-news-image img{width:100%;height:100%;object-fit:cover;transition:.45s ease}
.arena-news-card:hover img{transform:scale(1.045)}
.arena-news-card time{display:block;margin:17px 0 9px;font-size:13px;font-weight:900}
.arena-news-card h3{margin:0;font-size:clamp(19px,1.7vw,30px);line-height:1.22}
.arena-home-widget-area>.arena-widget{margin:0}
.arena-home-widget-area .elementor{width:100%}
.arena-empty-state{padding:38px;border:1px dashed rgba(255,255,255,.32);text-align:center;color:#dbe7e2}
.arena-empty-dark{background:rgba(255,255,255,.04)}
.arena-sponsor-placeholder{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.arena-sponsor-placeholder div{min-height:120px;display:grid;place-items:center;background:#fff;border:1px solid #dedfd9;font-weight:900;color:#8c918d}
.arena-page-content{background:#fff;padding:70px 0}

/* Footer */
.arena-footer{position:relative;margin:0!important;padding:80px 0 24px;background:var(--arena-dark);color:#d9e4df}
.arena-footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:44px}
.arena-footer-brand .custom-logo{max-height:90px;width:auto;margin-bottom:20px}
.arena-footer-brand p{max-width:360px;color:#9fb1a9}
.arena-footer-column h3,.arena-widget-title{margin:0 0 18px;color:#fff;font-size:17px;text-transform:uppercase}
.arena-footer ul{list-style:none;padding:0;margin:0}
.arena-footer li{margin:9px 0}
.arena-footer a:hover{color:var(--arena-accent)}
.arena-footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:60px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14);font-size:13px;color:#91a39b}
.arena-back-top{color:#fff;font-weight:900}

/* Standard pages and Elementor */
/*
 * Unutrašnje stranice koriste tamnu sportsku podlogu iza headera.
 * Tako narandžasti header više ne "pluta" na bijeloj pozadini.
 */
body:not(.arena-front-page){background:#15191f}
body:not(.arena-front-page) .arena-header{
  padding-top:18px;
  padding-bottom:18px;
  background:linear-gradient(180deg,#15191f 0%,#19212a 72%,rgba(21,25,31,.98) 100%);
  box-shadow:none;
}
body:not(.arena-front-page) .arena-header:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.28;
  background:
    radial-gradient(circle at 18% 0%,rgba(217,138,31,.22),transparent 34%),
    linear-gradient(90deg,transparent,rgba(255,255,255,.025),transparent);
}
body:not(.arena-front-page) .arena-header-inner{
  position:relative;
  min-height:92px;
  background:linear-gradient(135deg,#e29623 0%,#d8891d 58%,#cf7e14 100%);
  border-color:rgba(255,255,255,.24);
  border-radius:12px;
  box-shadow:0 18px 45px rgba(0,0,0,.30);
}
body:not(.arena-front-page) .arena-header.is-scrolled{
  padding-top:8px;
  padding-bottom:8px;
  background:rgba(21,25,31,.90);
  backdrop-filter:blur(12px);
}
body:not(.arena-front-page) .arena-header.is-scrolled .arena-header-inner{min-height:68px}

/* Nema vještačke minimalne visine, pa footer dolazi odmah iza zadnje sekcije. */
.arena-standard-page{
  min-height:0;
  margin:0;
  padding:146px 0 0;
  background:#15191f;
}
.arena-page-no-title{padding-top:146px}
.arena-standard-page>article,
.arena-standard-page .page,
.arena-standard-page .elementor,
.arena-elementor-fullwidth,
.arena-front-content{
  margin-top:0!important;
  margin-bottom:0!important;
}
.arena-standard-content{max-width:1180px}
.arena-page-title{font-size:clamp(42px,7vw,92px);line-height:.95;text-transform:uppercase;letter-spacing:-.055em}
.arena-elementor-fullwidth{padding-top:146px;background:#15191f}
.arena-front-content{padding-top:0}

/* Uklanja prazninu koju znaju ostaviti Elementor/Page wrapperi prije footera. */
.arena-standard-page>:last-child,
.arena-standard-page article>:last-child,
.arena-standard-page .elementor>:last-child,
.arena-elementor-fullwidth>:last-child,
.arena-elementor-fullwidth .elementor>:last-child{
  margin-bottom:0!important;
  padding-bottom:0;
}

@media(max-width:1200px){
  :root{--arena-shell:min(100% - 44px,1760px)}
  .arena-header{padding-inline:16px}
  .arena-header-inner{padding-inline:14px;gap:20px}
  .arena-menu{gap:20px}
  .arena-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .arena-footer-grid{grid-template-columns:1.2fr repeat(2,1fr)}
}
@media(max-width:900px){
  .admin-bar .arena-header{top:46px}
  .arena-header{padding:8px 12px}
  body.arena-front-page .arena-header:not(.is-scrolled){background:transparent}
  body:not(.arena-front-page) .arena-header{padding:10px 12px;background:#15191f}
  body:not(.arena-front-page) .arena-header-inner{min-height:72px;border-radius:10px}
  .arena-standard-page,.arena-page-no-title,.arena-elementor-fullwidth{padding-top:102px}
  .arena-header-inner{min-height:64px}
  .arena-brand .custom-logo{max-height:48px}
  .arena-menu-toggle{display:block}
  .arena-nav{position:fixed;left:12px;right:12px;top:82px;margin:0;padding:18px;background:#C97812;transform:translateY(-12px);opacity:0;visibility:hidden;transition:.25s ease;box-shadow:0 22px 50px rgba(0,0,0,.35)}
  .admin-bar .arena-nav{top:128px}
  .arena-nav.is-open{transform:none;opacity:1;visibility:visible}
  .arena-menu{display:block}
  .arena-menu a{padding:13px 6px;border-bottom:1px solid rgba(255,255,255,.08)}
  .arena-menu a:after{display:none}
  .arena-menu .sub-menu{position:static;opacity:1;visibility:visible;transform:none;background:transparent;border:0;box-shadow:none;padding-left:18px}
  .arena-hero{min-height:720px}
  .arena-hero-content{padding-bottom:80px}
  .arena-hero h1{font-size:clamp(56px,14vw,105px)}
  .arena-section{padding:70px 0}
  .arena-section-heading{margin-bottom:36px}
  .arena-footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  :root{--arena-shell:calc(100% - 28px)}
  .arena-search-toggle{display:none}
  .arena-hero{min-height:650px}
  .arena-hero h1{font-size:52px;line-height:.88}
  .arena-hero p{font-size:16px}
  .arena-scroll-cue{display:none}
  .arena-news-grid{grid-template-columns:1fr}
  .arena-section-heading h2{font-size:43px}
  .arena-sponsor-placeholder{grid-template-columns:1fr 1fr}
  .arena-footer-grid{grid-template-columns:1fr}
  .arena-footer-bottom{flex-direction:column}
}


/* =========================================================
   v2.4 — puni sticky header, tamniji footer i skladnija početna
   ========================================================= */

/* Sticky header: puna širina, bez "kartice" i bez zaobljenih uglova. */
.arena-header.is-scrolled,
body:not(.arena-front-page) .arena-header.is-scrolled{
  padding:0!important;
  background:linear-gradient(90deg,#c97812 0%,#d98a1f 48%,#c97812 100%)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.30)!important;
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,.16);
}
.arena-header.is-scrolled .arena-header-inner,
body:not(.arena-front-page) .arena-header.is-scrolled .arena-header-inner{
  width:min(1660px,calc(100% - 48px));
  min-height:74px;
  padding-inline:18px;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.arena-header.is-scrolled .arena-brand .custom-logo{max-height:56px}
.arena-header.is-scrolled .arena-menu a{padding-top:23px;padding-bottom:23px}

/* Footer je osjetno tamniji od sadržaja, uz mekan prijelaz. */
.arena-footer{
  background:#0d1014!important;
  border-top:1px solid rgba(255,255,255,.055);
  box-shadow:0 -18px 46px rgba(0,0,0,.20);
}
.arena-footer:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-42px;
  height:42px;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(13,16,20,0),#0d1014);
}
.arena-footer-bottom{border-top-color:rgba(255,255,255,.09)}

/* Početna: tamne sportske površine umjesto jedne velike narandžaste plohe. */
body.arena-front-page .hcm-home-news,
body.arena-front-page .hcm-home-sponsors{
  --hcm-home-bg:#1a2027!important;
  background:#1a2027!important;
}
body.arena-front-page .hcm-home-team{
  --hcm-home-bg:#20262d!important;
  position:relative;
  background:
    radial-gradient(circle at 50% 0%,rgba(217,138,31,.18),transparent 34%),
    linear-gradient(180deg,#1a2027 0%,#20262d 15%,#20262d 86%,#171b22 100%)!important;
}
body.arena-front-page .hcm-home-team:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg,transparent,#d98a1f 22%,#f0a53a 50%,#d98a1f 78%,transparent);
  opacity:.8;
}
body.arena-front-page .hcm-home-news-card{
  background:#242b33!important;
  border-bottom:3px solid rgba(217,138,31,.72);
}
body.arena-front-page .hcm-home-player-card{
  background:linear-gradient(145deg,#272e36 0 66%,#313841 66%)!important;
}
body.arena-front-page .hcm-home-sponsors{
  background:linear-gradient(180deg,#171b22 0%,#12161b 100%)!important;
  border-top:1px solid rgba(217,138,31,.25);
}

@media(max-width:900px){
  .arena-header.is-scrolled .arena-header-inner,
  body:not(.arena-front-page) .arena-header.is-scrolled .arena-header-inner{
    width:100%;
    min-height:66px;
    padding-inline:14px;
  }
  .arena-header.is-scrolled .arena-brand .custom-logo{max-height:48px}
}


/* =========================================================
   v2.5 — Rapid stil sticky headera: skoro puna širina, ali s rubovima
   ========================================================= */

/* Tamna traka ostaje iza header kartice, a narandžasti dio ne dodiruje krajeve ekrana. */
.arena-header.is-scrolled,
body:not(.arena-front-page) .arena-header.is-scrolled{
  padding:10px 18px!important;
  background:rgba(17,21,27,.96)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.25)!important;
  border-bottom:0!important;
  backdrop-filter:blur(14px);
}

.arena-header.is-scrolled .arena-header-inner,
body:not(.arena-front-page) .arena-header.is-scrolled .arena-header-inner{
  width:min(1860px,100%)!important;
  min-height:80px;
  margin-inline:auto;
  padding-inline:22px;
  background:linear-gradient(90deg,#cf7d14 0%,#dc8d20 48%,#cf7d14 100%)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:10px!important;
  box-shadow:0 10px 28px rgba(0,0,0,.24)!important;
  backdrop-filter:none!important;
}

.arena-header.is-scrolled .arena-brand .custom-logo{max-height:60px}
.arena-header.is-scrolled .arena-menu a{padding-top:25px;padding-bottom:25px}

/* Na veoma širokim ekranima ostaje mali, uredan razmak sa obje strane. */
@media(min-width:1900px){
  .arena-header.is-scrolled,
  body:not(.arena-front-page) .arena-header.is-scrolled{
    padding-inline:20px!important;
  }
}

@media(max-width:900px){
  .arena-header.is-scrolled,
  body:not(.arena-front-page) .arena-header.is-scrolled{
    padding:7px 9px!important;
  }
  .arena-header.is-scrolled .arena-header-inner,
  body:not(.arena-front-page) .arena-header.is-scrolled .arena-header-inner{
    width:100%!important;
    min-height:66px;
    padding-inline:14px;
    border-radius:8px!important;
  }
  .arena-header.is-scrolled .arena-brand .custom-logo{max-height:48px}
}

/* =========================================================
   v2.6 — čiste pune boje, bez gradient prijelaza
   ========================================================= */

/* Sticky header: tamna vanjska podloga i puna, malo tamnija narandžasta kartica. */
.arena-header.is-scrolled,
body:not(.arena-front-page) .arena-header.is-scrolled{
  background:#11151b!important;
  box-shadow:0 8px 24px rgba(0,0,0,.28)!important;
  backdrop-filter:none!important;
}

.arena-header.is-scrolled .arena-header-inner,
body:not(.arena-front-page) .arena-header.is-scrolled .arena-header-inner{
  background:#c87814!important;
  box-shadow:0 8px 22px rgba(0,0,0,.22)!important;
}

/* Header na unutrašnjim stranicama također koristi pune boje. */
body:not(.arena-front-page) .arena-header{
  background:#11151b!important;
}
body:not(.arena-front-page) .arena-header-inner{
  background:#c87814!important;
}

/* Footer: jasno tamniji od stranice, bez prijelaza koji prelazi preko sadržaja. */
.arena-footer{
  background:#090c10!important;
  border-top:1px solid #242a31!important;
  box-shadow:none!important;
}
.arena-footer:before{
  display:none!important;
  content:none!important;
  background:none!important;
}
.arena-footer-bottom{
  border-top-color:#262c33!important;
}

/* Početne sekcije: pune tamne nijanse bez radialnih i linearnih gradijenata. */
body.arena-front-page .hcm-home-news{
  background:#1a2027!important;
}
body.arena-front-page .hcm-home-team{
  background:#20262d!important;
}
body.arena-front-page .hcm-home-team:before{
  background:#c87814!important;
  opacity:.8;
}
body.arena-front-page .hcm-home-player-card{
  background:#272e36!important;
}
body.arena-front-page .hcm-home-sponsors{
  background:#12161b!important;
}


/* Clean search overlay: icon-only header, theme-matched search form */
.arena-mobile-search{display:none!important}
.arena-search-panel{background:transparent!important;border:0!important;max-height:0;overflow:hidden;padding:0!important;box-shadow:none!important}
.arena-search-panel.is-open{max-height:150px!important;padding:12px 0!important;overflow:visible}
.arena-search-panel .arena-shell{max-width:800px;width:calc(100% - 36px);margin:0 auto;background:#20262d;border:1px solid #3d454e;border-radius:9px;padding:9px;box-shadow:0 15px 30px rgba(0,0,0,.28)}
.arena-search-panel form{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important}
.arena-search-panel label{flex:1!important;min-width:0!important;display:block!important;margin:0!important}
.arena-search-panel input[type=search]{display:block!important;width:100%!important;height:42px!important;padding:0 15px!important;border:1px solid #515961!important;border-radius:6px!important;background:#111820!important;color:#fff!important;font:14px Arial,sans-serif!important;box-shadow:none!important}
.arena-search-panel input[type=search]::placeholder{color:#bfc5cb}
.arena-search-panel input[type=submit],.arena-search-panel button[type=submit]{display:block!important;height:42px!important;padding:0 20px!important;border:0!important;border-radius:6px!important;background:#d98a1f!important;color:#fff!important;font:700 13px Arial,sans-serif!important;cursor:pointer!important}
.arena-search-toggle{display:grid!important;place-items:center!important;flex:0 0 42px!important}
.arena-search-toggle:hover,.arena-search-toggle[aria-expanded=true]{color:#ffe0b2!important}
@media(max-width:900px){
 .arena-header,.arena-header.is-scrolled,body:not(.arena-front-page) .arena-header{padding:7px 9px!important}
 .arena-header-inner,.arena-header.is-scrolled .arena-header-inner,body:not(.arena-front-page) .arena-header-inner,body:not(.arena-front-page) .arena-header.is-scrolled .arena-header-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:62px!important;height:62px!important;padding:0 12px!important;gap:8px!important;background:#c97812!important;border-radius:8px!important}
 .arena-brand{margin:0!important;flex:0 0 auto!important;max-width:75px!important}
 .arena-brand .custom-logo,.arena-header.is-scrolled .arena-brand .custom-logo{max-height:53px!important;max-width:66px!important;width:auto!important;object-fit:contain!important}
 .arena-header-actions{display:flex!important;align-items:center!important;gap:6px!important;margin-left:auto!important;flex:0 0 auto!important;width:auto!important}
 .arena-search-toggle{width:37px!important;height:37px!important;padding:8px!important;flex:0 0 37px!important}
 .arena-menu-toggle{display:block!important;width:37px!important;height:37px!important;padding:8px!important;flex:0 0 37px!important}
 .arena-nav{position:absolute!important;left:9px!important;right:9px!important;top:calc(100% - 6px)!important;max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain;padding:7px 12px!important;border-radius:0 0 8px 8px;z-index:10001}
 .arena-menu li{position:relative}
 .arena-menu > li > a{padding:11px 40px 11px 8px!important;font-size:13px!important;line-height:1.3}
 .arena-menu .sub-menu{display:none!important;padding:0 0 3px 13px!important;margin:0!important}
 .arena-menu li.submenu-open>.sub-menu{display:block!important}
 .arena-menu .sub-menu a{padding:10px 7px!important;font-size:12px!important}
 .arena-menu .arena-submenu-toggle{position:absolute;right:2px;top:2px;width:36px;height:36px;border:0;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer;font-size:18px;z-index:2}
 .arena-menu .arena-submenu-toggle::before{content:'⌄';display:block;transition:transform .2s}
 .arena-menu li.submenu-open>.arena-submenu-toggle::before{transform:rotate(180deg)}
 .arena-search-panel.is-open{padding:8px 0!important}
 .arena-search-panel .arena-shell{width:calc(100% - 18px)!important;padding:7px!important}
 .arena-search-panel input[type=search]{height:38px!important;font-size:13px!important}
 .arena-search-panel input[type=submit]{height:38px!important;padding:0 11px!important;font-size:12px!important}
}

/* Corrective patch: ONE existing custom logo, no extra logo markup. */
@media(max-width:900px){
 .arena-header .arena-brand,
 .arena-header.is-scrolled .arena-brand{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  flex:0 0 54px!important;width:54px!important;max-width:54px!important;
  height:54px!important;min-height:0!important;margin:0!important;padding:0!important;
  position:relative!important;top:auto!important;left:auto!important;transform:none!important;
 }
 .arena-header .arena-brand .custom-logo-link{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:50px!important;height:50px!important;max-height:50px!important;
  margin:0!important;padding:0!important;position:static!important;transform:none!important;
 }
 .arena-header .arena-brand .custom-logo,
 .arena-header.is-scrolled .arena-brand .custom-logo{
  width:50px!important;height:50px!important;max-width:50px!important;max-height:50px!important;
  object-fit:contain!important;position:static!important;margin:0!important;
  transform:none!important;
 }
 .arena-header .arena-header-actions{margin-left:auto!important}
}
@media(min-width:901px){
 .arena-header .arena-nav{margin-left:auto!important;}
 .arena-header .arena-menu{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:clamp(10px,1.4vw,28px)!important}
 .arena-header .arena-menu>li{width:auto!important;flex:0 0 auto!important}
 .arena-header .arena-menu>li>a{white-space:nowrap!important}
}

/* v2.6.2 – header-only corrections */
@media (min-width:901px){
 .arena-header .arena-header-inner{display:flex!important;align-items:center!important;gap:24px!important}
 .arena-header .arena-brand{flex:0 0 auto!important;align-self:center!important}
 .arena-header .arena-nav{margin-left:auto!important;align-self:center!important;min-width:0!important}
 .arena-header .arena-menu{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:clamp(12px,1.5vw,28px)!important}
 .arena-header .arena-menu>li{display:flex!important;align-items:center!important;position:relative!important;min-height:54px!important}
 .arena-header .arena-menu>li>a{display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;line-height:1.2!important;padding:16px 0!important;margin:0!important;min-height:54px!important}
 .arena-header .arena-menu>li>a:after{bottom:6px!important}
 .arena-header .arena-menu>li.menu-item-has-children>a:before,
 .arena-header .arena-menu>li.menu-item-has-children>a>span:after{display:none!important}
 .arena-header .arena-menu>li>.sub-menu{top:100%!important}
 .arena-header .arena-header-actions{flex:0 0 auto!important;align-self:center!important}
}
@media (max-width:900px){
 .arena-header .arena-header-inner,
 .arena-header.is-scrolled .arena-header-inner,
 body:not(.arena-front-page) .arena-header-inner,
 body:not(.arena-front-page) .arena-header.is-scrolled .arena-header-inner{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  height:62px!important;min-height:62px!important;padding:0 12px!important;gap:8px!important;
 }
 .arena-header .arena-brand,
 .arena-header.is-scrolled .arena-brand{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  position:static!important;transform:none!important;inset:auto!important;
  flex:0 0 54px!important;width:54px!important;max-width:54px!important;
  height:54px!important;max-height:54px!important;margin:0!important;padding:0!important;
 }
 .arena-header .arena-brand img.custom-logo,
 .arena-header.is-scrolled .arena-brand img.custom-logo{
  display:block!important;position:static!important;transform:none!important;
  width:50px!important;height:50px!important;max-width:50px!important;max-height:50px!important;
  object-fit:contain!important;margin:0!important;padding:0!important;
 }
 .arena-header .arena-header-actions{display:flex!important;align-items:center!important;margin-left:auto!important}
}

/* v2.6.3 header corrections */
.arena-logo-mobile{display:none!important}
@media(min-width:901px){
 .arena-header .arena-menu>li.menu-item-has-children>a{padding-right:17px!important;position:relative!important}
 .arena-header .arena-menu>li.menu-item-has-children>a::before{content:""!important;display:block!important;position:absolute!important;right:1px!important;top:50%!important;width:6px!important;height:6px!important;border-right:2px solid #fff!important;border-bottom:2px solid #fff!important;transform:translateY(-70%) rotate(45deg)!important}
 .arena-header .arena-menu>li>.arena-submenu-toggle{display:none!important}
}
@media(max-width:900px){
 .arena-header .arena-header-inner{height:58px!important;min-height:58px!important;padding:0 12px!important}
 .arena-header .arena-brand{height:50px!important;max-height:50px!important;flex:0 0 52px!important;width:52px!important;max-width:52px!important;position:static!important;transform:none!important}
 .arena-header .arena-brand .custom-logo{display:none!important}
 .arena-header .arena-brand .arena-logo-mobile{display:block!important;width:50px!important;height:50px!important;max-width:50px!important;max-height:50px!important;object-fit:contain!important;position:static!important;transform:none!important}
 .arena-header .arena-header-actions{margin-left:auto!important;display:flex!important;align-items:center!important}
 .arena-header .arena-menu>li.menu-item-has-children>a{padding-right:45px!important}
 .arena-header .arena-menu>li>.arena-submenu-toggle{display:grid!important;position:absolute!important;right:5px!important;top:4px!important;width:36px!important;height:36px!important;z-index:4!important}
 .arena-header .arena-menu .sub-menu{display:none!important}
 .arena-header .arena-menu li.submenu-open>.sub-menu{display:block!important}
}

/* v2.6.4: exactly one brand image per viewport */
.arena-header .arena-brand img.arena-logo-desktop{display:block!important;width:auto!important;height:100px!important;max-height:100px!important;max-width:120px!important;object-fit:contain!important}
.arena-header .arena-brand img.arena-logo-mobile{display:none!important}
@media(max-width:900px){
 .arena-header .arena-brand img.arena-logo-desktop{display:none!important}
 .arena-header .arena-brand img.arena-logo-mobile{display:block!important;width:50px!important;height:50px!important;max-width:50px!important;max-height:50px!important;object-fit:contain!important}
}

/* Footer v2.6.5 */
.arena-footer .arena-footer-grid-new{display:grid;grid-template-columns:1.35fr .8fr 1fr 1.1fr;gap:clamp(22px,3vw,60px);align-items:start}
.arena-footer .arena-footer-grid-new>.arena-footer-column{border-left:1px solid rgba(255,255,255,.17);padding-left:clamp(18px,2.5vw,44px);min-width:0}
.arena-footer .arena-footer-grid-new h3{font-size:19px;font-weight:800;letter-spacing:.2px;margin-bottom:28px}
.arena-footer .arena-footer-grid-new h3:after{content:"";display:block;width:44px;height:4px;background:#D98A1F;margin-top:13px;border-radius:2px}
.arena-footer .arena-footer-grid-new .arena-footer-brand .custom-logo{max-height:150px;max-width:160px;width:auto}
.arena-footer .arena-footer-grid-new p{color:#c4c9cd;line-height:1.7}
.arena-footer .arena-footer-grid-new li{margin:7px 0}
.arena-footer .arena-footer-grid-new a{color:#e5e7eb;text-decoration:none}
.arena-footer .arena-footer-grid-new a:hover,.arena-footer-credit a:hover{color:#F0A53A}
.arena-footer .arena-footer-bottom{margin-top:42px;align-items:center}
.arena-footer-credit a{color:#fff;text-decoration:none;font-weight:700}
@media(max-width:900px){.arena-footer .arena-footer-grid-new{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}.arena-footer .arena-footer-grid-new>.arena-footer-column{padding-left:20px}}
@media(max-width:560px){.arena-footer .arena-footer-grid-new{grid-template-columns:1fr;gap:25px}.arena-footer .arena-footer-grid-new>.arena-footer-column{border-left:0;padding-left:0}.arena-footer .arena-footer-grid-new h3{margin-bottom:16px}.arena-footer .arena-footer-bottom{align-items:flex-start}}

/* Compact four-column footer */
.arena-footer.arena-footer-compact{padding:46px 0 22px!important}
.arena-footer-compact .arena-footer-grid-new{grid-template-columns:1.45fr .78fr 1.08fr 1.08fr;gap:32px;align-items:start}
.arena-footer-compact .arena-footer-grid-new>.arena-footer-column{padding-left:28px}
.arena-footer-compact .arena-footer-brandline{display:flex;align-items:center;gap:20px}
.arena-footer-compact .arena-footer-brandline .custom-logo-link{flex:0 0 125px;display:block}
.arena-footer-compact .arena-footer-brandline .custom-logo{width:125px;max-width:125px;height:auto;max-height:none;margin:0}
.arena-footer-compact .arena-footer-brandline p{margin:0;font-size:15px;line-height:1.55;max-width:240px}
.arena-footer-compact .arena-footer-grid-new h3{margin:0 0 18px;font-size:18px}
.arena-footer-compact .arena-footer-grid-new h3:after{margin-top:10px}
.arena-footer-compact .arena-footer-links{padding:0;margin:0;list-style:none}
.arena-footer-compact .arena-footer-links li{margin:3px 0;line-height:1.35}
.arena-footer-compact .arena-footer-links a{font-size:15px;text-transform:none}
.arena-footer-compact .arena-footer-contact>div{display:flex;align-items:center;gap:14px;margin:0 0 15px;font-size:14px}
.arena-footer-compact .arena-footer-contact-icon{color:#e38b16;font-size:23px;min-width:22px}
.arena-footer-compact .arena-footer-social{display:flex;gap:12px;margin-top:20px}
.arena-footer-compact .arena-social-icon{width:40px;height:40px;border:1px solid #8a949d;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff}
.arena-footer-compact .arena-footer-bottom{margin-top:28px;padding-top:17px;align-items:center}
@media(max-width:1000px){.arena-footer-compact .arena-footer-grid-new{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.arena-footer-compact .arena-footer-grid-new>.arena-footer-column{padding-left:20px}}
@media(max-width:560px){.arena-footer.arena-footer-compact{padding:35px 0 20px!important}.arena-footer-compact .arena-footer-grid-new{grid-template-columns:1fr;gap:24px}.arena-footer-compact .arena-footer-grid-new>.arena-footer-column{border-left:0;padding-left:0}.arena-footer-compact .arena-footer-brandline .custom-logo-link{flex-basis:100px}.arena-footer-compact .arena-footer-brandline .custom-logo{width:100px}.arena-footer-compact .arena-footer-bottom{align-items:flex-start}}

/* Footer refinement */
.arena-footer-compact .arena-footer-logo{display:block;flex:0 0 125px}
.arena-footer-compact .arena-footer-logo img{display:block;width:125px;height:auto;max-width:100%}
.arena-footer-compact .arena-footer-join p{margin:0 0 22px;font-size:15px;line-height:1.65}
.arena-footer-compact .arena-footer-cta{display:inline-flex;align-items:center;justify-content:center;gap:15px;background:#ef8317;color:#fff!important;padding:13px 20px;border-radius:7px;font-weight:800;font-size:14px;text-decoration:none;white-space:nowrap}
.arena-footer-compact .arena-footer-cta:hover{background:#d9750f;color:#fff!important}
.arena-footer-compact .arena-footer-contact>div{align-items:flex-start}
.arena-footer-compact .arena-footer-contact>div>span:last-child{min-width:0;overflow-wrap:anywhere}
.arena-footer-compact .arena-footer-contact a{display:block;overflow-wrap:anywhere}
.arena-footer-compact .arena-footer-grid-new{grid-template-columns:1.35fr .95fr 1.2fr 1fr}
@media(max-width:1000px){.arena-footer-compact .arena-footer-grid-new{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.arena-footer-compact .arena-footer-grid-new{grid-template-columns:1fr}.arena-footer-compact .arena-footer-logo{flex-basis:95px}.arena-footer-compact .arena-footer-logo img{width:95px}}

/* Footer icons only: social flat white; contact matching orange circular pictograms */
.arena-footer-compact .arena-footer-social{gap:18px;align-items:center}
.arena-footer-compact .arena-footer-social .arena-social-icon{border:0!important;border-radius:0!important;width:23px;height:26px;padding:0;background:transparent!important;color:#fff!important}
.arena-footer-compact .arena-footer-social .arena-social-icon svg{width:21px;height:21px;display:block}
.arena-footer-compact .arena-footer-social .arena-social-icon:hover{color:#f0a53a!important}
.arena-footer-compact .arena-footer-contact-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#f5b53d;border:2px solid #18466b;color:#18466b;font-size:0;min-width:34px}
.arena-footer-compact .arena-footer-contact-icon svg{width:21px;height:21px;display:block}
.arena-footer-compact .arena-footer-contact>div{align-items:center}

/* Footer contact icons: original club orange, readable labels and spacing */
.arena-footer-compact .arena-footer-contact{display:flex;flex-direction:column;gap:16px}
.arena-footer-compact .arena-footer-contact>div{display:flex;align-items:center;gap:14px;margin:0!important;min-height:40px;line-height:1.5}
.arena-footer-compact .arena-footer-contact-icon{flex:0 0 40px!important;width:40px!important;height:40px!important;min-width:40px!important;border-radius:50%!important;background:#D98A1F!important;border:2px solid #D98A1F!important;color:#fff!important;box-sizing:border-box}
.arena-footer-compact .arena-footer-contact-icon svg{width:22px!important;height:22px!important;display:block;fill:none}
.arena-footer-compact .arena-footer-contact>div>span:last-child{display:block;min-width:0;overflow-wrap:anywhere}
.arena-footer-compact .arena-footer-contact a{display:block;color:#fff!important;text-decoration:none!important;line-height:1.6;overflow-wrap:anywhere}
.arena-footer-compact .arena-footer-contact a:hover{color:#F0A53A!important}
.arena-footer-compact .arena-footer-social .arena-social-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#fff!important}
@media(max-width:560px){.arena-footer-compact .arena-footer-contact{gap:14px}}

/* Footer: narandžasti krugovi s bijelim ikonama društvenih mreža */
.arena-footer-compact .arena-footer-social{gap:12px;align-items:center}
.arena-footer-compact .arena-footer-social .arena-social-icon{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 40px;width:40px!important;height:40px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#d98a1f!important;color:#fff!important}
.arena-footer-compact .arena-footer-social .arena-social-icon svg{width:19px;height:19px;display:block;stroke:#fff!important}
.arena-footer-compact .arena-footer-social .arena-social-icon:hover{background:#bd7412!important;color:#fff!important}