/**
 * Mobile Menu Button Override - En yüksek öncelik
 */

/* Tüm durumlar için override */
.xb-nav-mobile-button,
#vt-mobile-toggle,
#vt-mobile-toggle.xb-nav-mobile-button,
.vt-header-actions .xb-nav-mobile-button,
.vt-header-actions #vt-mobile-toggle {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #e9ecef !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
}

/* Span çizgileri için override */
.xb-nav-mobile-button span,
#vt-mobile-toggle span,
#vt-mobile-toggle.xb-nav-mobile-button span,
.vt-header-actions .xb-nav-mobile-button span,
.vt-header-actions #vt-mobile-toggle span {
    background: #2d3748 !important;
    background-color: #2d3748 !important;
    width: 22px !important;
    height: 2px !important;
    display: block !important;
    margin: 4px auto !important;
}

/* Hover durumu */
.xb-nav-mobile-button:hover,
#vt-mobile-toggle:hover,
#vt-mobile-toggle.xb-nav-mobile-button:hover,
.vt-header-actions .xb-nav-mobile-button:hover,
.vt-header-actions #vt-mobile-toggle:hover {
    background: #f8f9fa !important;
    background-color: #f8f9fa !important;
    border-color: #006233 !important;
}

.xb-nav-mobile-button:hover span,
#vt-mobile-toggle:hover span,
#vt-mobile-toggle.xb-nav-mobile-button:hover span,
.vt-header-actions .xb-nav-mobile-button:hover span,
.vt-header-actions #vt-mobile-toggle:hover span {
    background: #006233 !important;
    background-color: #006233 !important;
}

/* Active durumu */
.xb-nav-mobile-button.active,
#vt-mobile-toggle.active,
#vt-mobile-toggle.xb-nav-mobile-button.active,
.vt-header-actions .xb-nav-mobile-button.active,
.vt-header-actions #vt-mobile-toggle.active {
    background: #006233 !important;
    background-color: #006233 !important;
    border-color: #006233 !important;
}

.xb-nav-mobile-button.active span,
#vt-mobile-toggle.active span,
#vt-mobile-toggle.xb-nav-mobile-button.active span,
.vt-header-actions .xb-nav-mobile-button.active span,
.vt-header-actions #vt-mobile-toggle.active span {
    background: #ffffff !important;
    background-color: #ffffff !important;
}

/* Mobil ve tablet için ekstra override */
@media screen and (max-width: 991px) {
    .xb-nav-mobile-button,
    #vt-mobile-toggle,
    #vt-mobile-toggle.xb-nav-mobile-button,
    .vt-header-actions .xb-nav-mobile-button,
    .vt-header-actions #vt-mobile-toggle {
        background: #ffffff !important;
        background-color: #ffffff !important;
        border: 2px solid #e9ecef !important;
        display: flex !important;
        width: 45px !important;
        height: 45px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .xb-nav-mobile-button span,
    #vt-mobile-toggle span,
    #vt-mobile-toggle.xb-nav-mobile-button span,
    .vt-header-actions .xb-nav-mobile-button span,
    .vt-header-actions #vt-mobile-toggle span {
        background: #2d3748 !important;
        background-color: #2d3748 !important;
        margin: 4px auto !important;
    }
}

/* Küçük ekranlar için */
@media screen and (max-width: 767px) {
    .xb-nav-mobile-button,
    #vt-mobile-toggle,
    #vt-mobile-toggle.xb-nav-mobile-button {
        width: 40px !important;
        height: 40px !important;
    }
    
    .xb-nav-mobile-button span,
    #vt-mobile-toggle span {
        width: 20px !important;
        margin: 3px auto !important;
    }
}

/* En küçük ekranlar için */
@media screen and (max-width: 480px) {
    .xb-nav-mobile-button,
    #vt-mobile-toggle,
    #vt-mobile-toggle.xb-nav-mobile-button {
        width: 36px !important;
        height: 36px !important;
    }
    
    .xb-nav-mobile-button span,
    #vt-mobile-toggle span {
        width: 18px !important;
        margin: 2.5px auto !important;
    }
}

/* Inline style override için !important chain */
[style*="background"] .xb-nav-mobile-button,
[style*="background"] #vt-mobile-toggle {
    background: #ffffff !important;
}

[style*="background"] .xb-nav-mobile-button span,
[style*="background"] #vt-mobile-toggle span {
    background: #2d3748 !important;
}