/* =====================================================
   O19 Store Optimized CSS
   Version: Performance Edition
===================================================== */

/*=========================
  Dark Mode Variables
=========================*/
.dark-mode{
    --dm-bg:#202020;
    --dm-bg-light:#2a2a2a;
    --dm-text:#ffffff;
    --dm-primary:#7dc4d1;
    --dm-primary-dark:#40a3c7;
    --dm-primary-light:#2aa9c0;

    --color-primary:var(--dm-primary);
    --color-primary-dark:var(--dm-primary-dark);
    --color-primary-light:var(--dm-primary-light);
    --color-primary-reverse:#ccffff;

    color:var(--dm-text);
    background:var(--dm-bg);
}

/*=========================
  Main Containers
=========================*/
.dark-mode .bg-white,
.dark-mode .store-footer,
.dark-mode .s-comments-product,
.dark-mode .tamara-product-widget,
.dark-mode .spotii-wrapper,
.dark-mode #tabbyPromoWrapper,
.dark-mode .s-product-card-entry,
.dark-mode .slide--cat-entry,
.dark-mode .brand-item,
.dark-mode .s-block--features__item,
.dark-mode .s-reviews-testimonial,
.dark-mode .s-filters-widget-container{
    background:var(--dm-bg);
    border-color:var(--dm-bg-light);
    color:var(--dm-text);
}

/*=========================
  Inputs
=========================*/
.dark-mode input,
.dark-mode textarea,
.dark-mode select,
.dark-mode .form-input,
.dark-mode .s-price-range-number-input,
.dark-mode .s-login-modal-input,
.dark-mode .bg-gray-100{
    background:var(--dm-bg-light);
    color:var(--dm-text);
    border-color:var(--dm-bg-light);
}

/*=========================
  Buttons
=========================*/
.dark-mode .s-button-primary-outline,
.dark-mode .s-button-light-outline{
    background:var(--dm-bg-light);
    border-color:var(--dm-bg-light);
    color:var(--dm-text);
}

.dark-mode .s-button-primary:hover{
    opacity:.92;
}

/*=========================
  Modal
=========================*/
.dark-mode .s-modal-body{
    background:var(--dm-bg-light);
    color:var(--dm-text);
}

.dark-mode .s-modal-close{
    background:transparent;
}

/*=========================
  Desktop Menu
=========================*/
@media(min-width:1024px){

.dark-mode .main-menu li>a{
    background:var(--dm-bg);
}

.dark-mode .main-menu .has-children li a:hover,
.dark-mode .main-menu .has-children .has-children:hover>a{
    background:#373737;
    color:var(--dm-primary);
}

}

/*=========================
  Sold Out Badge
=========================*/

.s-product-card-entry.is-sold-out{
    position:relative;
    opacity:.65;
    transition:.25s;
}

.s-product-card-entry.is-sold-out:hover{
    opacity:.8;
}

.s-product-card-entry.is-sold-out::after{
    content:"نفدت الكمية";
    position:absolute;
    top:12px;
    left:12px;
    padding:6px 12px;
    background:#d32f2f;
    color:#fff;
    font-size:12px;
    font-weight:700;
    border-radius:999px;
    z-index:9;
    box-shadow:0 4px 10px rgba(0,0,0,.18);
    pointer-events:none;
}