/* =========================================================
   تم روشن (light-mode)
========================================================= */

body.pelle-light-mode {
    background: #f5f5f5 !important;
    color: #1a1a1a !important;
}

body.pelle-light-mode #pelle-side-menu {
    background: radial-gradient(circle at 85% 5%, rgba(255,193,7,.08), transparent 28%),
                linear-gradient(160deg, #f0f0f0 0%, #ffffff 55%, #f0f0f0 100%) !important;

    border-left: 1px solid rgba(0,0,0,.08) !important;
}


body.pelle-light-mode .pelle-menu-item {
    background: linear-gradient(135deg, #fafafa, #eaeaea) !important;
    border-color: rgba(0,0,0,.06) !important;
    color: #111 !important;
}

body.pelle-light-mode .pelle-menu-text strong {
    color: #111 !important;
}

body.pelle-light-mode .pelle-menu-text small {
    color: #555 !important;
}

body.pelle-light-mode .pelle-menu-title-box strong {
    color: #111 !important;
}

body.pelle-light-mode .pelle-menu-title-box span {
    color: #555 !important;
}

body.pelle-light-mode .pelle-icon {
    background: linear-gradient(135deg, rgba(0,0,0,.06), rgba(0,0,0,.02)) !important;
    border-color: rgba(0,0,0,.08) !important;
}

body.pelle-light-mode .pelle-gold-line {
    background: linear-gradient(90deg, transparent, rgba(255,193,7,.5), transparent) !important;
}

body.pelle-light-mode .pelle-menu-footer {
    color: #666 !important;
}

body.pelle-light-mode #pelle-hamburger {
    background: linear-gradient(145deg, #e0e0e0, #c8c8c8) !important;
    border-color: rgba(255,193,7,.4) !important;
}

body.pelle-light-mode #pelle-hamburger span {
    background: #222 !important;
    box-shadow: 0 0 3px rgba(0,0,0,.1) !important;
}





/* =====================================================
   وقتی منوی همبرگری باز است، سبد خرید هم برود
===================================================== */

#pelle-cart-button.pelle-cart-hidden{

    opacity:0!important;

    visibility:hidden!important;

    pointer-events:none!important;

    transform:
        translateY(-10px)
        scale(.86)!important;

}



/* ثابت ماندن بخش جستجو هنگام اسکرول */
.one-row-products {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 10px !important;
}

.one-row-products > * {
    flex: 0 0 180px !important;
}


/* بخش جستجو */
.search-section,
.search-bar,
.search-container {
    position: sticky !important;
    top: 0 !important;
    z-index: 99999 !important;
    background: #fff !important;
}


/* هدر */
.top-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 99999 !important;
    background: #fff !important;
}


/* فونت و ظاهر متن جستجو */
.search-section *,
.search-bar *,
.search-container *,
.top-header * {
    font-family: "Vazirmatn", "Tahoma", sans-serif !important;
    font-weight: 700 !important;
}


/* متن داخل کادر جستجو */
.search-section input,
.search-bar input,
.search-container input,
.top-header input {
    font-family: "Vazirmatn", "Tahoma", sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-align: right !important;
}


/* متن پیش‌فرض داخل جستجو */
.search-section input::placeholder,
.search-bar input::placeholder,
.search-container input::placeholder,
.top-header input::placeholder {
    font-family: "Vazirmatn", "Tahoma", sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #222 !important;
    opacity: 1 !important;
}
.pelle-recent-searches {
    display: none;
    position: absolute !important;
    top: calc(100% + 8px) !important;
    right: 0 !important;
    left: 0 !important;

    background: #ffffff !important;
    border: 2px solid #f5c400 !important;
    border-radius: 16px !important;

    padding: 12px !important;

    z-index: 999999 !important;

    box-shadow: 0 10px 30px rgba(0,0,0,0.18) !important;
}

.pelle-recent-searches.show {
    display: block !important;
}

.pelle-recent-title {
    font-family: "Vazirmatn", Tahoma, sans-serif !important;
    font-size: 14px !important;
    font-weight: 800 !important;

    color: #111 !important;

    text-align: right !important;

    padding: 5px 8px 10px !important;

    border-bottom: 1px solid #eeeeee !important;
}

.pelle-recent-item {
    display: flex !important;
    align-items: center !important;

    direction: rtl !important;

    gap: 9px !important;

    padding: 11px 8px !important;

    margin-top: 4px !important;

    border-radius: 11px !important;

    cursor: pointer !important;

    font-family: "Vazirmatn", Tahoma, sans-serif !important;

    transition: 0.2s !important;
}

.pelle-recent-item:hover {
    background: #fff4b8 !important;
}

.pelle-search-icon {
    font-size: 15px !important;
}

.pelle-search-text {
    color: #222 !important;

    font-size: 14px !important;

    font-weight: 700 !important;

    overflow: hidden !important;

    white-space: nowrap !important;

    text-overflow: ellipsis !important;
}

.pelle-no-recent {
    font-family: "Vazirmatn", Tahoma, sans-serif !important;

    text-align: center !important;

    color: #777 !important;

    font-size: 13px !important;

    padding: 15px 5px !important;
}