/* Lavinia V28 — sabit logo yerleşimi ve akıcı üst menü etkileşimleri */
@media (min-width:761px){
  .site-header .brand{
    width:185px;
    min-width:185px;
    height:86px;
    padding:4px 7px;
    overflow:hidden;
    border-radius:13px;
    transform:translateZ(0);
    transition:background-color .2s ease,box-shadow .2s ease,border-color .2s ease;
  }
  .site-header .brand img{
    width:100%!important;
    height:100%!important;
    max-width:100%;
    object-fit:contain!important;
    object-position:center!important;
    transform:translateZ(0) scale(1);
    transition:transform .22s ease;
  }
  .site-header .brand:hover img{transform:translateZ(0) scale(1.018)}
}

/* Alt çizgi her zaman DOM'da: hover sırasında menü ölçüsü değişmez. */
.main-nav .nav-link{
  isolation:isolate;
  border-radius:8px 8px 0 0;
  transition:color .18s ease,background-color .18s ease,transform .18s ease;
}
.main-nav .nav-link::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-1px;
  width:30px;
  height:3px;
  border-radius:4px 4px 0 0;
  background:var(--pink);
  transform:translateX(-50%) scaleX(0);
  transform-origin:center;
  opacity:0;
  transition:transform .2s cubic-bezier(.2,.75,.25,1),opacity .16s ease;
}
.main-nav .nav-link:hover,
.main-nav .menu-item.is-open>.nav-link,
.main-nav .nav-link.is-active{
  color:var(--pink-dark);
  background:linear-gradient(180deg,rgba(255,255,255,0),rgba(239,102,149,.075));
}
.main-nav .nav-link:hover::after,
.main-nav .menu-item.is-open>.nav-link::after,
.main-nav .nav-link.is-active::after{
  transform:translateX(-50%) scaleX(1);
  opacity:1;
}
.main-nav .nav-chevron{transition:transform .22s ease,color .18s ease}
.main-nav .menu-item.has-mega:hover>.nav-link .nav-chevron,
.main-nav .menu-item.has-mega:focus-within>.nav-link .nav-chevron,
.main-nav .menu-item.is-open>.nav-link .nav-chevron{transform:rotate(180deg)}

/* Açılır panelde titreme ve boşluk nedeniyle kapanma sorununu azaltır. */
@media (min-width:761px){
  .main-nav .menu-item.has-mega::before{
    content:"";
    position:absolute;
    z-index:499;
    top:calc(100% - 2px);
    left:0;
    width:100%;
    height:12px;
    pointer-events:none;
  }
  .main-nav .menu-item.has-mega:hover::before,
  .main-nav .menu-item.has-mega:focus-within::before,
  .main-nav .menu-item.has-mega.is-open::before{pointer-events:auto}
  .main-nav .mega-panel{
    top:calc(100% - 1px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translate(-50%,-7px) scale(.992);
    transform-origin:top center;
    will-change:transform,opacity;
    transition:opacity .18s ease,transform .22s cubic-bezier(.2,.75,.25,1),visibility 0s linear .22s;
  }
  .main-nav .menu-item.has-mega:hover>.mega-panel,
  .main-nav .menu-item.has-mega:focus-within>.mega-panel,
  .main-nav .menu-item.has-mega.is-open>.mega-panel{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translate(-50%,0) scale(1);
    transition-delay:0s;
  }
  .main-nav .mega-group a{
    position:relative;
    transition:color .16s ease,transform .16s ease;
  }
  .main-nav .mega-group a:hover{padding-left:0!important;transform:translateX(3px)}
  .main-nav .mega-all-link{transition:background-color .18s ease,color .18s ease,transform .18s ease}
  .main-nav .mega-all-link:hover{transform:translateY(-1px)}
}

/* Koyu temada siyah yazılı şeffaf logonun kaybolmasını önler. */
html[data-lavinia-theme="dark"] .site-header .brand,
html[data-lavinia-theme="dark"] .mobile-nav-head>a,
html[data-lavinia-theme="dark"] .footer-brand>img{
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 7px 20px rgba(0,0,0,.16)!important;
}
html[data-lavinia-theme="dark"] .mobile-nav-head>a{padding:4px 8px;border-radius:11px}
html[data-lavinia-theme="dark"] .footer-brand>img{padding:5px 8px;border-radius:11px}
html[data-lavinia-theme="dark"] .main-nav .nav-link:hover,
html[data-lavinia-theme="dark"] .main-nav .menu-item.is-open>.nav-link,
html[data-lavinia-theme="dark"] .main-nav .nav-link.is-active{
  background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,134,174,.12))!important;
}

@media (max-width:760px){
  .site-header .brand{
    display:grid;
    place-items:center;
    width:132px;
    height:50px;
    min-width:0;
    padding:2px 5px;
    overflow:hidden;
    border-radius:10px;
  }
  .site-header .brand img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
  .main-nav .nav-link::after{display:none!important}
  .main-nav .nav-link{transform:none!important;transition:background-color .16s ease,color .16s ease}
}

@media (max-width:420px){
  .site-header .brand{width:112px;height:46px}
}

@media (prefers-reduced-motion:reduce){
  .site-header .brand img,.main-nav .nav-link,.main-nav .nav-link::after,.main-nav .mega-panel,.main-nav .mega-group a,.main-nav .mega-all-link{transition:none!important}
}