:root{
  --ultra-white:#ffffff;
  --ultra-dark:#0b1e2c;
  --ultra-accent:#027b87;
  --topbar-height:40px;
  --nav-padding:28px;
  --container-width:1400px;
  --nav-transition: 180ms;
}

/* ========== GLOBAL CONTAINER ========== */
.frigultra-container{max-width:var(--container-width);margin:0 auto;padding:0 28px}

/* ============================================================
   TOPBAR  (MEVCUT KORUNDU)
============================================================ */
.frigultra-topbar{
  position:fixed;
  top:0; left:0; right:0;
  height:var(--topbar-height);
  z-index:200; /* keep below sticky nav (sticky nav gets higher z-index) */
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(90deg,var(--frigultra-gradient-from,#147ab8),var(--frigultra-gradient-to,#033450));
  color:#fff;font-weight:600;
}

/* TOPBAR GRID */
.frigultra-topbar__inner{
  width:100%;max-width:var(--container-width);display:flex;align-items:center;justify-content:space-between;padding:0 24px;
}
.frigultra-topbar__left a{color:#fff;font-size:13px;text-decoration:none;font-weight:700}

/* Center marquee: transform-based animation (reliable) */
.frigultra-topbar__marquee{flex:1;margin:0 20px;white-space:nowrap;overflow:hidden;position:relative;color:#fff;font-weight:700;font-size:13px}
.frigultra-topbar__marquee span{display:inline-block;transform:translateX(100%);will-change:transform;padding-right:40px;animation:frigultra-marquee 16s linear infinite}
.frigultra-topbar__marquee:hover span{animation-play-state:paused}
@keyframes frigultra-marquee{from{transform:translateX(100%)}to{transform:translateX(-100%)}}

/* Right: km/mile + lang */
.frigultra-topbar__right{display:flex;align-items:center;gap:14px}
.frigultra-topbar__right button{background:transparent;border:0;color:#fff;font-size:13px;cursor:pointer;font-weight:700}

/* ============================================================
   NAVBAR (transparent over hero)
   - default: at-top (hero üzerinde) -> transparent
   - scroll sonrası -> .is-sticky (fixed, white bg)
   - at-top + hover -> navbar beyaz, yazılar siyah
   - sticky durumunda hover'da ekstra değişiklik yok
============================================================ */
.frigultra-nav{
  position:absolute;
  top:var(--topbar-height);
  left:0;right:0;
  width:100%;
  z-index:200;
  padding:var(--nav-padding) 0;
  background:transparent;
  transition: background var(--nav-transition) ease, box-shadow var(--nav-transition) ease, padding .2s ease;
  overflow:visible;
}

/* Classlar JS tarafında yönetilecek:
   - .at-top : sayfa en üstte (hero üzerinde)
   - .is-sticky : scroll sonrası sabitlenmiş nav
   - .submenu-open : alt menü açıkken eklenir (hover show durumlarını garanti etmek için)
*/
.frigultra-nav.at-top { background: transparent; box-shadow: none; }
.frigultra-nav.is-sticky {
  position: fixed;
  top: 0;
  background: var(--ultra-white);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  padding: 14px 0;
  z-index: 9999;
}

/* NAV INNER */
.frigultra-nav__container{display:flex;align-items:center;justify-content:space-between;overflow:visible}

/* LOGO */
.frigultra-logo__img img{height:58px;transition:all .3s ease}
.frigultra-nav.is-sticky .frigultra-logo__img img{height:48px}

/* MENU */
.frigultra-menu{display:flex;list-style:none;gap:48px;margin:0;padding:0;align-items:center}
.frigultra-menu__item{list-style:none;position:relative}

/* button style */
.frigultra-menu__button{
  background:transparent;border:0;font-size:18px;font-weight:800;letter-spacing:0.5px;cursor:pointer;
  color:#fff;padding:4px;position:relative;transition:color var(--nav-transition) ease;
  white-space:nowrap;
}

/* Sticky nav text color */
.frigultra-nav.is-sticky .frigultra-menu__button{ color:var(--ultra-dark); }
.frigultra-nav.is-sticky .frigultra-menu__button:hover{ color:var(--ultra-dark) !important; }

/* at-top hover: only when at-top and NOT sticky -> navbar becomes white and texts dark */
.frigultra-nav.at-top:hover:not(.is-sticky){
  background-color: var(--ultra-white);
  box-shadow: 0 6px 20px rgba(0,0,0,0.06);
}
.frigultra-nav.at-top:hover:not(.is-sticky) .frigultra-menu__button{
  color: var(--ultra-dark) !important;
}

/* underline effect */
.frigultra-menu__button::after{content:"";position:absolute;left:0;right:0;width:0;height:3px;background:var(--ultra-accent);bottom:-6px;margin:auto;transition:width .25s}
.frigultra-menu__button:hover::after{width:100%}

/* -----------------------------------------------------------
   SIMPLE DROPDOWN (NO MEGA)
   - alt menüler klasik olarak li:hover ile açılır (desktop)
   - hero üzerindeyken alt menü beyaz+black text (because nav at-top:hover turns white)
   - hero üstündeyken default alt menü görünümü ise koyu yarı şeffaf (okunurluk için)
----------------------------------------------------------- */

/* base dropdown positioning & hidden */
.frigultra-menu .sub-menu,
.frigultra-menu .children {
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(-6px);
  top: calc(100% + 8px);
  min-width: 220px;
  max-width: 360px;
  border-radius: 10px;
  padding: 6px 8px;
  box-shadow: 0 12px 28px rgba(0,0,0,0.12);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease, visibility .18s;
  z-index: 2500;
  background: rgba(0,0,0,0.36); /* default (hero üzerinde okunurluk) */
}

/* default alt menü item stili (hero üzeri için beyaz) */
.frigultra-menu .sub-menu li a,
.frigultra-menu .children li a {
  color: #fff !important;
  padding: 8px 10px;
  display:block;
  text-decoration:none;
  font-weight:600;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* show on parent hover (desktop) */
.frigultra-menu__item:hover > .sub-menu,
.frigultra-menu__item:hover > .children {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
  pointer-events: auto;
}

/* If user hovers nav at-top (so nav becomes white), alt menü should be white with dark text */
.frigultra-nav.at-top:hover:not(.is-sticky) .sub-menu,
.frigultra-nav.at-top:hover:not(.is-sticky) .children {
  background: var(--ultra-white);
}
.frigultra-nav.at-top:hover:not(.is-sticky) .sub-menu li a,
.frigultra-nav.at-top:hover:not(.is-sticky) .children li a {
  color: var(--ultra-dark) !important;
}

/* Sticky state: alt menü zaten beyaz & koyu metin */
.frigultra-nav.is-sticky .sub-menu,
.frigultra-nav.is-sticky .children {
  background: var(--ultra-white);
}
.frigultra-nav.is-sticky .sub-menu li a,
.frigultra-nav.is-sticky .children li a {
  color: var(--ultra-dark) !important;
}

/* small triangle/top caret - adapt color depending on state */
.frigultra-menu .sub-menu::before,
.frigultra-menu .children::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 12px;
  height: 12px;
  background: rgba(0,0,0,0.36);
  z-index: 10;
}
.frigultra-nav.at-top:hover:not(.is-sticky) .sub-menu::before,
.frigultra-nav.at-top:hover:not(.is-sticky) .children::before {
  background: var(--ultra-white);
}

/* SPONSOR ROTATION unchanged */
.frigultra-sponsor-rotator{width:150px;height:46px;display:flex;align-items:center;justify-content:center;position:relative}
.frigultra-sponsor-rotator img{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;max-height:46px;max-width:150px;object-fit:contain;opacity:0;transition:opacity .5s ease}
.frigultra-sponsor-rotator img.active{opacity:1}

/* small screens */
@media(max-width:959px){
  .frigultra-menu{display:none}
  .frigultra-event-date{display:none}
  .frigultra-cta{display:none}
  .frigultra-topbar__right{display:none}
  .frigultra-nav{top:var(--topbar-height);position:relative}
  .frigultra-nav.is-sticky{position:fixed;top:0}
}

/* accessibility focus (keyboard) */
.frigultra-menu__button:focus + .sub-menu,
.frigultra-menu__button:focus + .children {
  opacity:1; visibility:visible; pointer-events:auto; transform:translateX(-50%) translateY(0);
}

/* utilities */
.hidden-visually{position:absolute !important;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}

/* ensure nav hover rules do not visually conflict while submenus are open */
.frigultra-nav.submenu-open { background: transparent !important; }
.frigultra-nav.submenu-open .frigultra-menu__button { color: #fff !important; }

/* final visual tweaks */
.frigultra-menu__item:hover > .frigultra-menu__button { color: #24323A !important; }
.frigultra-menu__button::after { height: 2px; background-color: #24323A; transition: width 0.25s ease; }
.frigultra-menu__item:hover > .frigultra-menu__button::after { width: 100%; }

/* make sure dropdown appears above hero elements */
.sub-menu, .children { z-index: 3000; }

/* ============================================================
   FRIGULTRA DROPDOWN FINAL FIXES (v18.11)
   - Hover sırasında nav şeffaflaşmasını engeller
   - Sub menu bulletlarını kaldırır
   - Sub menu içindeki boş yuvarlak ikonları yok eder
   - Hover sırasında nav + submenu stabil beyaz görünür
============================================================ */

/* 1) Menü hover'da arka plan tekrar şeffaf olmasın */
.frigultra-nav.at-top.submenu-open {
    background: var(--ultra-white) !important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.06) !important;
}

/* Menü hover durumunda text daima siyah */
.frigultra-nav.at-top.submenu-open .frigultra-menu__button {
    color: var(--ultra-dark) !important;
}

/* Alt menü açıkken nav kesinlikle beyaz kalacak */
.frigultra-nav.at-top.submenu-open {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* 2) Sub menu bulletlarını kaldır */
.frigultra-menu .sub-menu,
.frigultra-menu .sub-menu li,
.frigultra-menu .children,
.frigultra-menu .children li {
    list-style: none !important;
}

/* 3) Sub menu içindeki gri yuvarlak ikonları kaldırır */
.frigultra-menu .sub-menu li::before,
.frigultra-menu .children li::before {
    display: none !important;
    content: none !important;
}

/* 4) Sub menu padding ve hizalama düzeni */
.frigultra-menu .sub-menu li a {
    font-size: 18px;
    font-weight: 800;
    padding: 12px 18px;
}

/* 5) Hover sırasında sub menü beyaz/siyah olarak kilitlenir */
.frigultra-menu .sub-menu,
.frigultra-menu .children {
    background: var(--ultra-white) !important;
}

.frigultra-menu .sub-menu li a,
.frigultra-menu .children li a {
    color: var(--ultra-dark) !important;
}

/* 6) Sub menu shadow fix */
.frigultra-menu .sub-menu,
.frigultra-menu .children {
    box-shadow: 0 12px 32px rgba(0,0,0,0.10) !important;
}

/* 7) Üstteki küçük üçgen beyaz kalsın */
.frigultra-menu .sub-menu::before,
.frigultra-menu .children::before {
    background: var(--ultra-white) !important;
}
/* ============================================================
   Dropdown Typography Optimization — v18.11 Final
============================================================ */

/* General dropdown container font tweaks */
.frigultra-menu .sub-menu li a,
.frigultra-menu .children li a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;   /* Önceki 18px idi → daha şık oldu */
    font-weight: 600 !important;  /* UTMB stiline yakın */
    line-height: 1.35 !important;
    padding: 10px 18px !important;
    letter-spacing: 0.3px;
}

/* Başlıkların (YARIŞLAR, KOŞUCULAR) alt çizgisi ile uyumlu hale getirme */
.frigultra-menu__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 0.4px;
}

/* Dropdown kutusu daha kompakt ve modern görünsün */
.frigultra-menu .sub-menu,
.frigultra-menu .children {
    padding: 18px 0 !important;
    border-radius: 18px !important;
    --shadow: 0 12px 28px rgba(0,0,0,0.12);
    box-shadow: var(--shadow) !important;
}

/* Mobilde font çok büyük görünmesin */
@media(max-width: 767px){
    .frigultra-menu .sub-menu li a {
        font-size: 15px !important;
        padding: 10px 14px !important;
    }
}
/* ============================================================
   MAIN MENU TYPOGRAPHY FIX — Softer Montserrat (v18.11)
============================================================ */

/* Ana menü (YARIŞLAR / KOŞUCULAR / KEŞFET / PAYDAŞLAR / MEDYA) */
.frigultra-menu__button {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;     /* 800 → 600 ile modern ve premium */
    font-size: 17px !important;      /* 18px → 17px daha rafine */
    letter-spacing: 0.25px !important;
}

/* Hover’da da yumuşak kalsın */
.frigultra-menu__item:hover > .frigultra-menu__button {
    color: var(--ultra-dark) !important;
    font-weight: 600 !important;
}

/* Sticky modda aynı ayar geçerli */
.frigultra-nav.is-sticky .frigultra-menu__button {
    font-weight: 600 !important;
}