@font-face {
    font-family: "Snasm W00 Italic";
    src: url("https://db.onlinewebfonts.com/t/49f81958cd23495f08a5be19c08569ca.eot");
    src: url("https://db.onlinewebfonts.com/t/49f81958cd23495f08a5be19c08569ca.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/49f81958cd23495f08a5be19c08569ca.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/49f81958cd23495f08a5be19c08569ca.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/49f81958cd23495f08a5be19c08569ca.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/49f81958cd23495f08a5be19c08569ca.svg#Snasm W00 Italic")format("svg");
}


:root{
  --topbar-h: 50px;
  --menu-h: 50px;
  --brand-orange: #f63;
  --logo-w: 300px;
  --logo-h: 100px;
  --logo-gap: 20px;
  --left-pad: calc(var(--logo-w) + var(--logo-gap));
}

*{ margin:0; padding:0; box-sizing:border-box; }
body{ font-family: "Snasm W00 Italic", Arial, sans-serif; }

/* WRAPPER */
.site-header{ position:relative; z-index:0; overflow:visible; }

/* LOGO PREKO OBA POJASA */
.logo-box{
  position:absolute;
  left:12px;
  top:calc((var(--topbar-h) + var(--menu-h) - var(--logo-h)) / 2);
  width:var(--logo-w);
  height:var(--logo-h);
  background:#fff;
  display:flex; align-items:center; justify-content:center;
  clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);
  box-shadow:0 8px 20px rgba(0,0,0,.15);
  z-index:3000;
}
.logo-box img{ max-width:80%; max-height:80%; object-fit:contain; display:block; }

/* Gornji pojas */
.top-bar{
  background: linear-gradient(to right, #f9a24c, var(--brand-orange));
  height:var(--topbar-h);
  display:flex; align-items:center; justify-content:flex-end;
  gap:10px; padding:0 12px;
  padding-left: calc(var(--left-pad) + 12px);
  position:relative; z-index:2500; overflow:visible;
}

/* Donji pojas (meni) */
.menu-wrapper{
  background:#fff;
  box-shadow:0 1px 3px rgba(0,0,0,0.08);
  display:flex; justify-content:flex-end;
  position:relative; z-index:2000;
  padding-left: calc(var(--left-pad) + 12px);
  overflow:visible;
}
.white-menu{
  display:flex; gap:25px; padding:0 25px; height:var(--menu-h); align-items:center;
}
.white-menu a{
  text-decoration:none; color:var(--brand-orange); font-weight:700;
  font-size:.95rem; padding:0 12px; height:var(--menu-h);
  line-height:var(--menu-h);
  position:relative; display:flex; align-items:center; transition:color .2s ease;
}
.white-menu a:hover, 
.white-menu a:focus-visible::before {
  opacity:1;
  transform:translateY(0);
}
.white-menu a::before {
  content:"";
  position:absolute;
  top:0;
  left:-20px;
  right:-20px;
  height:var(--menu-h);
  background-color:var(--brand-orange);
  clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);
  z-index:-1;
  opacity:0;
  transform:translateY(2px);
  transition:opacity .18s ease, transform .18s ease;
  pointer-events:none;
}
.white-menu a:hover::before, .white-menu a:focus-visible::before{ opacity:1; transform:translateY(0); }

/* Dugmad desno */
.top-btn{
  background:transparent; border:none; color:#fff; font-weight:700;
  padding:4px 12px; cursor:pointer; white-space:nowrap;
  transition:color .2s ease; font-size:.95rem;
  height:36px; display:flex; align-items:center;
}
.top-btn.media:hover{ color:#ffd699; }

/* Ikonice (FB/IG/YT) */
.social-icons{ display:flex; align-items:center; gap:6px; margin-left:8px; }
.circle-icon{
  width:36px; height:36px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  background: rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.25);
  backdrop-filter: blur(6px);
  color:#fff;
  transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease;
}
.circle-icon:hover, .circle-icon:focus-visible{
  transform: translateY(-1px);
  background: rgba(255,255,255,.22);
  box-shadow: 0 4px 10px rgba(0,0,0,.18);
  outline:none;
}
.circle-icon svg{ display:block; }

/* JEZIČKI SWITCHER (robustan klik dropdown) */
.lang{ position:relative; z-index:5000; }
.lang-toggle{
  width:36px; height:36px; border-radius:50%;
  border:1px solid rgba(255,255,255,.35);
  background:transparent; cursor:pointer; padding:0;
  display:flex; align-items:center; justify-content:center;
}
.lang-toggle img{ width:100%; height:100%; object-fit:cover; border-radius:50%; display:block; }
.lang-toggle:focus-visible{ outline:2px solid rgba(255,255,255,.6); outline-offset:2px; }

.lang-menu{
  position:absolute; top:44px; right:0;
  background:#222; color:#fff;
  border-radius:10px; box-shadow:0 8px 24px rgba(0,0,0,.35);
  padding:8px; gap:8px; display:none; flex-direction:column;
  min-width:160px; z-index:6000;
}
.lang.open .lang-menu{ display:flex; }

.lang-item{
  display:flex; align-items:center; gap:8px; width:100%;
  background:transparent; border:0; padding:6px 10px; border-radius:8px;
  color:#fff; cursor:pointer; text-align:left;
}
.lang-item:hover, .lang-item:focus-visible{ background:#333; outline:none; }
.lang-item img{ width:24px; height:24px; border-radius:50%; display:block; }
.lang-item span{ font-size:.9rem; }

/* Responsive */
@media (max-width: 900px){
  .white-menu{ gap:14px; padding:0 12px; }
  .top-btn{ font-size:.9rem; }
  .social-icons{ gap:4px; margin-left:4px; }
}

/* FULL-WIDTH VIDEO SECTION (900px) */
.full-video{
  width: 100%;
  height: 800px;
  position: relative;
  overflow: hidden;
  background: #000;
}
.full-video__media{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (max-width: 991px){
  .full-video{ height: 65vh; min-height: 360px; }
}
@media (max-width: 575px){
  .full-video{ height: 56.25vw; min-height: 240px; }
}

/* Narandžasta traka */
.round-banner{
  background: var(--brand-orange, #f63);
  height: 150px;
  width: 100%;
  display: flex;
  align-items: center;
  color: #fff;
}
.round-banner__inner{
  width: 100%;
  padding: 0 300px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.round-banner__sup{
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: .02em;
  line-height: 1.15;
  opacity: 0.95;
}
.round-banner__title{ display: flex; align-items: center; gap: 12px; margin-top: 6px; }
.round-banner__title span{
  font-size: 3.8rem;
  font-weight: 800;
  line-height: 1;
}
.rb-flag{ width: 40px; height: auto; border-radius: 0; object-fit: cover; display: inline-block; }
.round-banner__right{ display: flex; align-items: center; gap: 12px; }
.cd{
  width: 78px; height: 78px; border-radius: 50%; background: #fff;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center; box-shadow: 0 4px 10px rgba(0,0,0,.12);
}
.cd-value{ font-size: 1.3rem; font-weight: 700; line-height: 1; color: var(--brand-orange, #f63); }
.cd-label{ font-size: 0.70rem; font-weight: 700; text-transform: uppercase; opacity: 0.85; margin-top: 2px; color: #001344; }
@keyframes tick-pop{ 0%{transform:scale(1)} 20%{transform:scale(1.18);filter:brightness(1.05)} 100%{transform:scale(1)} }
.cd--seconds .cd-value.pop{ animation: tick-pop 280ms ease-out; }
@media (prefers-reduced-motion: reduce){ .cd--seconds .cd-value.pop{ animation:none; } }
@media (max-width: 1400px){ .round-banner__inner{ padding: 0 200px; } }
@media (max-width: 1100px){
  .round-banner__inner{ padding: 0 120px; }
  .cd{ width: 70px; height: 70px; }
  .round-banner__title span{ font-size: 2.4rem; }
}
@media (max-width: 800px){
  .round-banner__inner{ padding: 0 24px; }
  .round-banner{ height: auto; padding: 12px 0; }
  .cd{ width: 64px; height: 64px; }
}

/* POSTER sekcija */
.poster-hero{ width:100%; height:800px; position:relative; overflow:hidden; background:#000; }
.poster-hero__img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; display:block; }
@media (max-width: 900px){ .poster-hero{ height:60vh; min-height:360px; } }

/* CALENDAR 2026 */
.calendar-2026{
  background: var(--brand-orange, #f63);
  height: 600px;
  width: 100%;
  display: flex;
  align-items: center;
  color: #fff;
}
.cal26__inner{ width:100%; padding:0 300px; }
.cal26__title{ position:relative; font-size:2rem; line-height:1.1; font-weight:800; margin-bottom:8px; z-index:1; }
.cal26__title::after{
  content: attr(data-ghost);
  position: absolute; left: 0; bottom: 0; transform: none;
  font-size: 2.4em; line-height: 1; font-weight: 900; letter-spacing: .06em;
  color: currentColor; opacity: .08; white-space: nowrap; pointer-events: none; z-index: 0;
}
.cal26__underline{ height:2px; width:100%; background:#fff; opacity:.9; margin-bottom:20px; }
@media (max-width: 900px){ .cal26__title::after{ font-size:2.4em; opacity:.07; } }

/* Grid */
.cal26__grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; justify-items: stretch; }
.cal26__card{ width:100%; max-width:none; }
.cal26__media{ position:relative; border-radius:16px; overflow:hidden; box-shadow:0 10px 18px rgba(0,0,0,.18); }
.cal26__img{ width:100%; height:220px; object-fit:cover; display:block; }
.cal26__flag{ position:absolute; top:10px; right:10px; width:40px; height:auto; border-radius:4px; box-shadow:0 4px 8px rgba(0,0,0,.25); }
.cal26__badge{
  position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); text-align:center;
  background:transparent; padding:0; border-radius:0; color:#fff; font-weight:900; font-size:1.6rem; letter-spacing:.02em;
  text-shadow:0 2px 6px rgba(0,0,0,.5),0 0 1px rgba(0,0,0,.4); pointer-events:none;
}
.cal26__info{
  background:#fff; border-radius:12px; padding:10px 12px; display:flex; align-items:center; justify-content:space-between; gap:12px; color:#001344; box-shadow:0 6px 14px rgba(0,0,0,.12);
}
.cal26__logo{ width:50px; height:50px; object-fit:contain; display:block; border-radius:8px; }
.cal26__date{ font-weight:800; font-size:1rem; color:#001344; }
.cal26__btn{ align-self:flex-start; background:#fff; border-radius:999px; padding:3px; text-decoration:none; transition:transform .15s ease; }
.cal26__btn::before{
  content:"More info"; display:inline-block; background:var(--brand-orange,#f63); color:#fff; font-weight:800; font-size:.95rem;
  padding:10px 16px; border-radius:999px; letter-spacing:.02em;
}
.cal26__btn:hover{ transform:translateY(-1px); }
@media (max-width: 1400px){ .cal26__inner{ padding:0 200px; } .cal26__img{ height:200px; } }
@media (max-width: 1100px){ .cal26__inner{ padding:0 120px; } .cal26__grid{ gap:18px; } .cal26__img{ height:190px; } }
@media (max-width: 900px){
  .calendar-2026{ height:auto; padding:16px 0 28px; }
  .cal26__inner{ padding:0 24px; }
  .cal26__grid{ grid-template-columns:1fr; }
  .cal26__img{ height:220px; }
}

/* === Calendar korekcije === */
.cal26__grid{ display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:24px; }
.cal26__card{ width:100%; max-width:none; }
.cal26__media{ border-radius:0; box-shadow:none; }
.cal26__img{ height:220px; object-fit:cover; display:block; }
.cal26__badge{ left:0; right:0; top:50%; transform:translateY(-50%); text-align:center; background:transparent; padding:0; border-radius:0; color:#fff; font-weight:900; font-size:1.6rem; letter-spacing:.02em; text-shadow:0 2px 6px rgba(0,0,0,.5), 0 0 1px rgba(0,0,0,.4); }
.cal26__info{ border-radius:0; box-shadow:none; background:#fff; padding:12px; display:flex; flex-direction:column; gap:12px; }
.cal26__meta{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
.cal26__btn{
  align-self:center; width:90%; text-align:center; display:inline-block; background:var(--brand-orange,#f63); color:#fff; text-decoration:none;
  font-weight:800; font-size:.95rem; letter-spacing:.02em; padding:12px 16px; border-radius:999px; box-shadow:0 6px 14px rgba(0,0,0,.12); transition:transform .15s ease, filter .15s ease;
}
.cal26__btn:hover{ transform:translateY(-1px); filter:brightness(1.05); }
.cal26__btn::before{ content:none; }

/* LATEST NEWS */
.latest-news{ background:#fff; color:#001344; }
.ln__inner{ width:100%; padding:64px 300px 48px; }
.ln__title{
  position:relative; font-size:2rem; line-height:1.1; font-weight:800; color:var(--brand-orange,#f63); margin-bottom:8px; z-index:1;
}
.ln__title::after{
  content:attr(data-ghost); position:absolute; left:0; bottom:0; font-size:2.4em; line-height:1; font-weight:900; letter-spacing:.06em;
  color:transparent;
  text-shadow:
    0 0 0 rgba(246,102,51,.14), 1px 0 0 rgba(246,102,51,.10), -1px 0 0 rgba(246,102,51,.10),
    0 1px 0 rgba(246,102,51,.10), 0 -1px 0 rgba(246,102,51,.10), 1px 1px 0 rgba(246,102,51,.08),
    -1px 1px 0 rgba(246,102,51,.08), 1px -1px 0 rgba(246,102,51,.08), -1px -1px 0 rgba(246,102,51,.08),
    0 2px 6px rgba(246,102,51,.05);
  white-space:nowrap; pointer-events:none; z-index:0;
}
.ln__underline{ height:2px; width:100%; background:var(--brand-orange,#f63); opacity:1; margin-bottom:20px; }
@media (max-width: 900px){
  .ln__title::after{
    font-size:2.2em;
    text-shadow:
      0 0 0 rgba(246,102,51,.12), 1px 0 0 rgba(246,102,51,.09), -1px 0 0 rgba(246,102,51,.09),
      0 1px 0 rgba(246,102,51,.09), 0 -1px 0 rgba(246,102,51,.09), 0 2px 5px rgba(246,102,51,.05);
  }
}
.ln__grid{ display:grid; grid-template-columns: repeat(3, 1fr); gap:24px; }
.ln__card{ display:flex; flex-direction:column; gap:8px; }
.ln__media{ position:relative; border-radius:16px; overflow:hidden; box-shadow:0 8px 16px rgba(0,0,0,.08); background:#eee; }
.ln__media img{ width:100%; height:220px; object-fit:cover; display:block; }
.ln__date{
  position:absolute; top:10px; left:10px; background:var(--brand-orange,#f63); color:#fff; font-size:.8rem; font-weight:800; padding:4px 8px; border-radius:999px; letter-spacing:.02em;
}
.ln__headline{ font-size:1.1rem; font-weight:800; margin:6px 2px 0; }
.ln__headline a{ color:#001344; text-decoration:none; transition:color .15s ease; }
.ln__headline a:hover{ color:var(--brand-orange,#f63); }
.ln__excerpt{
  margin:2px 2px 0; font-size:.95rem; line-height:1.4; color:#263042;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:calc(1.4em * 2);
}
@media (max-width: 1400px){ .ln__inner{ padding:24px 200px 40px; } }
@media (max-width: 1100px){ .ln__inner{ padding:24px 120px 36px; } }
@media (max-width: 900px){
  .ln__inner{ padding:20px 24px 32px; }
  .ln__grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px){ .ln__grid{ grid-template-columns:1fr; } }

/* STANDINGS – narandžasta sekcija */
.standings-2026{ background:var(--brand-orange,#f63); color:#fff; }
.st26__inner{ width:100%; padding:32px 300px 40px; }
.st26__title{ font-size:2rem; line-height:1.1; font-weight:800; color:#fff; margin-bottom:8px; }
.st26__underline{ height:2px; width:100%; background:#fff; opacity:1; margin-bottom:18px; }
.st26__list{ list-style:none; display:flex; flex-direction:column; gap:14px; }

.st-card{
  background:#fff; color:#0c1220; border-radius:999px; padding:12px 18px;
  display:grid; grid-template-columns:56px 1fr auto; align-items:center; gap:16px; box-shadow:0 8px 18px rgba(0,0,0,.18);
}
.st-pos{ width:60px; height:60px; border-radius:50%; background:var(--brand-orange,#f63); color:#fff; display:grid; place-items:center; font-weight:900; font-size:1.25rem; }
.st-team-main{ font-size:1.15rem; font-weight:900; text-transform:uppercase; line-height:1.1; display:flex; align-items:baseline; gap:10px; }
.st-start{ font-size:1.3rem; color:var(--brand-orange,#f63); font-weight:900; }
.st-name{ letter-spacing:.02em; }
.st-riders{ margin-top:6px; display:flex; flex-wrap:wrap; gap:8px 14px; }
.st-riders .r{ display:inline-flex; align-items:center; gap:6px; font-size:.80rem; font-weight:700; color:#223049; }
.st-riders .r img{ width:20px; height:14px; object-fit:cover; border-radius:2px; }

.st-right{ display:flex; align-items:center; gap:12px; margin-left:6px; }
.st-logos{ display:flex; flex-direction:column; gap:6px; align-items:center; justify-content:center; }
.st-logo{ max-height:22px; width:auto; display:block; }

.st-pts{ text-align:right; min-width:72px; }
.st-pts .pts{ font-size:1.15rem; font-weight:900; color:#0c1220; line-height:1; }
.st-pts .pts-label{ font-size:.9rem; font-weight:800; color:#223049; opacity:.9; margin-top:2px; }

@media (max-width: 1400px){ .st26__inner{ padding:24px 200px 32px; } }
@media (max-width: 1100px){ .st26__inner{ padding:24px 120px 32px; } }
@media (max-width: 900px){
  .st26__inner{ padding:20px 24px 28px; }
  .st-card{ grid-template-columns:48px 1fr auto; border-radius:24px; }
  .st-logos{ display:none; }
}

/* ==== STANDINGS: desni blok ==== */
.st-right{ display:flex; align-items:center; gap:14px; }
.st-logos{ display:flex; flex-direction:column; gap:6px; align-items:center; justify-content:center; }
.st-pts{
  position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;
  min-width:96px; padding-left:16px;
}
.st-pts::before{
  content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:44px; background:#d9dee8;
}
.st-pts .pts{ font-size:1.45rem; line-height:1; font-weight:900; color:#0c1220; font-variant-numeric:tabular-nums; }
.st-pts .pts-label{ font-size:.78rem; font-weight:800; letter-spacing:.02em; color:#223049; opacity:.9; margin-top:2px; }
@media (max-width: 900px){ .st-pts{ padding-left:0; } .st-pts::before{ display:none; } }

.st26__more{ display:flex; justify-content:flex-end; margin-top:10px; }
.st-morelink{ color:#fff; text-decoration:none; font-weight:800; font-size:.9rem; letter-spacing:.04em; opacity:.95; transition:opacity .15s ease, transform .15s ease; }
.st-morelink:hover{ opacity:1; transform:translateX(2px); }
@media (max-width: 900px){ .st26__more{ margin-top:8px; } }

/* OFFICIAL PARTNERS */
.partners{ background:#fff; height:100px; display:flex; align-items:center; color:#001344; }
.pr__inner{ width:100%; padding:0 300px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.pr__title{ margin:0; color:var(--brand-orange,#f63); font-weight:800; font-size:1.1rem; letter-spacing:.08em; white-space:nowrap; }
.pr__logos{ display:flex; align-items:center; gap:24px; flex-wrap:nowrap; }
.pr__logos img{ height:48px; width:auto; display:block; opacity:.95; transition:transform .15s ease, opacity .15s ease; }
.pr__logos img:hover{ transform:translateY(-1px); opacity:1; }
@media (max-width: 1400px){ .pr__inner{ padding:0 200px; } }
@media (max-width: 1100px){ .pr__inner{ padding:0 120px; } .pr__logos img{ height:42px; } }
@media (max-width: 900px){
  .partners{ height:auto; padding:12px 0; }
  .pr__inner{ padding:0 24px; }
  .pr__title{ font-size:1rem; }
  .pr__logos{ gap:16px; flex-wrap:wrap; justify-content:flex-end; }
  .pr__logos img{ height:36px; }
}

/* ===== MOBILE OVERRIDES (≤768px) — Sep 10, 2025 ===== */
@media (max-width: 768px){
  header, .site-header { position: relative; z-index: 10000; }
  .menu-wrapper { position: relative; z-index: 10001; }
  .white-menu   { z-index: 10002; }

  :root{ --menu-h: 100px; --logo-w: 150px; --logo-h: 100px; }
  .cal26__grid::before{ content:""; flex: 0 0 24px; }

  .top-bar{ display:none !important; }
  :root{ --menu-h: 100px; }

  .menu-wrapper{
    height: var(--menu-h); padding: 0 12px; display:flex; align-items:center; justify-content:flex-end;
  }
  .logo-box{ top: calc((var(--menu-h) - var(--logo-h)) / 2); left: 12px; }
  .white-menu{
    position:absolute; top:100%; left:0; right:0; background:#fff; display:none; flex-direction:column;
    gap:6px; padding:10px 12px 14px; border-top:1px solid rgba(0,0,0,.06); box-shadow:0 8px 20px rgba(0,0,0,.12); z-index:2001; height:auto;
  }
  .white-menu a{ height:44px; line-height:44px; font-size:1rem; color:#001344; }
  .menu-wrapper.is-open .white-menu{ display:flex; }

  .hamburger{
    display:inline-flex; width:44px; height:44px; border-radius:10px; border:1px solid rgba(0,0,0,.08); background:#fff;
    align-items:center; justify-content:center; box-shadow:0 4px 10px rgba(0,0,0,.06); margin-left:auto; z-index:2002;
  }
  .hamburger span{ display:block; width:20px; height:2px; background:#001344; margin:3px 0; transition: transform .15s ease, opacity .15s ease; }
  .menu-wrapper.menu-open .hamburger span:nth-child(1){ transform: translateY(5px) rotate(45deg); }
  .menu-wrapper.menu-open .hamburger span:nth-child(2){ opacity:0; }
  .menu-wrapper.menu-open .hamburger span:nth-child(3){ transform: translateY(-5px) rotate(-45deg); }
  .menu-wrapper.is-open .white-menu{ display:flex; }

  .full-video{ height:50vh !important; min-height:260px; }
  .full-video__media{ object-fit:cover; object-position:center; }
  .poster-hero{ height:50vh !important; min-height:260px; }
  .poster-hero__img{ object-fit:cover; object-position:center; }

  .round-banner{ height:auto; padding:18px 0; }
  .round-banner__inner{
    padding:0 16px !important; flex-direction:column; align-items:center; justify-content:center; gap:12px; text-align:center;
  }
  .round-banner__left{ align-items:center; }
  .round-banner__title{ justify-content:center; }
  .round-banner__right{ width:100%; justify-content:center; gap:10px; }
  .cd{ width:62px; height:62px; }
  .cd--seconds{ display:flex !important; }

  .calendar-2026{ padding-top:50px; height:auto; }
  .cal26__inner{ padding:0 0; }
  .cal26__underline{ margin:0 16px 16px; }
  .cal26__grid{
    display:flex; overflow-x:auto; gap:16px; scroll-snap-type:x mandatory; padding:0 16px 6px 24px;
  }
  .cal26__card{ flex:0 0 85%; scroll-snap-align:start; }
  .cal26__img{ height:200px; }

  .ln__inner{ padding:70px 16px 28px !important; }
  .ln__grid{ display:grid; grid-template-columns:1fr; gap:16px; }
  .ln__grid > *:nth-child(n+4){ display:none; }

  .st26__inner{ padding:20px 16px 24px; }
  .st-card{ grid-template-columns:48px 1fr auto; border-radius:20px; padding:10px 14px; }
  .st-pos{ width:48px; height:48px; font-size:1.05rem; }
  .st-riders, .st-logos{ display:none !important; }
  .st-team-main{ font-size:1rem; gap:8px; }
  .st-start{ font-size:1.1rem; }
  .st-pts{ min-width:auto; padding-left:0; }
  .st-pts .pts-label{ display:none; }
  .st-pts .pts::after{ content:" pts"; font-weight:900; }

  .partners{ height:auto; padding:16px 0 22px; }
  .pr__inner{
    padding:0 16px !important; flex-direction:column; align-items:center; justify-content:center; gap:12px; text-align:center;
  }
  .pr__title{ font-size:1rem; }
  .pr__logos{
    display:grid !important; grid-template-columns:repeat(5, 1fr); gap:8px; width:100%; justify-items:center; align-items:center;
  }
  .pr__logos img{ width:100%; height:40px; object-fit:contain; }
}

/* FIX: slojevi + logo + horizont. scroll */
html, body { overflow-x: hidden; }
.site-header{ position: relative; z-index: 10000; }
.menu-wrapper{ z-index: 9000; }
.logo-box{ z-index: 11000; }
.ln__title, .cal26__title{ overflow: hidden; }
.ln__title::after, .cal26__title::after{ max-width: 100%; }

/* GHOST & PADDING FIX */
html, body { overflow-x: hidden; }
.ln__title, .cal26__title{ position: relative; overflow: visible !important; }
.ln__title::after, .cal26__title::after{ bottom: -0.25em; left: 0; right: 0; }
@media (max-width: 900px){
  .ln__title::after, .cal26__title::after{ font-size: 2.0em; bottom: -0.20em; }
}

/* Align ghost & title */
.ln__title, .cal26__title{ position: relative; overflow: visible !important; }
.ln__title::after, .cal26__title::after{
  left:0; right:auto; bottom:0; transform:none; line-height:1; max-width:100%;
}

/* CALENDAR: left gutter fix */
.calendar-2026 .cal26__inner{ padding-left:300px; padding-right:300px; }
@media (max-width: 900px){ .calendar-2026 .cal26__inner{ padding: 0 24px !important; } }
@media (max-width: 768px){
  .calendar-2026 .cal26__grid{
    display:flex !important; overflow-x:auto; gap:16px; scroll-snap-type:x mandatory; padding:0 24px 6px 32px !important;
  }
  .calendar-2026 .cal26__grid::before{ content:""; flex:0 0 8px; }
  .calendar-2026 .cal26__card{ flex:0 0 96%; scroll-snap-align:start; }
}

/* CALENDAR: underline */
.calendar-2026 .cal26__underline{ margin-left:0 !important; margin-right:0 !important; }

/* FOOTER */
.site-footer{ background:#001344; color:#fff; }
.ft__inner{ width:100%; padding:32px 300px; display:flex; flex-direction:column; gap:18px; }
.ft__top{ display:flex; align-items:flex-start; justify-content:space-between; gap:24px; }
.ft__brand img{ width:250px; height:auto; display:block; filter:brightness(0) invert(1); }
.ft__subscribe{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; text-align:center; flex:0 1 460px; }
.ft__subscribe h3{ font-size:1.05rem; letter-spacing:.06em; font-weight:800; }
.ft__form{ display:flex; gap:10px; width:100%; max-width:520px; }
.ft__email{ flex:1 1 auto; height:44px; border-radius:999px; border:1px solid rgba(255,255,255,.35); background:transparent; color:#fff; padding:0 16px; outline:none; }
.ft__email::placeholder{ color:rgba(255,255,255,.65); }
.ft__btn{ height:44px; border-radius:999px; border:0; background:var(--brand-orange,#f63); color:#fff; font-weight:900; letter-spacing:.02em; padding:0 18px; cursor:pointer; }
.ft__btn:hover{ filter:brightness(1.06); transform:translateY(-1px); }
.ft__menu{ display:flex; flex-direction:column; align-items:flex-end; gap:8px; }
.ft__menu a{ color:#fff; text-decoration:none; font-weight:800; letter-spacing:.04em; }
.ft__menu a:hover{ color:#ffd699; }
.ft__social{ display:flex; align-items:center; gap:10px; }
.ft__social a{ width:28px; height:28px; display:inline-flex; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.35); border-radius:50%; color:#fff; opacity:.95; transition:transform .15s, background-color .15s, opacity .15s; }
.ft__social a:hover{ transform:translateY(-1px); background:rgba(255,255,255,.12); opacity:1; }
.ft__rule{ height:1px; width:100%; background:rgba(255,255,255,.65); margin:4px 0 0; }
.ft__bottom{ display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.ft__legalnav{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.ft__legalnav a{ color:rgba(255,255,255,.9); text-decoration:none; font-size:.82rem; letter-spacing:.03em; white-space:nowrap; }
.ft__legalnav a:hover{ color:#fff; }
.ft__copy{ font-size:.82rem; white-space:nowrap; opacity:.95; }

@media (max-width:1400px){ .ft__inner{ padding:28px 200px; } }
@media (max-width:1100px){ .ft__inner{ padding:24px 120px; } }
@media (max-width:900px){
  .ft__inner{ padding:20px 24px; gap:16px; }
  .ft__top{ flex-direction:column; align-items:flex-start; gap:18px; }
  .ft__subscribe{ align-items:flex-start; text-align:left; max-width:600px; }
  .ft__menu{ align-items:flex-start; }
  .ft__copy{ margin-left:auto; }
}

/* FOOTER: mobile stacking */
@media (max-width: 768px){
  .site-footer .ft__top{ flex-direction: column; align-items: center; gap: 16px; }
  .site-footer .ft__brand img{ width: 250px; }
  .site-footer .ft__subscribe{ align-items: center; text-align: center; max-width: 600px; width: 100%; }
  .site-footer .ft__form{ max-width: 520px; width: 100%; }
  .site-footer .ft__menu{ display: none !important; }
  .site-footer .ft__legalnav{ display: none !important; }
  .site-footer .ft__social{ justify-content: center; }
  .site-footer .ft__rule{ margin-top: 10px; }
  .site-footer .ft__bottom{ justify-content: center; }
  .site-footer .ft__copy{ margin-left: 0; text-align: center; width: 100%; }
}

/* FOOTER: mobile compact */
@media (max-width: 768px){
  .site-footer .ft__inner{ padding: 14px 24px 12px !important; gap: 10px !important; }
  .site-footer .ft__top{ gap: 10px !important; }
  .site-footer .ft__brand img{ width: 220px; }
  .site-footer .ft__subscribe{ gap: 8px !important; }
  .site-footer .ft__subscribe h3{ margin:0 !important; font-size:1rem; }
  .site-footer .ft__form{ gap:8px !important; margin:0 !important; }
  .site-footer .ft__email{ height:40px; }
  .site-footer .ft__btn{ height:40px; padding:0 16px; }
  .site-footer .ft__social{ justify-content:center; gap:8px !important; margin-top:6px !important; }
  .site-footer .ft__rule{ margin:8px 0 0 !important; }
  .site-footer .ft__bottom{ justify-content:center; padding-top:8px !important; }
  .site-footer .ft__copy{ margin:0 !important; text-align:center !important; width:100% !important; }
}

/* FOOTER: mobile/tablet ≤900px */
@media (max-width: 900px){
  .site-footer .ft__top{ flex-direction: column !important; align-items: center !important; gap: 8px !important; }
  .site-footer .ft__inner{ padding: 10px 24px 10px !important; gap: 8px !important; }
  .site-footer .ft__brand img{ width: 200px !important; }
  .site-footer .ft__subscribe{ gap: 6px !important; text-align:center !important; align-items:center !important; }
  .site-footer .ft__subscribe h3{ margin:0 !important; font-size: 1rem !important; }
  .site-footer .ft__form{ gap: 6px !important; width:100% !important; max-width:480px !important; }
  .site-footer .ft__email{ height: 36px !important; }
  .site-footer .ft__btn{ height: 36px !important; padding: 0 14px !important; }
  .site-footer .ft__menu{ display:none !important; }
  .site-footer .ft__legalnav{ display:none !important; }
  .site-footer .ft__social{ justify-content:center !important; gap:8px !important; margin-top:4px !important; }
  .site-footer .ft__rule{ margin: 6px 0 0 !important; }
  .site-footer .ft__bottom{ justify-content:center !important; padding-top:6px !important; }
  .site-footer .ft__copy{ margin:0 !important; text-align:center !important; width:100% !important; }
}

/* FOOTER iOS/WebKit kompakt */
@supports (-webkit-touch-callout: none) {
  .site-footer { -webkit-text-size-adjust: 100%; }
  .site-footer .ft__inner{ padding: 12px 24px 12px !important; gap: 8px !important; }
  .site-footer .ft__top{ gap: 8px !important; flex-direction: column !important; align-items: center !important; }
  .site-footer .ft__brand img{ width: 200px !important; margin: 0 !important; }
  .site-footer .ft__subscribe{ gap: 6px !important; text-align: center !important; align-items: center !important; }
  .site-footer .ft__subscribe h3{ margin: 0 !important; font-size: 0.95rem !important; letter-spacing: .05em !important; }
  .site-footer .ft__form{ gap: 6px !important; max-width: 480px !important; width: 100% !important; }
  .site-footer .ft__email, .site-footer .ft__btn{
    -webkit-appearance: none; appearance: none; box-sizing: border-box; height: 36px !important; line-height: 36px !important;
    border-radius: 18px !important; padding: 0 14px !important; font-size: 16px !important;
  }
  .site-footer .ft__email{ border:1px solid rgba(255,255,255,.35) !important; }
  .site-footer .ft__social{ justify-content: center !important; gap: 8px !important; margin-top: 4px !important; }
  .site-footer .ft__rule{ margin: 6px 0 0 !important; }
  .site-footer .ft__bottom{ justify-content: center !important; padding-top: 6px !important; }
  .site-footer .ft__copy{ margin: 0 !important; text-align: center !important; width: 100% !important; }
  @media (max-width: 900px){
    .site-footer .ft__menu{ display: none !important; }
    .site-footer .ft__legalnav{ display: none !important; }
  }
}

/* FOOTER ultra-compact */
@media (max-width: 900px){
  .site-footer .ft__inner{ padding: 8px 16px 8px !important; gap: 6px !important; }
  .site-footer .ft__top{ flex-direction: column !important; align-items: center !important; gap: 6px !important; }
  .site-footer .ft__brand img{ width: 180px !important; margin: 0 !important; }
  .site-footer .ft__subscribe{ gap: 6px !important; text-align: center !important; align-items: center !important; }
  .site-footer .ft__subscribe h3{ margin: 0 !important; font-size: 15px !important; line-height: 1.1 !important; letter-spacing: .04em !important; }
  .site-footer .ft__form{ gap: 6px !important; width: 100% !important; max-width: 440px !important; margin: 0 !important; }
  .site-footer .ft__social{ justify-content: center !important; gap: 6px !important; margin: 0 !important; }
  .site-footer .ft__rule{ margin: 6px 0 0 !important; height: 1px !important; }
  .site-footer .ft__bottom{ justify-content: center !important; padding-top: 6px !important; }
  .site-footer .ft__copy{ margin: 0 !important; text-align: center !important; width: 100% !important; font-size: .8rem !important; }
  .site-footer .ft__menu, .site-footer .ft__legalnav{ display: none !important; }
}
@supports (-webkit-touch-callout: none){
  .site-footer{ -webkit-text-size-adjust: 100%; }
  .site-footer .ft__email, .site-footer .ft__btn{
    -webkit-appearance: none; appearance: none; box-sizing: border-box !important; height: 34px !important; line-height: 34px !important;
    padding: 0 12px !important; border-radius: 17px !important; font-size: 16px !important; margin: 0 !important;
  }
  .site-footer .ft__email{ border:1px solid rgba(255,255,255,.35) !important; }
}

/* Ghost tekst iza naslova (radi uz .st26__title relative kontejnere) */
.st26__title { position: relative; }
.st26__ghost {
  position: absolute;
  inset: 50% auto auto 0;
  transform: translateY(-50%);
  font-size: clamp(3rem, 10vw, 10rem);
  line-height: 1;
  opacity: .06;
  font-weight: 900;
  letter-spacing: .08em;
  pointer-events: none;
  user-select: none;
  white-space: nowrap;
}

/* Tabs (godine + runde) */
.st26__tabs {
  display: flex;
  gap: .5rem;
  flex-wrap: wrap;
  margin: 1rem 0 1.25rem;
}
.st26__pill {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .4rem .8rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.25);
  color: inherit;
  text-decoration: none;
  font-size: .875rem;
  text-transform: uppercase;
  letter-spacing: .06em;
  opacity: .8;
  transition: transform .15s ease, opacity .15s ease, background-color .15s ease;
  backdrop-filter: blur(2px);
}
.st26__pill:hover { opacity: 1; transform: translateY(-1px); }
.st26__pill.is-active {
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.35);
  opacity: 1;
}

/* Opcioni mali label ispod tabova */
.st26__segment-label {
  color: rgba(255,255,255,.8);
  font-size: .875rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin: .25rem 0 1.25rem;
}

/* ACTIVE == HOVER za main meni */
.white-menu a.active,
.white-menu a[aria-current="page"] {
  color:#fff;
}

.white-menu a.active::before,
.white-menu a[aria-current="page"]::before {
  opacity:1;
  transform:translateY(0);
  clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%); /* identično kao hover */
}

/* Mobilni meni: pregazi default tamnu boju za aktivni */
@media (max-width: 768px){
  .white-menu a.active,
  .white-menu a[aria-current="page"]{
    color:#fff;
  }
}

.teams-year-switch { display:flex; gap:.5rem; flex-wrap:wrap; }
.teams-year-tab {
  display:inline-block; padding:.4rem .8rem; border-radius:999px;
  border:1px solid rgba(255,255,255,.25); text-decoration:none;
  font-weight:600; letter-spacing:.02em; opacity:.8;
}
.teams-year-tab:hover { opacity:1; }
.teams-year-tab.is-active {
  opacity:1; border-color:#fff; background:#fff; color:#111;
}

.white-menu .menu-item.has-submenu{position:relative;display:flex;align-items:center}
.white-menu .submenu-toggle{width:10px;height:10px;margin-left:6px;border:0;background:transparent;cursor:pointer;position:relative}
.white-menu .submenu-toggle::before{content:"";position:absolute;inset:0;margin:auto;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);opacity:.8}
.white-menu .submenu{position:absolute;top:100%;left:0;min-width:220px;background:#001344;border-radius:0 0 8px 8px;box-shadow:0 8px 18px rgba(0,0,0,.18);padding:8px 0;display:none;z-index:1000}
.white-menu .submenu a{display:block;padding:10px 14px;color:#fff;text-decoration:none;white-space:nowrap}

/* Desktop: hover otvara */
@media(hover:hover) and (pointer:fine){
  .white-menu .menu-item.has-submenu:hover>.submenu{display:block}
}

/* Mobile: kada je hamburger meni otvoren */
.menu-wrapper.is-open .menu-item.has-submenu .submenu{
  position:static;box-shadow:none;border-radius:0;background:transparent;padding:0
}
.menu-wrapper.is-open .menu-item.has-submenu .submenu a{padding:10px 0 10px 14px;color:inherit}
.menu-wrapper.is-open .menu-item.has-submenu.open .submenu{display:block}

/* === ABOUT dropdown === */
.white-menu .dropdown {
  position: relative;
}

.white-menu .dropdown > a {
  position: relative;
  z-index: 1;
}

/* Container za linkove */
.white-menu .dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  min-width: 220px;
  flex-direction: column;
  padding: 6px 0;
  box-shadow: 0 6px 18px rgba(0,0,0,.12);
  border-radius: 0 0 10px 10px;
  z-index: 999;
}

.white-menu .dropdown-menu a {
  color: var(--brand-orange);
  padding: 10px 16px;
  height: auto;
  line-height: 1.3;
  font-size: .9rem;
  font-weight: 700;
  text-decoration: none;
  position: relative;
}

.white-menu .dropdown-menu a:hover {
  color: #fff;
}

.white-menu .dropdown-menu a::before {
  content:"";
  position:absolute;
  inset:0;
  background-color:var(--brand-orange);
  clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);
  z-index:-1;
  opacity:0;
  transform:translateY(2px);
  transition:opacity .18s ease, transform .18s ease;
}

.white-menu .dropdown-menu a:hover::before {
  opacity:1;
  transform:translateY(0);
}

/* Aktivacija dropdowna */
.white-menu .dropdown:hover .dropdown-menu,
.white-menu .dropdown:focus-within .dropdown-menu {
  display: flex;
}

/* ================== ABOUT DROPDOWN – FINAL FIX (for .dropdown/.dropdown-menu) ================== */

/* Neka .dropdown stoji kao flex dete u traci menija */
.white-menu .dropdown{
  position: relative;
  display: flex;
  align-items: center;
}

/* Panel podmenija – inicijalno skriven i izbačen iz toka da ne razbija flex */
.white-menu .dropdown .dropdown-menu{
  position: absolute;
  top: 100%;
  left: 0;
  display: none;              /* KLJUČNO: ne učestvuje u layoutu dok je zatvoren */
  flex-direction: column;
  min-width: 220px;
  background: #fff;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 8px 18px rgba(0,0,0,.12);
  padding: 6px 0;
  z-index: 5000;              /* preko svega u headeru */
}

/* Otvaranje na hover/focus (desktop) */
@media (hover:hover) and (pointer:fine){
  .white-menu .dropdown:hover > .dropdown-menu,
  .white-menu .dropdown:focus-within > .dropdown-menu{
    display: flex;
  }
  /* Održi isti narandžasti “romb” na ABOUT kada je otvoren dropdown */
  .white-menu .dropdown:hover > a,
  .white-menu .dropdown:focus-within > a{ color:#fff; }
  .white-menu .dropdown:hover > a::before,
  .white-menu .dropdown:focus-within > a::before{
    opacity:1;
    transform:translateY(0);
  }
}

/* Linkovi unutar dropdown-a — reuse istog paralelograma kao top-level stavke */
.white-menu .dropdown .dropdown-menu a{
  position: relative;
  display: block;
  padding: 10px 16px;
  height: auto;
  line-height: 1.35;
  font-weight: 800;
  color: #001344;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
}

.white-menu .dropdown .dropdown-menu a::before{
  content:"";
  position:absolute;
  background-color: var(--brand-orange,#f63);
  /* ISTI ugao/oblik kao u glavnom meniju: */
  clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);
  z-index:-1;
  opacity:0;
  transform:translateY(2px);
  transition: opacity .18s ease, transform .18s ease;
  pointer-events:none;
}
.white-menu .dropdown .dropdown-menu a:hover{
  color:#fff;
}
.white-menu .dropdown .dropdown-menu a:hover::before{
  opacity:1; transform:translateY(0);
}

/* ===== MOBILNO PONAŠANJE (hamburger otvoren) =====
   Kada .menu-wrapper dobije .is-open (tvoj postojeći JS),
   dropdown pretvaramo u "akordeon" (statičan, u koloni).
*/
.menu-wrapper.is-open .white-menu .dropdown .dropdown-menu{
  position: static;
  display: none;      /* dok ne otvoriš tapom */
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}
.menu-wrapper.is-open .white-menu .dropdown.open .dropdown-menu{
  display: block;     /* JS dodaje .open na .dropdown kada se ABOUT dotakne */
}
.menu-wrapper.is-open .white-menu .dropdown .dropdown-menu a{
  color: inherit;
  padding: 10px 0 10px 28px;
}
.menu-wrapper.is-open .white-menu .dropdown .dropdown-menu a::before{
  /* Po želji: neutralisan naranž. background u mobilnoj listi */
  opacity:0 !important; transform:none !important;
}
/* ===================== FINAL DESKTOP + MOBILE DROPDOWN FIX ===================== */
/* 1) .dropdown stoji uredno u flex traci */
.white-menu .dropdown{
  position: relative;
  display: flex;
  align-items: center;
}

/* 2) Panel podmenija: apsolutan, ne utiče na layout, iznad svega */
.white-menu .dropdown > .dropdown-menu{
  position: absolute !important;
  top: calc(100% - 2px);
  left: 0;
  display: none !important;            /* zatvoreno po difoltu */
  flex-direction: column;
  min-width: 220px;
  background: #fff;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 12px 28px rgba(0,0,0,.18);
  padding: 6px 0;
  z-index: 12050;                       /* iznad .logo-box (11000) i headera (10000) */
}

/* 3) Otvaranje na desktopu (hover/focus-within) */
@media (hover:hover) and (pointer:fine){
  .white-menu .dropdown:hover > .dropdown-menu,
  .white-menu .dropdown:focus-within > .dropdown-menu{
    display: flex !important;
  }
  /* zadrži isti narandžasti “romb” kao aktivan */
  .white-menu .dropdown:hover > a,
  .white-menu .dropdown:focus-within > a{ color:#fff; }
  .white-menu .dropdown:hover > a::before,
  .white-menu .dropdown:focus-within > a::before{
    opacity:1; transform:translateY(0);
  }
}

/* 4) Linkovi u dropdownu – PREBIJAJU pravila .white-menu a {height: var(--menu-h)} */
.white-menu .dropdown .dropdown-menu a{
  position: relative;
  display: block;
  padding: 10px 16px !important;
  height: auto !important;
  line-height: 1.35 !important;
  font-weight: 800;
  color: #001344;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
}

/* 5) Isti paralelogram (isti ugao) kao glavni meni */
.white-menu .dropdown .dropdown-menu a::before{
  content:"";
  position:absolute;
  background-color: var(--brand-orange, #f63);
  clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%); /* isti ugao kao top-level */
  z-index:-1;
  opacity:0;
  transform:translateY(2px);
  transition: opacity .18s ease, transform .18s ease;
  pointer-events:none;
}
.white-menu .dropdown .dropdown-menu a:hover{
  color:#fff;
}
.white-menu .dropdown .dropdown-menu a:hover::before{
  opacity:1; transform:translateY(0);
}

/* 6) MOBILNO (hamburger otvoren): dropdown radi kao akordeon */
.menu-wrapper.is-open .white-menu .dropdown > .dropdown-menu{
  position: static !important;
  display: none !important;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}
.menu-wrapper.is-open .white-menu .dropdown.open > .dropdown-menu{
  display: block !important;
}
.menu-wrapper.is-open .white-menu .dropdown .dropdown-menu a{
  color: inherit;
  padding: 10px 0 10px 28px !important;
}
.menu-wrapper.is-open .white-menu .dropdown .dropdown-menu a::before{
  /* po želji neutralno na mobilnom, da lista ostane čista */
  opacity:0 !important; transform:none !important;
}
/* ================== DROPDOWN — CLEAN WHITE PANEL + NEAT PARALLELOGRAM ================== */

/* Panel: beo, zaobljen, sa tankim okvirom i senkom; ništa ne sme da curi spolja */
.white-menu .dropdown > .dropdown-menu{
  background:#fff !important;
  border:1px solid #edf1f7;
  border-top:0;
  border-radius:0 0 12px 12px;
  padding:8px !important;
  gap:2px;
  box-shadow:0 14px 28px rgba(0,0,0,.14);
  overflow:hidden;                  /* bitno zbog ::before efekta */
}

/* Svaka stavka kao "čip" u belom panelu */
.white-menu .dropdown .dropdown-menu a{
  color:#001344 !important;
  font-weight:800;
  border-radius:8px;
  padding:10px 14px !important;
  margin:2px 4px;
  position:relative;
  line-height:1.35 !important;
  height:auto !important;           /* pregazi top-level highline */
  text-decoration:none;
  white-space:nowrap;
}

/* Romb (paralelogram) — isti ugao kao na top-level linkovima,
   ali pripijen uz stavku i u okviru belog panela */
.white-menu .dropdown .dropdown-menu a::before{
  content:"";
  position:absolute;
  top:0; left:-12px; right:-12px; height:100%;
  background-color: var(--brand-orange, #f63);
  /* isti oblik kao gore u meniju: */
  clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%); /* isti ugao kao top-level */
  z-index:-1;
  opacity:0;
  transform:translateY(2px);
  transition:opacity .16s ease, transform .16s ease;
  pointer-events:none;
}
.white-menu .dropdown .dropdown-menu a:hover{
  color:#fff !important;
}
.white-menu .dropdown .dropdown-menu a:hover::before{
  opacity:1; transform:translateY(0);
}

/* Parent ABOUT — kada je dropdown aktivan, zadrži isti “romb” kao active */
@media (hover:hover) and (pointer:fine){
  .white-menu .dropdown:hover > a,
  .white-menu .dropdown:focus-within > a{ color:#fff; }
  .white-menu .dropdown:hover > a::before,
  .white-menu .dropdown:focus-within > a::before{ opacity:1; transform:translateY(0); }
}

/* Mobile (burger otvoren): panel i dalje beo, uredan; nema neutralizacije hovera */
.menu-wrapper.is-open .white-menu .dropdown > .dropdown-menu{
  position: static !important;
  display: none !important;         /* akordeon ostaje zatvoren dok ne dodaš .open u JS */
  background:#fff !important;
  border:1px solid #edf1f7;
  border-radius:12px;
  padding:6px !important;
  box-shadow:none;                  /* bez ogromne senke u listi */
}
.menu-wrapper.is-open .white-menu .dropdown.open > .dropdown-menu{
  display:block !important;
}
/* na mobilnom ostavljamo “čip” stil i romb hover (ako želiš totalno bez romba, javi) */

.points-title {
  font-size: 2rem;
  color: #f63;
  position: relative;
  text-transform: uppercase;
}

.points-title::after {
  content: attr(data-ghost);
  position: absolute;
  left: 0;
  top: -20px;
  font-size: 3.5rem;
  color: rgba(246, 99, 0, 0.1);
  z-index: -1;
}

.points-underline {
  height: 3px;
  background: #f63;
  margin: 10px 0 20px;
  width: 100%;
}

.points-tabs {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}

.tab-link {
  padding: 10px 20px;
  border: none;
  background: #eee;
  cursor: pointer;
  border-radius: 5px;
  font-weight: bold;
}

.tab-link.active {
  background: #f63;
  color: #fff;
}

.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}

.points-table {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.points-row {
  display: flex;
  justify-content: space-between;
  padding: 15px;
  border-radius: 30px;
  color: #fff;
  background: linear-gradient(90deg, #f63, #001344);
  font-weight: bold;
}

.points-row .pos-num {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #fff;
  color: #001344;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  font-weight: bold;
}

.points-row .after {
  flex: 1;
  text-align: center;
}

/* GHOST naslov – stabilno rešenje */
.meecp .title{
  color:var(--meec-orange);
  position:relative;
  text-transform:uppercase;
  letter-spacing:.02em;
  margin:20px 0 8px;
  isolation:isolate; /* pravi stacking kontekst */
}
.meecp .title .ghost{
  position:absolute;
  left:0; top:-24px;
  font-size:clamp(40px,8vw,120px);
  line-height:1;
  opacity:.08;
  color:var(--meec-orange);
  pointer-events:none;
  user-select:none;
  z-index:-1;
}

/* Tanki okviri oko tabova */
.meecp .tabs{
  display:flex; gap:10px; flex-wrap:wrap; margin-bottom:16px;
  padding:8px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:12px;
}
.meecp .tab{
  appearance:none; border:1px solid rgba(0,0,0,.12);
  padding:10px 16px; border-radius:10px; background:#edf1f7;
  font-weight:700; cursor:pointer;
}
.meecp .tab.is-active{
  background:var(--meec-orange);
  border-color:var(--meec-orange);
  color:#fff;
}

/* === MENU: unifikovan paralelogram + beli tekst na hover/active === */
:root{
  --menu-clip: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);
}

/* Osiguraj da je <a> iznad svog ::before sloja */
.white-menu a,
.white-menu .menu-item > a,
.white-menu .dropdown > a{
  position: relative;
  z-index: 1;
}

/* Jedinstveni romb/paralelogram za SVE top-level linkove */
.white-menu a::before{
  content:"";
  position:absolute;
  top:0;
  left:-20px;
  right:-20px;
  height:var(--menu-h);
  background-color:var(--brand-orange);
  clip-path: var(--menu-clip);         /* <— isti oblik svuda */
  z-index:-1;
  opacity:0;
  transform:translateY(2px);
  transition:opacity .18s ease, transform .18s ease;
  pointer-events:none;
}

/* Tekst UVEK beo na hover/focus (prebija sve ranije deklaracije) */
.white-menu a:hover,N
.white-menu a:focus-visible,
.white-menu .menu-item:hover > a,
.white-menu .menu-item:focus-within > a{
  color:#fff !important;
}

/* Aktivni tab može biti na <a> ili na parent .menu-item */
.white-menu a.active,
.white-menu a[aria-current="page"],
.white-menu .menu-item.active > a{
  color:#fff !important;
}

/* Aktiviraj isti oblik i za hover i za active */
.white-menu a:hover::before,
.white-menu a:focus-visible::before,
.white-menu a.active::before,
.white-menu a[aria-current="page"]::before,
.white-menu .menu-item:hover > a::before,
.white-menu .menu-item:focus-within > a::before,
.white-menu .menu-item.active > a::before{
  opacity:1;
  transform:translateY(0);
  clip-path: var(--menu-clip);         /* <— identično kao hover */
}

/* (Opcionalno) Uskladi isti oblik i u dropdownu */
.white-menu .dropdown .dropdown-menu a::before{
  clip-path: var(--menu-clip);
}

/* === DROPDOWN MENI: bela pozadina + narandžasta slova + širi linkovi === */

/* Sam panel menija */
.white-menu .dropdown > .dropdown-menu {
  background: #fff !important;   /* bela pozadina */
  border: 1px solid #edf1f7;
  border-top: 0;
  border-radius: 0 0 12px 12px;
  box-shadow: 0 12px 24px rgba(0,0,0,.15);
  padding: 8px 0;
}

/* Linkovi unutra */
.white-menu .dropdown .dropdown-menu a {
  display: block;
  position: relative;
  padding: 10px 36px !important;   /* standardnih 16px + 20px sa svake strane */
  color: var(--brand-orange, #f63) !important;  /* narandžasta slova */
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  line-height: 1.35;
  background: transparent;
}

/* Hover efekat – narandžasti romb i beli tekst */
.white-menu .dropdown .dropdown-menu a::before {
  content:"";
  position:absolute;
  top:0;
  left:-20px;
  right:-20px;
  height:100%;
  background-color: var(--brand-orange, #f63);
  clip-path: var(--menu-clip);
  z-index:-1;
  opacity:0;
  transform:translateY(2px);
  transition:opacity .16s ease, transform .16s ease;
  pointer-events:none;
}

.white-menu .dropdown .dropdown-menu a:hover {
  color:#fff !important;
}
.white-menu .dropdown .dropdown-menu a:hover::before {
  opacity:1;
  transform:translateY(0);
}

/* ===== REQUIRED: zajednički polygon ===== */
:root{
  --menu-clip: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);
}

/* ===== DROPDOWN PANEL: bela pozadina ===== */
.white-menu .dropdown > .dropdown-menu{
  position:absolute;                /* ostaje izvan toka */
  top:100%;
  left:0;
  background:#fff !important;       /* bela, umesto plave */
  border:1px solid #edf1f7;
  border-top:0;
  border-radius:0 0 12px 12px;
  box-shadow:0 12px 24px rgba(0,0,0,.15);
  padding:8px 0;
  z-index:12050;                    /* iznad header slojeva */
}

/* ===== LINKOVI UNUTRA: narandžasta slova + +20px širine sa svake strane ===== */
.white-menu .dropdown .dropdown-menu a{
  display:block;
  position:relative;
  padding:10px 36px !important;     /* 16px + 20px levo/desno */
  color:var(--brand-orange,#f63) !important;
  font-weight:700;
  text-decoration:none;
  white-space:nowrap;
  line-height:1.35;
  background:transparent;
}

/* Hover efekat: narandžasti romb + beli tekst */
.white-menu .dropdown .dropdown-menu a::before{
  content:"";
  position:absolute;
  top:0;
  left:-20px;                       /* širi “polje” još 20px levo */
  right:-20px;                      /* i 20px desno */
  height:100%;
  background:var(--brand-orange,#f63);
  clip-path:var(--menu-clip);
  z-index:-1;
  opacity:0;
  transform:translateY(2px);
  transition:opacity .16s ease, transform .16s ease;
  pointer-events:none;
}
.white-menu .dropdown .dropdown-menu a:hover{
  color:#fff !important;
}
.white-menu .dropdown .dropdown-menu a:hover::before{
  opacity:1; transform:translateY(0);
}

/* ===== MOBILNI (burger otvoren): i dalje belo + narandžasta slova ===== */
.menu-wrapper.is-open .white-menu .dropdown > .dropdown-menu{
  position:static !important;       /* akordeon u listi */
  display:none !important;
  background:#fff !important;
  border:1px solid #edf1f7;
  border-radius:12px;
  box-shadow:none;
  padding:6px 0;
}
.menu-wrapper.is-open .white-menu .dropdown.open > .dropdown-menu{
  display:block !important;
}
.menu-wrapper.is-open .white-menu .dropdown .dropdown-menu a{
  color:var(--brand-orange,#f63) !important;
  padding:10px 36px !important;     /* zadržavamo +20px */
}
.menu-wrapper.is-open .white-menu .dropdown .dropdown-menu a::before{
  /* ostavi isti hover efekat i na mobilnom */
  left:-20px; right:-20px;
}

/* === SHARED SHAPE (ako već postoji, ok je redeklaracija) === */
:root{
  --menu-clip: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);
}

/* === FIX za slomljen selektor (uklanja onaj 'N') + beli tekst na hover top-level === */
.white-menu a:hover,
.white-menu a:focus-visible,
.white-menu .menu-item:hover > a,
.white-menu .menu-item:focus-within > a{
  color:#fff !important;
}

/* =========================
   1) STARO REŠENJE: .submenu
   ========================= */
.white-menu .menu-item.has-submenu > .submenu{
  background:#fff !important;                 /* bela umesto plave */
  border:1px solid #edf1f7;
  border-top:0;
  border-radius:0 0 12px 12px;
  box-shadow:0 12px 24px rgba(0,0,0,.15);
  padding:6px 0;
  min-width:220px;
  z-index:12050;
}

.white-menu .menu-item.has-submenu > .submenu a{
  position:relative;
  display:block;
  padding:10px 36px !important;               /* +20px levo/desno */
  color:var(--brand-orange,#f63) !important;  /* narandžasta slova */
  font-weight:800;
  line-height:1.35;
  text-decoration:none;
  white-space:nowrap;
  overflow:hidden;
}
.white-menu .menu-item.has-submenu > .submenu a::before{
  content:"";
  position:absolute;
  top:0; left:-20px; right:-20px; height:100%;
  background:var(--brand-orange,#f63);
  clip-path:var(--menu-clip);
  z-index:-1;
  opacity:0;
  transform:translateY(2px);
  transition:opacity .16s ease, transform .16s ease;
}
.white-menu .menu-item.has-submenu > .submenu a:hover{
  color:#fff !important;
}
.white-menu .menu-item.has-submenu > .submenu a:hover::before{
  opacity:1; transform:translateY(0);
}

/* Mobile (burger): .submenu kao akordeon, ali i dalje belo + padding + hover */
@media (max-width: 768px){
  .menu-wrapper.is-open .menu-item.has-submenu > .submenu{
    position:static; display:none !important;
    background:#fff !important; border:1px solid #edf1f7;
    border-radius:12px; box-shadow:none; padding:6px 0;
  }
  .menu-wrapper.is-open .menu-item.has-submenu.open > .submenu{
    display:block !important;
  }
  .menu-wrapper.is-open .menu-item.has-submenu > .submenu a{
    padding:10px 36px !important;
    color:var(--brand-orange,#f63) !important;
  }
  .menu-wrapper.is-open .menu-item.has-submenu > .submenu a::before{
    left:-20px; right:-20px;
  }
}

/* ==================================
   2) NOVO REŠENJE: .dropdown-menu
   (ako koristiš taj markup)
   ================================== */
.white-menu .dropdown > .dropdown-menu{
  background:#fff !important;
  border:1px solid #edf1f7;
  border-top:0;
  border-radius:0 0 12px 12px;
  box-shadow:0 12px 24px rgba(0,0,0,.15);
  padding:6px 0;
  min-width:220px;
  z-index:12050;
}

.white-menu .dropdown .dropdown-menu a,
.white-menu .menu-item.has-submenu > .submenu a{
  position:relative;
  display:block;
  padding:10px 46px !important;           /* 16px + 30px sa svake strane */
  color:var(--brand-orange,#f63) !important;
  font-weight:800;
  line-height:1.35 !important;
  text-decoration:none;
  white-space:nowrap;
  overflow:hidden;
}

/* === Romb isključivo UNUTAR linka === */
.white-menu .dropdown .dropdown-menu a::before,
.white-menu .menu-item.has-submenu > .submenu a::before{
  content:"";
  position:absolute;
  inset:0;                                 /* sada striktno unutar linka */
  background:var(--brand-orange,#f63);
  clip-path:var(--menu-clip);
  border-radius:8px;
  z-index:-1;
  opacity:0;
  transform:translateY(2px);
  transition:opacity .16s ease, transform .16s ease;
  pointer-events:none;
}

/* FOOTER LAYOUT FIX */
.site-footer .ft__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  position:relative;
}

/* brend levo i subscribe u sredini već postoje; FIM desno: */
.ft__fim{
  display:flex;
  align-items:center;
  height:40px;           /* prilagodi po ukusu (32–48px) */
  background:transparent;/* nema nikakve pozadine */
  border:0;
  text-decoration:none;
}
.ft__fim img{
  height:100%;
  width:auto;
  display:block;
  /* Negativ (beli) logo preko filtera – PNG ostaje 1:1 */
  filter: brightness(0) invert(1);
  opacity:0.9;
  transition: opacity .2s ease, transform .2s ease;
}
.ft__fim:hover{
  background:transparent; /* osiguraj da nema “fleke” na hoveru */
}
.ft__fim:hover img{
  opacity:1;
  transform: translateY(-1px);
}

/* Responsivnost: ako treba da stane ispod pretplate na užim ekranima */
@media (max-width: 768px){
  .site-footer .ft__top{
    flex-direction:column;
    align-items:flex-start;
    gap:16px;
  }
  .ft__fim{
    height:32px;
    order:3;            /* prebaci ispod subscribe, po želji */
  }
}

/* Hero deo na single stranici vesti */
.single-hero {
  padding: 40px 0 20px 0;
  background: #fff; /* ili kao na ostalim stranicama */
}

.single-hero .container {
  max-width: 1300px; /* kao na meec-points */
  margin: 0 auto;
  padding: 0 20px;
}

.single-title {
  font-size: 42px;
  font-weight: 800;
  color: var(--brand-orange, #f63);
  margin: 0;
  position: relative;
}

.single-title::before {
  content: attr(data-ghost);
  position: absolute;
  left: 0;
  top: -40px;
  font-size: 90px;
  font-weight: 900;
  opacity: 0.05;
  color: #001344;
  pointer-events: none;
}

.single-underline {
  width: 100%;
  height: 3px;
  background: #001344;
  margin-top: 12px;
}

.single-meta {
  margin-top: 10px;
  font-size: 15px;
  color: #666;
}

/* === Single News (isti stil i širina kao meec-points-2.php) === */
.single-container{
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 20px;
}

.single-hero{
  padding: 40px 0 20px 0;
  background: #fff; /* ili uskladi sa ostalim sekcijama ako treba */
}

.single-title{
  font-size: 42px;
  line-height: 1.1;
  font-weight: 800;
  color: var(--brand-orange, #f63);
  margin: 0;
  position: relative;
}

.single-title::before{
  content: attr(data-ghost);
  position: absolute;
  left: 0;
  top: -40px;
  font-size: 90px;
  font-weight: 900;
  opacity: 0.06;
  color: #001344;
  letter-spacing: .02em;
  pointer-events: none;
  user-select: none;
}

.single-underline{
  width: 100%;
  height: 3px;
  background: #fff;                 /* tanka bela linija kao na ostalim stranicama… */
  box-shadow: inset 0 0 0 9999px #fff; /* …ako treba baš "puna" bela */
  border-bottom: 3px solid #fff;    /* fallback za starije */
  margin-top: 12px;
}

/* Ako ti underline na drugim stranicama nije bela, već #001344 — promeni ovde: */
/* .single-underline{ background:#001344; border-bottom-color:#001344; } */

.single-meta{
  margin-top: 10px;
  font-size: 15px;
  color: #666;
}

/* Telo teksta da bude "udobno" za čitanje */
.news-body{
  padding: 30px 0 60px 0;
  background: #fff;
}

.single-prose{
  font-size: 18px;
  line-height: 1.7;
  color: #101828;
}

.single-prose p{ margin: 0 0 16px 0; }
.single-prose h2{ font-size: 28px; margin: 28px 0 12px; }
.single-prose h3{ font-size: 22px; margin: 22px 0 10px; }
.single-prose img{ max-width: 100%; height: auto; border-radius: 10px; }


/* Osnova */
.menu-wrapper { position: relative; display:flex; align-items:center; gap:16px; }
.white-menu { display:flex; gap:20px; align-items:center; }

/* Hamburger dugme */
.hamburger {
  display:none; /* desktop default */
  width:42px; height:42px; border:1px solid #d0d7e2; border-radius:10px;
  background:#fff; padding:8px; cursor:pointer;
}
.hamburger span {
  display:block; height:2px; background:#001344; margin:6px 0; transition:transform .2s, opacity .2s;
}

/* Mobilni raspored */
@media (max-width: 960px) {
  .hamburger { display:block; }
  .white-menu {
    position:absolute; top:100%; left:0; right:0;
    background:#fff; border:1px solid #e6eef6; border-radius:12px;
    box-shadow:0 10px 24px rgba(0,0,0,.08);
    display:none; flex-direction:column; gap:0; padding:8px; z-index:50;
  }
  .menu-wrapper.is-open .white-menu { display:flex; }

  .white-menu > a,
  .white-menu .menu-item > .parent-link {
    display:flex; align-items:center; justify-content:space-between;
    padding:12px 14px; border-radius:8px; text-decoration:none; color:#001344;
  }
  .white-menu > a:hover,
  .white-menu .menu-item > .parent-link:hover { background:#f8fafc; }

  /* Podmeni u mobilnom: isprva skriven, otvara se klasom .open na .menu-item */
  .menu-item.has-submenu { position:relative; }
  .menu-item .submenu-toggle {
    background:transparent; border:0; width:32px; height:32px; cursor:pointer;
  }
  .menu-item .submenu {
    display:none; flex-direction:column; gap:0; padding:6px 6px 8px 24px;
  }
  .menu-item.open .submenu { display:flex; }
  .menu-item .submenu a { padding:10px 10px; border-radius:8px; color:#001344; text-decoration:none; }
  .menu-item .submenu a:hover { background:#f3f4f6; }
}

/* Desktop podmeni (ako želiš da ostane hover na širini ekrana) */
@media (min-width: 961px) {
  .menu-item.has-submenu { position:relative; }
  .menu-item .submenu-toggle { display:none; } /* na desktopu ne treba dugme */
  .menu-item .submenu {
    position:absolute; top:100%; left:0;
    display:none; background:#fff; border:1px solid #e6eef6; border-radius:12px;
    box-shadow:0 10px 24px rgba(0,0,0,.08); padding:8px; min-width:220px;
  }
  .menu-item:hover .submenu { display:block; }
  .menu-item .submenu a { display:block; padding:10px 12px; border-radius:8px; color:#001344; text-decoration:none; }
  .menu-item .submenu a:hover { background:#f3f4f6; }
}

/* ——— LANG DROPDOWN IZNAD SVEGA ——— */
.site-header { position: relative; overflow: visible; }          /* ne klipuj */
.top-bar     { position: relative; z-index: 60; }                /* iznad belog menija */
.menu-wrapper{ position: relative; z-index: 10; }                /* ispod top-bara */

.lang{
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  z-index: 9999;                                                /* key */
}

.lang-toggle{
  background: none; border: 0; cursor: pointer; line-height: 0;
}

.lang-menu{
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  display: none;
  min-width: 170px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 10px 20px rgba(0,0,0,.12);
  z-index: 10000;                                               /* iznad svega */
}

.lang.open .lang-menu{ display:block; }

.lang-item{
  display:flex; align-items:center; gap:8px;
  width:100%; padding:8px 12px; background:none; border:0; cursor:pointer;
}
.lang-item:hover{ background:#f6f7f9; }

.lang-menu {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  display: none;
  min-width: 170px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 10px 20px rgba(0,0,0,.12);
  z-index: 10000;
  color: #111;          /* <<<<< OVDE boja teksta */
}

.lang-item {
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  padding:8px 12px;
  background:none;
  border:0;
  cursor:pointer;
  color:#111;           /* <<<<< i ovde ako treba da preglasa roditelja */
}

.lang-item:hover {
  background:#f6f7f9;
}

/* ==== MOBILE REFINEMENTS (≤768px) — clean hamburger, no romb, pretty submenus ==== */
@media (max-width: 768px){

  /* Panel: čist, listasti meni */
  .menu-wrapper{
    height: var(--menu-h);
    padding: 0 12px;
    display:flex; align-items:center; justify-content:flex-end;
    position: relative;
  }

  .white-menu{
    position: absolute;
    top: 100%; left: 0; right: 0;
    display: none;
    flex-direction: column;
    gap: 0;
    background: #fff;
    border-top: 1px solid rgba(0,0,0,.06);
    box-shadow: 0 12px 24px rgba(0,0,0,.12);
    padding: 8px 12px 14px;
    max-height: calc(100dvh - var(--menu-h) - 10px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 2001;
  }
  .menu-wrapper.is-open .white-menu{ display:flex; }

  /* Linkovi: veći “tap targets”, bez narandžastog romba */
  .white-menu a{
    height: 48px; line-height: 48px; font-size: 1rem;
    color: #001344 !important; font-weight: 800;
    padding: 0 4px;
    border-radius: 10px;
  }
  .white-menu a::before{ display: none !important; }   /* uklanja romb na mobilnom */
  .white-menu a:hover{ color: #001344 !important; }    /* bez prebojavanja teksta */

  /* Separatori za čitljivost */
  .white-menu .menu-item{
    border-bottom: 1px solid #edf1f7;
  }
  .white-menu .menu-item:last-child{ border-bottom: 0; }

  /* ABOUT kao akordeon */
  .white-menu .dropdown{
    position: static; display: block;
  }
  .white-menu .dropdown > a{
    display: flex; align-items: center; justify-content: space-between;
    gap: 10px;
  }
  .white-menu .dropdown > .chev{
    width: 20px; height: 20px; flex: 0 0 20px;
    display: inline-block; border: 0; background: transparent; color:#001344;
    position: relative;
  }
  .white-menu .dropdown > .chev::before{
    content:""; position:absolute; inset:0; margin:auto;
    width: 10px; height: 10px;
    border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
    transform: rotate(45deg); opacity: .9;
  }

  /* Panel podmenija = statičan blok u listi */
  .white-menu .dropdown > .dropdown-menu{
    position: static !important;
    display: none !important;
    background: #fff !important;
    border: 1px solid #edf1f7;
    border-radius: 10px;
    box-shadow: none;
    padding: 6px;
    margin: 6px 0 10px;
  }
  .white-menu .dropdown.open > .dropdown-menu{ display: block !important; }

  .white-menu .dropdown .dropdown-menu a{
    height: auto; line-height: 1.35; padding: 10px 12px !important;
    color: #001344 !important; border-radius: 8px;
  }
  .white-menu .dropdown .dropdown-menu a:hover{
    background: #f6f8fc;
  }

  /* === Jezički dropdown na dnu hamburgera === */
  .mobile-lang{
    margin-top: 8px; padding-top: 8px; border-top: 1px solid #edf1f7;
  }
  .mobile-lang__toggle{
    width: 100%; height: 48px;
    display:flex; align-items:center; justify-content:space-between;
    gap:10px; background:#fff; border:0; padding:0 4px; font-weight:800; color:#001344;
  }
  .mobile-lang__toggle .lbl{ display:flex; align-items:center; gap:10px; }
  .mobile-lang__toggle img{ width:22px; height:22px; border-radius:50%; display:block; }

  .mobile-lang__toggle .chev{
    width:18px; height:18px; position:relative; color:#001344;
  }
  .mobile-lang__toggle .chev::before{
    content:""; position:absolute; inset:0; margin:auto;
    width: 10px; height: 10px;
    border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
    transform: rotate(45deg); opacity:.9;
  }

  .mobile-lang__menu{
    display:none; flex-direction:column; gap:4px;
    background:#fff; border:1px solid #edf1f7; border-radius:10px;
    padding:6px; margin:6px 0 4px;
  }
  .mobile-lang.open .mobile-lang__menu{ display:flex; }

  .mobile-lang__item{
    display:flex; align-items:center; gap:10px;
    height:44px; padding:0 10px; border-radius:8px; background:transparent; border:0; color:#001344; text-align:left; font-weight:700;
  }
  .mobile-lang__item:hover{ background:#f6f8fc; }
  .mobile-lang__item img{ width:22px; height:22px; border-radius:50%; display:block; }
}

/* ==== HAMBURGER: mobilni fix (≤768px) — bez romba, lep dropdown u panelu ==== */
@media (max-width: 768px){

  /* Panel hamburgera */
  .menu-wrapper{ position: relative; }
  .white-menu{
    position: absolute;
    top: 100%; left: 0; right: 0;
    display: none;
    flex-direction: column;
    background: #fff;
    padding: 8px 12px 14px;
    border-top: 1px solid rgba(0,0,0,.06);
    box-shadow: 0 12px 24px rgba(0,0,0,.12);
    max-height: calc(100dvh - var(--menu-h, 50px) - 12px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 2001;
  }
  .menu-wrapper.is-open .white-menu{ display: flex; }

  /* Linkovi kao lista — BEZ NARANDŽASTOG ROMBA */
  .white-menu a{
    height: 48px; line-height: 48px;
    font-size: 1rem; font-weight: 800;
    color: #001344 !important;
    padding: 0 4px;
    border-radius: 10px;
  }
  /* romb/diamond se obično crta preko ::before — ugasi ga na mobilnom */
  .white-menu a::before{ display: none !important; content: none !important; }

  /* Linijski separatori za čitljivost */
  .white-menu .menu-item{
    border-bottom: 1px solid #edf1f7;
  }
  .white-menu .menu-item:last-child{ border-bottom: 0; }

  /* === Dropdown (ABOUT) kao akordeon u hamburgeru === */
  .white-menu .dropdown{ position: static; }
  /* link + eventualna strelica u istom redu */
  .white-menu .dropdown > a{
    display: flex; align-items: center; justify-content: space-between;
    gap: 10px;
  }

  /* klasičan flyout ugasiti u hamburgeru: pretvori u blok ispod */
  .white-menu .dropdown > .dropdown-menu{
    position: static !important;
    display: none !important;
    background: #fff !important;
    border: 1px solid #edf1f7;
    border-radius: 10px;
    box-shadow: none;
    padding: 6px;
    margin: 6px 0 10px;
  }
  .white-menu .dropdown.open > .dropdown-menu{ display: block !important; }

  .white-menu .dropdown .dropdown-menu a{
    height: auto; line-height: 1.35;
    padding: 10px 12px !important;
    color: #001344 !important;
    border-radius: 8px;
  }
  .white-menu .dropdown .dropdown-menu a:hover{
    background: #f6f8fc;
  }
}

/* ==== MOBILE HAMBURGER SAFETY PATCH (≤768px) ==== */
@media (max-width: 768px){
  .menu-wrapper{ position: relative; }
  .hamburger{
    position: relative; z-index: 3000; /* iznad svega da klik prođe */
    touch-action: manipulation; -webkit-tap-highlight-color: transparent;
  }
  /* panel */
  .white-menu{
    position: absolute; top: 100%; left: 0; right: 0;
    display: none; pointer-events: auto;
    background: #fff; padding: 8px 12px 14px;
    border-top: 1px solid rgba(0,0,0,.06);
    box-shadow: 0 12px 24px rgba(0,0,0,.12);
    max-height: calc(100dvh - var(--menu-h, 50px) - 12px);
    overflow: auto; -webkit-overflow-scrolling: touch;
    z-index: 2001;
  }
  .menu-wrapper.is-open .white-menu{ display: flex; flex-direction: column; }

  /* (ostaje tvoj prethodni stil bez narandžastog romba i lep dropdown) */
  .white-menu a::before{ display:none !important; content:none !important; }
  .white-menu .dropdown{ position: static; }
  .white-menu .dropdown > .dropdown-menu{
    position: static !important; display:none !important;
    background:#fff !important; border:1px solid #edf1f7; border-radius:10px;
    padding:6px; margin:6px 0 10px; box-shadow:none;
  }
  .white-menu .dropdown.open > .dropdown-menu{ display:block !important; }
}

/* Zaključavanje skrola kada je meni otvoren (opciono) */
body.menu-open{ overflow: hidden; }

/* ==== ACTIVE / SELECTED ITEM u HAMBURGERU ==== */
@media (max-width: 768px){
  /* aktivna stavka */
  .white-menu a.active,
  .white-menu .menu-item.active > a {
    color: #f63 !important;
  }
  /* hover da ostane dosledan */
  .white-menu a:hover {
    color: #f63 !important;
  }
}

/* ==== Ghost naslovi: transparentnost i slojevi ==== */


/* ===== FOOTER layout ===== */
.site-footer{ background:#0b1330; color:#fff; }
.site-footer .footer__inner{
  max-width: 1300px; margin: 0 auto; padding: 20px;
  display: grid; gap: 16px; grid-template-columns: 1fr auto auto; align-items: center;
}
.footer__copy{ opacity:.8; font-size:.95rem; }

/* Društvene mreže — vidljive, tap-friendly */
.footer-social{ display:flex; align-items:center; gap:14px; }
.footer-social .social-link{
  display:inline-flex; width:36px; height:36px; align-items:center; justify-content:center;
  border-radius:8px; background:transparent;
}
.footer-social .social-link:hover{ background:rgba(255,255,255,.08); }
.footer-social img{
  display:block; width:22px; height:22px;
  /* Ako SVG-ovi deluju "crni" na tamnoj pozadini, uključi ovo: */
  /* filter: brightness(0) invert(1); */
}

/* MOBILNI language switcher (zastavice kao u headeru) */
.lang-mobile{ display:none; align-items:center; gap:8px; justify-self:end; }
.lang-mobile .lang-btn-m{
  background:transparent; border:0; padding:4px; border-radius:8px; cursor:pointer;
}
.lang-mobile .lang-btn-m:hover{ background:rgba(255,255,255,.08); }
.lang-mobile img{ display:block; width:24px; height:24px; border-radius:50%; }

/* Vidljiv samo na telefonu */
@media (max-width: 768px){
  .site-footer .footer__inner{ grid-template-columns: 1fr 1fr; }
  .footer__brand{ grid-column: 1 / 2; }
  .footer-social{ grid-column: 1 / 2; }
  .lang-mobile{ display:flex; grid-column: 2 / 3; } /* ← samo mobilni */
}

/* Desktop sakriva mobilni switcher da ne duplira header varijantu */
@media (min-width: 769px){
  .lang-mobile{ display:none; }
}
/* --- Društvene ikone (bez uticaja na desktop layout) --- */
.footer-social .social-link{
  display:inline-flex; width:36px; height:36px;
  align-items:center; justify-content:center;
  border-radius:8px; background:transparent;
}
.footer-social .social-link:hover{ background:rgba(255,255,255,.08); }
.footer-social img{
  display:block; width:22px; height:22px;
  /* Ako su SVG crni, otkomentariši sledeće: */
  /* filter: brightness(0) invert(1); */
}

/* --- Mobilni language switcher: vidljiv SAMO na telefonu --- */
.lang-mobile{ display:none; gap:8px; justify-self:end; }
.lang-mobile .lang-btn-m{
  background:transparent; border:0; padding:4px; border-radius:8px; cursor:pointer;
}
.lang-mobile .lang-btn-m:hover{ background:rgba(255,255,255,.08); }
.lang-mobile img{ display:block; width:24px; height:24px; border-radius:50%; }

/* Samo mobilni prikaz */
@media (max-width: 768px){
  .lang-mobile{ display:flex; }
  /* Ako koristiš grid u footeru i želiš da se lang prebaci desno na mobilu: */
  .site-footer .footer__inner{
    /* ne diramo desktop; ovo važi samo na mobilu */
    grid-template-columns: 1fr 1fr;
  }
  .lang-mobile{ grid-column: 2 / 3; }
}

/* Desktop ga krije (da ne duplira header switcher) */
@media (min-width: 769px){
  .lang-mobile{ display:none; }
}

.lang-mobile{ display:none; gap:8px; justify-self:end; }
.lang-mobile .lang-btn-m{
  background:transparent; border:0; padding:4px; border-radius:8px; cursor:pointer;
}
.lang-mobile .lang-btn-m:hover{ background:rgba(255,255,255,.08); }
.lang-mobile img{ display:block; width:24px; height:24px; border-radius:50%; } /* circle flags ionako okrugle */

@media (max-width: 768px){
  .lang-mobile{ display:flex; }
}

/* === Ghost layering + prozirnost === */
/* === Ghost layering + prozirnost (global) === */
:root{
  --ghost-alpha: 0.45; /* 45% vidljivost ghost teksta */
}

.cal26__title,
.points-title,
.single-title,
.ln__title{ position: relative; }

.cal26__title::after,
.points-title::after,
.single-title::before,
.ln__title[data-ghost]::after{
  z-index: 0;
  text-shadow: none !important; /* gasi shadow-painting */
  color: rgba(255, 102, 51, var(--ghost-alpha)) !important; /* narandžasta sa 45% */
  -webkit-text-fill-color: rgba(255, 102, 51, var(--ghost-alpha)) !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

.cal26__title > *,
.points-title > *,
.single-title > *,
.ln__title > *{
  position: relative;
  z-index: 1; /* naslov iznad ghosta */
}


/* ==== LN ghost: isključi shadow-painting i koristi pravu poluprovidnu boju ==== */
/* ciljamo baš taj blok i gasimo "narandžasto" crtanje preko text-shadow-a */
.ln__title.expl__title[data-ghost]::after{
  /* NE DIRAMO: content, position, top/left, transform, font-size, itd. */
  text-shadow: none !important;                /* ← ključ: ukini shadow-painting */
  color: rgba(255, 102, 51, 0.20) !important;  /* ~10% vidljivosti narandžaste */
  -webkit-text-fill-color: rgba(255, 102, 51, 0.20) !important; /* WebKit sigurnost */
  opacity: 1 !important;                       /* koristimo RGBA, ne opacity */
  mix-blend-mode: normal !important;
}
/* ==== Ghost za Calendar title (bela varijanta) ==== */
.cal26__title[data-ghost]::after {
  text-shadow: none !important; /* ukini shadow painting */
  color: rgba(255, 255, 255, 0.08) !important; /* bela, 45% vidljivost */
  -webkit-text-fill-color: rgba(255, 255, 255, 0.08) !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}