/**
 * AudioLab Product Sorter - Final Design with Open Sans Hebrew
 * Version: 1.3.1
 * Orange: #FBB040, Text: #5B5A59, Font: Open Sans Hebrew 19px
 * Button: width: -webkit-fill-available
 * Mobile: 50%-50% split with !important (title + sorter)
 */

/* ========================================
   Container & Wrapper
   ======================================== */

.audiolab-sort-wrapper {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    font-family: 'Open Sans Hebrew', sans-serif; /* ✅ Open Sans Hebrew */
    direction: rtl;
    text-align: right;
    z-index: 50;
}

/* For fallback injection (pages without section_subcat_title_container) */
.audiolab-sort-injected-wrapper {
    width: 100%;
    padding: 15px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #e0e0e0;
    z-index: 50;
}

.audiolab-sort-injected-wrapper .audiolab-sort-wrapper {
    margin: 0;
}

/* ========================================
   Main Dropdown Button
   ======================================== */

.audiolab-sort-dropdown {
    position: relative;
    min-width: 200px;
}

.audiolab-sort-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    background: transparent;
    color: #5B5A59; /* ✅ אפור כהה */
    border: none;
    border-radius: 0;
    font-size: 19px; /* ✅ 19px */
    font-weight: 400; /* ✅ 400 */
    line-height: 1.7; /* ✅ 1.7 */
    font-family: 'Open Sans Hebrew', sans-serif; /* ✅ Open Sans Hebrew */
    cursor: pointer;
    transition: all 0.3s ease;
    width: -webkit-fill-available; /* ✅ מתפרס על כל הרוחב */
    width: -moz-available; /* Firefox */
    width: fill-available; /* Standard */
    text-align: right;
    direction: rtl;
}

/* ✅ Hover - צבע כתום חדש */
.audiolab-sort-button:hover {
    color: #FBB040; /* ✅ כתום חדש */
    background: transparent;
}

.audiolab-sort-button:active {
    transform: none;
}

/* Button Text & Arrow */
.audiolab-sort-button-text {
    flex: 1;
    text-align: right;
}

.audiolab-sort-arrow {
    margin-left: 0; /* ✅ צמוד לצד שמאל של wrapper */
    font-size: 12px;
    transition: transform 0.3s ease;
    display: inline-block;
}

.audiolab-sort-button.active .audiolab-sort-arrow {
    transform: rotate(180deg);
}

/* ========================================
   Dropdown Menu
   ======================================== */

.audiolab-sort-menu {
    position: absolute;
    top: calc(100% + 5px);
    right: 0;
    width: 100%;
    min-width: 200px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 100;
    overflow: hidden;
}

.audiolab-sort-menu.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* ========================================
   Menu Items
   ======================================== */

.audiolab-sort-option {
    padding: 12px 16px;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 16px; /* ✅ גודל נוח לתפריט */
    font-weight: 400;
    line-height: 1.7;
    font-family: 'Open Sans Hebrew', sans-serif; /* ✅ Open Sans Hebrew */
    color: #000000;
    border-bottom: 1px solid #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
}

.audiolab-sort-option:last-child {
    border-bottom: none;
}

/* ✅ Hover State - כתום חדש */
.audiolab-sort-option:hover {
    background: #FFF8F0; /* רקע כתום בהיר מאוד */
    color: #FBB040; /* ✅ כתום חדש */
}

/* ✅ Active/Selected State - כתום חדש */
.audiolab-sort-option.active {
    background: #FBB040; /* ✅ כתום חדש */
    color: #ffffff;
    font-weight: 500;
}

.audiolab-sort-option.active:hover {
    background: #E89F30; /* כתום כהה יותר */
    color: #ffffff;
}

/* NO checkmark */
.audiolab-sort-option.active::after {
    content: '';
}

/* ========================================
   Responsive Design
   ======================================== */

@media (max-width: 768px) {
    /* ✅ Container - flex + !important */
    .section_subcat_title_container {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 10px !important;
        flex-wrap: nowrap !important;
    }
    
    /* ✅ כותרת - 50% + !important */
    .section_subcat_title {
        width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 50% !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        display: inline-block !important;
    }
    
    /* ✅ Sorter - 50% + !important */
    .audiolab-sort-wrapper {
        width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 50% !important;
        z-index: 40;
        display: inline-block !important;
    }
    
    .audiolab-sort-dropdown {
        width: 100%;
    }
    
    .audiolab-sort-button {
        padding: 8px 10px;
        font-size: 16px; /* קטן יותר למובייל */
        white-space: nowrap;
        width: 100%;
    }
    
    .audiolab-sort-button-text {
        font-size: 14px; /* עוד יותר קטן */
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .audiolab-sort-option {
        padding: 14px 16px;
        font-size: 16px;
    }
    
    .audiolab-sort-menu {
        z-index: 80;
    }
}

/* ========================================
   Loading State
   ======================================== */

.audiolab-sort-wrapper.loading .audiolab-sort-button {
    opacity: 0.6;
    cursor: wait;
}

.audiolab-sort-wrapper.loading .audiolab-sort-button::after {
    content: '';
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    border: 2px solid rgba(0,0,0,0.2);
    border-top-color: #FBB040; /* ✅ כתום חדש */
    border-radius: 50%;
    animation: audiolab-spin 0.6s linear infinite;
}

@keyframes audiolab-spin {
    to { transform: translateY(-50%) rotate(360deg); }
}

/* ========================================
   Accessibility
   ======================================== */

.audiolab-sort-button:focus,
.audiolab-sort-option:focus {
    outline: 2px solid #FBB040; /* ✅ כתום חדש */
    outline-offset: 2px;
}

/* Screen reader only text */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border-width: 0;
}

/* ========================================
   Animation Utilities
   ======================================== */

@keyframes audiolab-fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.audiolab-fade-in {
    animation: audiolab-fadeIn 0.3s ease-out;
}

/* ========================================
   Alignment Fix
   ======================================== */

.section_subcat_title_container .audiolab-sort-wrapper {
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
}

.section_subcat_title_container {
    display: flex;
    align-items: center;
    gap: 15px;
}