/*your custom css goes here*/

/* ============================================
   Filter Focus UI Enhancement - Simplified
   فقط إظهار checkbox وتحديده عند الاختيار
   ============================================ */

/* Checkbox محدد - بسيط وواضح */
.aiz-checkbox > input:checked ~ .aiz-square-check,
.aiz-checkbox > input:checked ~ .aiz-rounded-check {
    border-color: var(--primary) !important;
    border-width: 2px !important;
}

/* Radio button محدد - بسيط وواضح */
.aiz-radio > input:checked ~ .aiz-square-check,
.aiz-radio > input:checked ~ .aiz-rounded-check {
    border-color: var(--primary) !important;
    border-width: 2px !important;
}

/* Category filter items - بسيط */
.category-filter-item > input:checked ~ .aiz-square-check {
    border-color: var(--primary) !important;
    border-width: 2px !important;
}

/* Keyboard focus indicator - بسيط */
.aiz-checkbox > input:focus ~ .aiz-square-check,
.aiz-checkbox > input:focus ~ .aiz-rounded-check,
.aiz-radio > input:focus ~ .aiz-square-check,
.aiz-radio > input:focus ~ .aiz-rounded-check {
    outline: 2px solid var(--primary) !important;
    outline-offset: 2px !important;
}

/* Color filter - بسيط */
.aiz-megabox > input:checked ~ .aiz-megabox-elem {
    border-color: var(--primary) !important;
    border-width: 2px !important;
}

.aiz-megabox > input:focus ~ .aiz-megabox-elem {
    outline: 2px solid var(--primary) !important;
    outline-offset: 2px !important;
}

/* Product type radio buttons - بسيط */
.aiz-megabox > input:checked ~ span.badge {
    border: 2px solid var(--primary) !important;
}

.aiz-megabox > input:focus ~ span.badge {
    outline: 2px solid var(--primary) !important;
    outline-offset: 2px !important;
}

/* Focus ring للكيبورد */
.aiz-checkbox > input:focus-visible ~ .aiz-square-check,
.aiz-radio > input:focus-visible ~ .aiz-square-check {
    outline: 2px solid var(--primary) !important;
    outline-offset: 2px !important;
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .aiz-checkbox,
    .aiz-radio,
    .aiz-megabox,
    .aiz-square-check,
    .aiz-rounded-check,
    .aiz-megabox-elem,
    .category-filter-item {
        transition: none !important;
    }
}

/* ============================================
   Search Results Scroll Enhancement
   إضافة scroll في نتائج البحث
   ============================================ */

/* إضافة scroll في نتائج البحث */
.typed-search-box {
    max-height: 500px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

/* تحسين مظهر الـ scrollbar */
.typed-search-box::-webkit-scrollbar {
    width: 8px;
}

.typed-search-box::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.typed-search-box::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

.typed-search-box::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* تحسين محتوى البحث */
#search-content {
    max-height: 450px;
    overflow-y: auto;
    overflow-x: hidden;
}

/* تحسين مظهر الـ scrollbar في محتوى البحث */
#search-content::-webkit-scrollbar {
    width: 8px;
}

#search-content::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

#search-content::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

#search-content::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* تحسين عرض المنتجات في نتائج البحث */
.search-product {
    transition: background-color 0.2s ease;
}

.search-product:hover {
    background-color: #f8f9fa;
}

/* تحسين عرض الـ list items */
#search-content .list-group-item {
    border-left: none;
    border-right: none;
    border-top: 1px solid #e9ecef;
}

#search-content .list-group-item:last-child {
    border-bottom: 1px solid #e9ecef;
}