﻿/* Desktop theme baseline. Explicit panel typography has greater specificity. */

html[data-odyo-header-baseline] :where(#IMenuB,#IMenuK)>li>a>:is(h2,:where(.odyo-menu-h2)){font-weight:400!important}



/* The all-category list floats below its own trigger, without moving the page. */

html[data-odyo-header-baseline][data-odyo-desktop] body :is(:is(#divAltAcilir,[id$="_divAltAcilir"]),:is(#divAltAcilirK,[id$="_divAltAcilirK"])){

 position:absolute!important;margin:0!important;float:none!important;

 width:var(--odyo-header-category-width,225px)!important;min-width:0!important;

 max-width:calc(100vw - 16px)!important;max-height:var(--odyo-header-category-height,70vh)!important;

 overflow-x:hidden!important;overflow-y:auto!important;box-sizing:border-box;z-index:10030!important;

}

html[data-odyo-header-baseline][data-odyo-desktop] body :is(:is(#divAltAcilir,[id$="_divAltAcilir"]),:is(#divAltAcilirK,[id$="_divAltAcilirK"])) :is(.boxes,.kategorilerkats,.tummenu,.tummenu>ul){

 width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;box-sizing:border-box;

}

html[data-odyo-header-baseline][data-odyo-desktop] body :is(:is(#divAltAcilir,[id$="_divAltAcilir"]),:is(#divAltAcilirK,[id$="_divAltAcilirK"])) .tummenu li{width:100%!important;float:none!important;box-sizing:border-box}

html[data-odyo-header-baseline][data-odyo-desktop] body :is(:is(#divAltAcilir,[id$="_divAltAcilir"]),:is(#divAltAcilirK,[id$="_divAltAcilirK"])) .tummenu li>a{white-space:normal;overflow-wrap:anywhere;box-sizing:border-box}

/* Subcategories remain inside the same dropdown, including third levels. */

html[data-odyo-header-baseline][data-odyo-desktop] body :is(:is(#divAltAcilir,[id$="_divAltAcilir"]),:is(#divAltAcilirK,[id$="_divAltAcilirK"])) .odyo-category-flyouts li>ul.odyo-category-flyout{

 position:static!important;inset:auto!important;transform:none!important;

 width:100%!important;min-width:0!important;max-width:100%!important;max-height:none!important;

 margin:0!important;padding:0 0 0 12px!important;overflow:visible!important;

 box-shadow:none!important;border:0!important;border-left:1px solid #e5e7eb!important;

 box-sizing:border-box;display:none!important;

}

html[data-odyo-header-baseline][data-odyo-desktop] body :is(:is(#divAltAcilir,[id$="_divAltAcilir"]),:is(#divAltAcilirK,[id$="_divAltAcilirK"])) .odyo-category-flyouts li>ul.odyo-flyout-open{display:block!important}

html[data-odyo-header-baseline][data-odyo-desktop] body :is(:is(#divAltAcilir,[id$="_divAltAcilir"]),:is(#divAltAcilirK,[id$="_divAltAcilirK"])) .odyo-category-flyouts li>ul[hidden]{display:none!important}



/* Preserve the theme's original icon. Its amount follows the actual icon box. */

html:is([data-odyo-header-baseline="dress"],[data-odyo-header-baseline="simple"],[data-odyo-header-baseline="slim"],[data-odyo-header-baseline="smooth"]) #sepet{position:relative}

html:is([data-odyo-header-baseline="dress"],[data-odyo-header-baseline="simple"],[data-odyo-header-baseline="slim"],[data-odyo-header-baseline="smooth"]) #sepet>.toplamcss{

 position:absolute!important;float:none!important;right:auto!important;

 left:var(--odyo-header-cart-left,50%)!important;top:var(--odyo-header-cart-top,34px)!important;

 transform:translateX(-50%)!important;width:max-content!important;max-width:140px!important;

 margin:0!important;padding:0!important;text-align:center!important;white-space:nowrap!important;

}

html:is([data-odyo-header-baseline="dress"],[data-odyo-header-baseline="simple"],[data-odyo-header-baseline="slim"],[data-odyo-header-baseline="smooth"]) #sepet>.toplamcss #Lb_Toplam2{

 display:block!important;width:auto!important;margin:0!important;line-height:1.5!important;text-align:center!important;

}

/* OdyoV8 - Ust bilgi cubugundan sonra ana alan yeni satirda baslar. */

html[data-odyo-header-baseline][data-odyo-desktop] body #divtamami > #wrapper{clear:both}



/* Dress'in beyaz ust menu zemininde eski temadan gelen beyaz link yazisini duzelt. */

html[data-odyo-header-baseline=dress] body :is(#IMenuB,#IMenuK)>li>a:not(.menuuzunac){color:#222!important}



/* OdyoV8 - Ilk cizimde varsayilan merkez gorunmez; mevcut hizalama tamamlaninca acilir. */

html:is([data-odyo-header-baseline="dress"],[data-odyo-header-baseline="simple"],[data-odyo-header-baseline="slim"],[data-odyo-header-baseline="smooth"]) #sepet:not(.odyo-sepet-hazir)>.toplamcss{visibility:hidden}





/* OdyoV8 - Misafir ve uye hesap kutulari kategori menusunun ustunde kalir. */

html[data-odyo-header-baseline][data-odyo-desktop] body :is(#divustarka,#divTelefon1){position:relative;z-index:10030!important;overflow:visible!important}

html[data-odyo-header-baseline][data-odyo-desktop] body .sepeticon3.csstop30{z-index:10031!important;overflow:visible!important}

html[data-odyo-header-baseline][data-odyo-desktop] body :is([id$=dvhesabim],[id$=dvhesabim1],[id$=divgiris],.dvhesabimic,.dvhesabimic1){z-index:10032!important}



/* OdyoV8 - Eski modern temalarda yalniz ufak makyaj; retro ve son sekiz disarida. */

html[data-odyo-eski-makyaj] :is(#sptsag,[id$="_sptsag"]) :is(.css-toggle,.sepeticon3>a){vertical-align:middle}

html[data-odyo-eski-makyaj] :is(#sptsag,[id$="_sptsag"]) :is(.css-toggle,.sepeticon3>a):focus-visible{outline:2px solid currentColor;outline-offset:4px}

html[data-odyo-eski-makyaj] :is(.divKampanyaOranKucuk,.divKampanyaOranKucukAna){margin-top:0!important;line-height:1.3!important}

html[data-odyo-eski-makyaj] :is(.ucretsizkargoK,.ucretsizkargoAna){max-width:100%;box-sizing:border-box;white-space:normal;line-height:1.35!important;vertical-align:middle}

html[data-odyo-eski-makyaj] :is(.divfiyat1class,.divfiyat2class){box-sizing:border-box}

html[data-odyo-eski-makyaj] .of-footer :is(.of-zone,.of-box){min-width:0;box-sizing:border-box}

html[data-odyo-eski-makyaj] .of-footer a{overflow-wrap:anywhere}



/* OdyoV8 - P37: eski modern temalarda dugmenin rengi alt basliga ve ikona aktarilir.

   Dusuk ozgulluk kayitli kategori/ust-menu ve arama bilesen renklerini ustun tutar.

   Arka plan, ikon secimi, gorunurluk ve postback denetimleri degismez. */

html:is([data-odyo-eski-makyaj=dress],[data-odyo-eski-makyaj=simple],[data-odyo-eski-makyaj=slim]) :where(#IMenuB,#IMenuK)>:where(li.divtumlermenu,li#lnkTumKatlarUzun,li#lnkTumKatlarKisa)>:where(a) :where(:is(h2,:where(.odyo-menu-h2)),span:not(:where(.odyo-menu-h2,.odyo-menu-h3)),i){color:inherit!important}

html:is([data-odyo-eski-makyaj=dress],[data-odyo-eski-makyaj=smooth],[data-odyo-eski-makyaj=simple],[data-odyo-eski-makyaj=slim]) :where(#imgAraO,#imgAraL,#LinkButton10)>.fa-search{color:inherit!important}



/* OdyoV8 - Dress ve Wear normal/demo ust menusunde sekiz kategoriye yer ac. */

@media(min-width:901px){

html[data-odyo-desktop][data-odyo-header-baseline=dress] body #IMenuB.odyo-menu-root,

html[data-odyo-desktop][data-odyo-ozel-tema=wear] body [data-odyo-ozel-yapi] #IMenuB.odyo-menu-root{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:0 clamp(2px,.4vw,8px)!important;height:auto!important;width:100%!important;box-sizing:border-box}

html[data-odyo-desktop][data-odyo-header-baseline=dress] body #IMenuB.odyo-menu-root>li,

html[data-odyo-desktop][data-odyo-ozel-tema=wear] body [data-odyo-ozel-yapi] #IMenuB.odyo-menu-root>li{float:none!important;flex:0 1 auto!important;width:auto!important;min-width:0!important;margin:0!important}

html[data-odyo-desktop][data-odyo-header-baseline=dress] body #IMenuB.odyo-menu-root>li>a,

html[data-odyo-desktop][data-odyo-ozel-tema=wear] body [data-odyo-ozel-yapi] #IMenuB.odyo-menu-root>li>a{padding-inline:clamp(4px,.65vw,10px)!important;white-space:nowrap!important}

}


/* OdyoV8 - Tum kategoriler basliginda simge ve metni ayni satirda ortala. */
html body :is(#lnkTumKatlarUzun,#lnkTumKatlarKisa) > a.menuuzunac{display:flex!important;align-items:center!important;justify-content:center!important}
html body :is(#lnkTumKatlarUzun,#lnkTumKatlarKisa) > a.menuuzunac > :is(h2,:where(.odyo-menu-h2)){display:flex!important;align-items:center!important;justify-content:center!important;gap:8px;float:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;line-height:1.2!important;white-space:nowrap}
html body :is(#lnkTumKatlarUzun,#lnkTumKatlarKisa) > a.menuuzunac > :is(h2,:where(.odyo-menu-h2)) > i{display:inline-block!important;float:none!important;position:static!important;margin:0!important;padding:0!important;line-height:1!important;height:auto!important;min-height:0!important;width:auto!important;min-width:0!important;flex:0 0 auto}
/* OdyoV8 - Tema kaynakli ikon pseudo konumunu yalniz bu dugmede sifirla. */
html body :is(#lnkTumKatlarUzun,#lnkTumKatlarKisa) > a.menuuzunac > :is(h2,:where(.odyo-menu-h2)) > i::before{display:block!important;position:static!important;float:none!important;line-height:1!important;transform:none!important;margin:0!important;padding:0!important}


/* OdyoV8 - Slider yukseklik verisi gorunmez satir boslugu birakmaz. */
html body #sliderbuyuk>#ltyukseklik{display:none!important}
/* OdyoV8 - Black menusu HTML tamamlanirken sifir yukseklige dusmez. */
@media(min-width:992px){html[data-odyo-ozel-tema=black] body [data-odyo-ozel-yapi] #hdr{min-height:64px!important}}

/* OdyoV8 - Odyo logo olcusu ortak katmanda; siteye ozel tema dosyasi korunur. */
@media(min-width:992px){
html[data-odyo-ozel-tema=odyo] body [data-odyo-ozel-yapi=odyo] :is(#Div3,[id$=_Div3]){grid-template-columns:var(--odyo-logo-genislik,210px) minmax(0,1fr) auto}
html[data-odyo-ozel-tema=odyo] body [data-odyo-ozel-yapi=odyo] :is(#Div4,[id$=_Div4]) img{max-height:var(--odyo-logo-yukseklik,64px)!important}
}
