/* =========================================================
   EFLAL AI — HEADER MODERN V2
   Additive override. Existing navigation/routes stay intact.
   ========================================================= */

:root{
    --ef-header-h: 76px;
}

.topbar,
.catalog-header.site-header-v2{
    position:relative!important;
    min-height:var(--ef-header-h)!important;
    height:var(--ef-header-h)!important;
    box-sizing:border-box!important;
    padding-left:clamp(32px,4vw,64px)!important;
    padding-right:clamp(32px,4vw,64px)!important;
    background:
        linear-gradient(180deg,rgba(2,12,18,.96),rgba(1,9,14,.93))!important;
    border-bottom:1px solid rgba(74,195,235,.16)!important;
    box-shadow:0 12px 36px rgba(0,0,0,.16)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
}

.topbar:after,
.catalog-header.site-header-v2:after{
    content:"";
    position:absolute;
    left:clamp(32px,4vw,64px);
    right:clamp(32px,4vw,64px);
    bottom:-1px;
    height:1px;
    pointer-events:none;
    background:linear-gradient(90deg,
        transparent,
        rgba(42,190,239,.18) 18%,
        rgba(42,190,239,.05) 50%,
        rgba(42,190,239,.18) 82%,
        transparent);
}

/* Brand */
.site-header-brand{
    min-width:180px!important;
    display:flex!important;
    align-items:center!important;
    text-decoration:none!important;
}

.site-brand-mark{
    position:relative;
    display:grid!important;
    grid-template-columns:auto;
    gap:5px!important;
    align-content:center;
    padding-left:15px;
}

.site-brand-mark:before{
    content:"";
    position:absolute;
    left:0;
    top:2px;
    bottom:2px;
    width:2px;
    border-radius:99px;
    background:linear-gradient(180deg,#51ddff,#168cff);
    box-shadow:0 0 16px rgba(38,188,246,.36);
}

.site-brand-wordmark{
    color:#f3fbff!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:18px!important;
    line-height:.95!important;
    font-weight:800!important;
    letter-spacing:.17em!important;
    white-space:nowrap!important;
}

.site-brand-mark small{
    color:rgba(126,180,201,.58)!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:5.5px!important;
    line-height:1!important;
    font-weight:600!important;
    letter-spacing:.15em!important;
}

/* Main navigation */
.topbar{
    grid-template-columns:minmax(190px,240px) 1fr minmax(118px,145px)!important;
    gap:26px!important;
}

.topbar .nav-links,
.catalog-header.site-header-v2 .catalog-nav{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:clamp(9px,1.25vw,20px)!important;
}

.topbar .nav-links a,
.catalog-header.site-header-v2 .catalog-nav a{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    min-height:34px!important;
    padding:0 9px!important;
    border-radius:8px!important;
    color:rgba(211,232,240,.66)!important;
    font-size:10px!important;
    font-weight:500!important;
    line-height:1!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    transition:color .2s ease,background .2s ease,transform .2s ease!important;
}

.topbar .nav-links a:after,
.catalog-header.site-header-v2 .catalog-nav a:after{
    content:"";
    position:absolute;
    left:10px;
    right:10px;
    bottom:2px;
    height:1px;
    border-radius:99px;
    background:#3bd2ff;
    transform:scaleX(0);
    transform-origin:center;
    opacity:0;
    transition:transform .22s ease,opacity .22s ease;
}

.topbar .nav-links a:hover,
.catalog-header.site-header-v2 .catalog-nav a:hover{
    color:#f2fbff!important;
    background:rgba(45,170,218,.055)!important;
}

.topbar .nav-links a:hover:after,
.catalog-header.site-header-v2 .catalog-nav a:hover:after{
    transform:scaleX(1);
    opacity:.72;
}

/* Current/home item gets a quiet active state without turning into a heavy pill */
.topbar .nav-links a:first-child,
.catalog-header.site-header-v2 .catalog-nav a:first-child{
    color:#f5fbff!important;
}

/* Subscribe CTA */
.top-cta.site-newsletter-trigger,
.catalog-contact.site-newsletter-trigger{
    min-width:112px!important;
    min-height:38px!important;
    padding:0 15px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    border:1px solid rgba(66,195,239,.34)!important;
    border-radius:999px!important;
    background:
        linear-gradient(180deg,rgba(7,28,38,.70),rgba(3,17,24,.62))!important;
    color:#eefaff!important;
    font-size:8px!important;
    font-weight:650!important;
    letter-spacing:.01em!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025),
        0 0 0 0 rgba(40,190,245,0)!important;
    cursor:pointer!important;
    transition:border-color .22s ease,background .22s ease,box-shadow .22s ease,transform .22s ease!important;
}

.top-cta.site-newsletter-trigger b,
.catalog-contact.site-newsletter-trigger span{
    width:19px!important;
    height:19px!important;
    display:grid!important;
    place-items:center!important;
    margin:0!important;
    border-radius:50%!important;
    background:rgba(47,198,248,.08)!important;
    color:#62dcff!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:400!important;
}

.top-cta.site-newsletter-trigger:hover,
.catalog-contact.site-newsletter-trigger:hover{
    transform:translateY(-1px)!important;
    border-color:rgba(78,215,255,.72)!important;
    background:linear-gradient(180deg,rgba(9,40,53,.82),rgba(3,21,29,.74))!important;
    box-shadow:0 8px 28px rgba(15,142,194,.10)!important;
}

/* Catalog/shared header parity */
.catalog-header.site-header-v2{
    grid-template-columns:minmax(190px,240px) 1fr minmax(118px,145px)!important;
    gap:26px!important;
}

/* Keep it elegant on smaller desktop widths. */
@media(max-width:1120px){
    .topbar,
    .catalog-header.site-header-v2{
        padding-left:26px!important;
        padding-right:26px!important;
    }
    .topbar{
        grid-template-columns:minmax(170px,205px) 1fr 116px!important;
        gap:14px!important;
    }
    .catalog-header.site-header-v2{
        grid-template-columns:minmax(170px,205px) 1fr 116px!important;
        gap:14px!important;
    }
    .topbar .nav-links,
    .catalog-header.site-header-v2 .catalog-nav{gap:4px!important}
    .topbar .nav-links a,
    .catalog-header.site-header-v2 .catalog-nav a{padding-left:7px!important;padding-right:7px!important;font-size:9px!important}
}

/* Existing mobile navigation behavior remains in control. */
@media(max-width:950px){
    .topbar,
    .catalog-header.site-header-v2{
        min-height:68px!important;
        height:68px!important;
        padding-left:20px!important;
        padding-right:20px!important;
        grid-template-columns:1fr auto!important;
    }
    .topbar .nav-links,
    .catalog-header.site-header-v2 .catalog-nav{display:none!important}
    .site-brand-wordmark{font-size:16px!important}
    .top-cta.site-newsletter-trigger,
    .catalog-contact.site-newsletter-trigger{min-width:104px!important;min-height:36px!important}
}

@media(max-width:520px){
    .topbar,
    .catalog-header.site-header-v2{padding-left:15px!important;padding-right:15px!important}
    .site-header-brand{min-width:0!important}
    .site-brand-mark{padding-left:11px}
    .site-brand-wordmark{font-size:14px!important;letter-spacing:.13em!important}
    .site-brand-mark small{font-size:4.7px!important}
}

/* Newsletter modal — kapaliyken sayfa akisinda kesinlikle yer kaplamaz */
.site-newsletter-modal:not(.is-open) {
    display: none !important;
}