/*
|--------------------------------------------------------------------------
| Dosya Adı           : nav-final-v5-73.css
| Değişiklik Tarihi   : 11.07.2026
| Açıklama            : Creative Agency.Ad public menüsünün temiz ve tek panel
|                       mega menü düzenidir. Eski sağ panel yapısını kullanmaz.
|--------------------------------------------------------------------------
*/

.site-header{
    z-index:12000!important;
    overflow:visible!important;
}
.caa-main-nav-v573{
    position:relative!important;
    z-index:12100!important;
    display:flex!important;
    align-items:center!important;
    gap:clamp(10px,1vw,18px)!important;
    overflow:visible!important;
}
.caa-main-nav-v573 a,
.caa-main-nav-v573 button,
.caa-main-nav-v573 span{
    pointer-events:auto!important;
}
.caa-nav-link-v573,
.caa-nav-trigger-v573{
    color:#fff!important;
    font-weight:850!important;
    font-size:clamp(13px,.82vw,14px)!important;
    white-space:nowrap!important;
    text-decoration:none!important;
}
.caa-nav-trigger-v573{
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    cursor:pointer!important;
    font-family:inherit!important;
}
.caa-nav-trigger-v573 span,
.caa-account-trigger-v573 span{
    font-size:11px!important;
    opacity:.8!important;
}
.caa-nav-item-v573{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
}
.caa-nav-item-v573::after{
    content:""!important;
    position:absolute!important;
    left:-18px!important;
    right:-18px!important;
    top:100%!important;
    height:20px!important;
    background:transparent!important;
}

/* Tek panel mega menü */
.caa-mega-panel-v573{
    display:none!important;
    position:absolute!important;
    top:calc(100% + 14px)!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    border:1px solid rgba(0,229,255,.25)!important;
    background:
        radial-gradient(circle at top left,rgba(0,229,255,.15),transparent 34%),
        radial-gradient(circle at top right,rgba(255,45,117,.15),transparent 32%),
        linear-gradient(180deg,rgba(20,20,38,.985),rgba(8,8,18,.985))!important;
    box-shadow:0 30px 100px rgba(0,0,0,.58)!important;
    border-radius:28px!important;
    z-index:13000!important;
    pointer-events:auto!important;
}
.caa-nav-item-v573:hover>.caa-mega-panel-v573,
.caa-nav-item-v573:focus-within>.caa-mega-panel-v573,
.caa-nav-item-v573.is-open>.caa-mega-panel-v573{
    display:grid!important;
}
.caa-services-panel-v573{
    width:min(1040px,calc(100vw - 48px))!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
    padding:18px!important;
}
.caa-service-card-v573{
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    min-width:0!important;
    min-height:100%!important;
    padding:16px!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.065)!important;
    border:1px solid rgba(255,255,255,.09)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.caa-service-card-v573:hover{
    background:linear-gradient(135deg,rgba(0,229,255,.12),rgba(255,45,117,.10))!important;
    border-color:rgba(0,229,255,.30)!important;
}
.caa-service-card-title-v573{
    display:block!important;
    padding:0 0 10px!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
    color:#fff!important;
    font-size:15px!important;
    line-height:1.25!important;
    font-weight:950!important;
    white-space:normal!important;
    text-decoration:none!important;
}
.caa-service-card-links-v573{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
}
.caa-service-card-links-v573 a,
.caa-social-panel-v573 a{
    display:block!important;
    padding:10px 11px!important;
    border-radius:13px!important;
    background:rgba(0,0,0,.18)!important;
    border:1px solid rgba(255,255,255,.07)!important;
    color:rgba(255,255,255,.93)!important;
    font-size:12.5px!important;
    line-height:1.28!important;
    font-weight:820!important;
    white-space:normal!important;
    text-decoration:none!important;
}
.caa-service-card-links-v573 a:hover,
.caa-social-panel-v573 a:hover,
.caa-account-panel-v573 a:hover{
    background:rgba(0,229,255,.16)!important;
    border-color:rgba(0,229,255,.28)!important;
    color:#fff!important;
}
.caa-social-panel-v573{
    width:min(560px,calc(100vw - 48px))!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    padding:18px!important;
}

/* Hesap menüsü */
.caa-account-v573{
    z-index:14000!important;
}
.caa-account-trigger-v573{
    border:0!important;
    cursor:pointer!important;
}
.caa-account-panel-v573{
    display:none!important;
    position:absolute!important;
    top:calc(100% + 12px)!important;
    right:0!important;
    min-width:220px!important;
    padding:10px!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,#17172b,#0d0d19)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    box-shadow:0 24px 70px rgba(0,0,0,.45)!important;
    z-index:15000!important;
}
.caa-account-v573:hover>.caa-account-panel-v573,
.caa-account-v573:focus-within>.caa-account-panel-v573,
.caa-account-v573.is-open>.caa-account-panel-v573{
    display:grid!important;
    gap:8px!important;
}
.caa-account-panel-v573 a{
    display:block!important;
    width:100%!important;
    padding:12px 14px!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.07)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    color:#fff!important;
    font-weight:900!important;
    font-size:13px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    text-decoration:none!important;
}

/* Eski menü sınıfları devre dışı: yeni menü sadece v573 sınıflarını kullanır */
.caa-main-nav-v573 .mega-menu,
.caa-main-nav-v573 .mega-sub,
.caa-main-nav-v573 .mega-group,
.caa-main-nav-v573 .nav-services,
.caa-main-nav-v573 .nav-social-v563,
.caa-main-nav-v573 .nav-social-v565,
.caa-main-nav-v573 .nav-account-v563,
.caa-main-nav-v573 .nav-account-v565{
    all:unset!important;
}

/* Küçük masaüstü */
@media(min-width:1181px) and (max-width:1400px){
    .caa-main-nav-v573{
        gap:10px!important;
    }
    .caa-nav-link-v573,
    .caa-nav-trigger-v573{
        font-size:12.5px!important;
    }
    .caa-services-panel-v573{
        width:min(840px,calc(100vw - 40px))!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

/* Mobil / tablet */
@media(max-width:1180px){
    .caa-main-nav-v573{
        display:none!important;
        position:absolute!important;
        left:16px!important;
        right:16px!important;
        top:74px!important;
        flex-direction:column!important;
        align-items:stretch!important;
        gap:8px!important;
        max-height:calc(100vh - 96px)!important;
        overflow:auto!important;
        padding:14px!important;
        border-radius:24px!important;
        background:linear-gradient(180deg,rgba(16,16,31,.98),rgba(8,8,18,.98))!important;
        border:1px solid rgba(255,255,255,.12)!important;
        box-shadow:0 24px 80px rgba(0,0,0,.5)!important;
    }
    .caa-main-nav-v573.open{
        display:flex!important;
    }
    .caa-nav-link-v573,
    .caa-nav-trigger-v573,
    .caa-account-trigger-v573{
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        width:100%!important;
        padding:13px 14px!important;
        border-radius:14px!important;
        background:rgba(255,255,255,.065)!important;
        border:1px solid rgba(255,255,255,.08)!important;
        color:#fff!important;
        font-size:14px!important;
        box-shadow:none!important;
    }
    .caa-nav-item-v573{
        display:block!important;
        width:100%!important;
    }
    .caa-nav-item-v573::after{
        display:none!important;
    }
    .caa-mega-panel-v573,
    .caa-account-panel-v573{
        position:static!important;
        transform:none!important;
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        margin-top:8px!important;
        box-shadow:none!important;
    }
    .caa-nav-item-v573:hover>.caa-mega-panel-v573,
    .caa-nav-item-v573:focus-within>.caa-mega-panel-v573{
        display:none!important;
    }
    .caa-nav-item-v573.is-open>.caa-mega-panel-v573,
    .caa-account-v573.is-open>.caa-account-panel-v573{
        display:grid!important;
    }
    .caa-services-panel-v573,
    .caa-social-panel-v573{
        grid-template-columns:1fr!important;
        padding:12px!important;
    }
}