/**
 * Header Navigation Fixes
 * إصلاحات التنقل في الترويسة
 * 
 * @package Hozi
 * @version 1.0.0
 */

/* Fix navigation menu alignment */
.customize-controls {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    position: relative !important;
    z-index: 1000 !important;
}

/* Fix navigation menu positioning */
.customize-controls .customize-panel-parent {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix navigation menu width */
.customize-controls .customize-panel-parent,
.customize-controls .customize-section-parent {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}

/* Fix navigation menu spacing */
.customize-controls .customize-panel-parent .accordion-section,
.customize-controls .customize-section-parent .accordion-section {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

/* Fix navigation menu text alignment */
.customize-controls .accordion-section-title {
    text-align: left !important;
    padding: 12px 15px !important;
    margin: 0 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    color: #333 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    transition: all 0.2s ease !important;
}

/* Fix navigation menu hover effects */
.customize-controls .accordion-section-title:hover {
    background: rgba(59, 130, 246, 0.05) !important;
    color: #1e40af !important;
    transform: none !important;
}

/* Fix navigation menu active state */
.customize-controls .accordion-section.open .accordion-section-title {
    background: rgba(59, 130, 246, 0.1) !important;
    color: #1e40af !important;
    font-weight: 600 !important;
}

/* Fix navigation menu content */
.customize-controls .accordion-section-content {
    padding: 15px !important;
    margin: 0 !important;
    border: none !important;
    border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
    background: #fff !important;
}

/* Fix navigation menu controls */
.customize-controls .customize-control {
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

/* Fix navigation menu control titles */
.customize-controls .customize-control-title {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #333 !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    line-height: 1.4 !important;
}

/* Fix navigation menu control descriptions */
.customize-controls .customize-control-description {
    font-size: 12px !important;
    color: #666 !important;
    margin: 5px 0 0 0 !important;
    padding: 0 !important;
    line-height: 1.4 !important;
}

/* Fix navigation menu inputs */
.customize-controls input[type="text"],
.customize-controls input[type="number"],
.customize-controls input[type="email"],
.customize-controls input[type="url"],
.customize-controls input[type="password"],
.customize-controls textarea,
.customize-controls select {
    width: 100% !important;
    max-width: none !important;
    padding: 8px 12px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    background: #fff !important;
    color: #333 !important;
    transition: border-color 0.2s ease !important;
}

/* Fix navigation menu input focus */
.customize-controls input[type="text"]:focus,
.customize-controls input[type="number"]:focus,
.customize-controls input[type="email"]:focus,
.customize-controls input[type="url"]:focus,
.customize-controls input[type="password"]:focus,
.customize-controls textarea:focus,
.customize-controls select:focus {
    border-color: #3b82f6 !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1) !important;
}

/* Fix navigation menu checkboxes */
.customize-controls input[type="checkbox"] {
    width: auto !important;
    margin: 0 8px 0 0 !important;
    vertical-align: middle !important;
}

/* Fix navigation menu radio buttons */
.customize-controls input[type="radio"] {
    width: auto !important;
    margin: 0 8px 0 0 !important;
    vertical-align: middle !important;
}

/* Fix navigation menu labels */
.customize-controls label {
    font-size: 13px !important;
    color: #333 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.4 !important;
    cursor: pointer !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}

/* Fix navigation menu buttons */
.customize-controls .button,
.customize-controls .button-primary,
.customize-controls .button-secondary {
    padding: 8px 16px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    background: #fff !important;
    color: #333 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
    display: inline-block !important;
    text-align: center !important;
}

/* Fix navigation menu button hover */
.customize-controls .button:hover,
.customize-controls .button-primary:hover,
.customize-controls .button-secondary:hover {
    background: #f8f9fa !important;
    border-color: #3b82f6 !important;
    color: #1e40af !important;
    transform: translateY(-1px) !important;
}

/* Fix navigation menu button primary */
.customize-controls .button-primary {
    background: #3b82f6 !important;
    border-color: #3b82f6 !important;
    color: #fff !important;
}

/* Fix navigation menu button primary hover */
.customize-controls .button-primary:hover {
    background: #1e40af !important;
    border-color: #1e40af !important;
    color: #fff !important;
}

/* Fix navigation menu responsive */
@media (max-width: 768px) {
    .customize-controls {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
    }
    
    .customize-controls .accordion-section-title {
        padding: 10px 12px !important;
        font-size: 13px !important;
    }
    
    .customize-controls .accordion-section-content {
        padding: 12px !important;
    }
    
    .customize-controls .customize-control {
        margin: 0 0 15px 0 !important;
    }
}

/* Fix navigation menu animations */
.customize-controls .accordion-section {
    transition: all 0.3s ease !important;
}

.customize-controls .accordion-section-content {
    transition: all 0.3s ease !important;
}

/* Fix navigation menu scroll */
.customize-controls {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: thin !important;
    scrollbar-color: #ddd transparent !important;
}

.customize-controls::-webkit-scrollbar {
    width: 6px !important;
}

.customize-controls::-webkit-scrollbar-track {
    background: transparent !important;
}

.customize-controls::-webkit-scrollbar-thumb {
    background: #ddd !important;
    border-radius: 3px !important;
}

.customize-controls::-webkit-scrollbar-thumb:hover {
    background: #bbb !important;
}