/* ═══════════════════════════════════════════════════════
   MOBILE LOGO CENTERING & FIXES (ASTRA COMPATIBLE)
   ═══════════════════════════════════════════════════════ */
@media (max-width: 921px) {
    /* Mobil Header Düzenlemesi - Tam Ortalama */
    /* Mobil Header Düzenlemesi - Tam Ortalama (Astra Header Builder Override) */
    .ast-header-break-point .ast-mobile-header-wrap .ast-primary-header-bar .ast-builder-grid-row,
    .ast-header-break-point .main-header-bar .ast-builder-grid-row {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        padding-top: 15px !important;
        padding-bottom: 20px !important;
        grid-template-columns: 1fr !important;
    }

    /* Remove column spacing and ensure 100% width for inner sections */
    .ast-header-break-point .site-header-primary-section-left,
    .ast-header-break-point .site-header-primary-section-right {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
    }

    /* Logo Kapsayıcısını Ortalama */
    .ast-header-break-point .site-branding,
    .ast-header-break-point .ast-site-identity {
        padding: 0 !important;
        margin: 0 0 15px 0 !important;
        width: 100% !important;
        text-align: center !important;
        display: flex !important;
        justify-content: center !important;
    }

    /* Logoyu (SVG Dahil) Büyütme */
    .ast-header-break-point .site-logo-img img,
    .ast-header-break-point .custom-logo-link img,
    .ast-header-break-point .ast-logo-svg-icon svg {
        max-width: 220px !important;
        width: 220px !important;
        height: auto !important;
        margin: 0 auto !important;
    }

    /* İkonları (Menü, Sepet) Ortalı ve Düzenli Tutma */
    .ast-header-break-point .ast-mobile-header-stack .main-header-bar-navigation {
        width: 100% !important;
        justify-content: center !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 20px !important;
    }
    
    .ast-header-break-point .ast-button-wrap,
    .ast-header-break-point .ast-mobile-menu-trigger-minimal {
        margin: 0 !important;
    }
}
