/* =========================================
   AIDAN STORE - CUSTOM CSS
========================================= */


/* =========================================
   1. ألوان المتجر
========================================= */

:root {
    --color-primary: #030303 !important;
    --color-primary-dark: #0f1d5a !important;
    --color-primary-light: #3d58c2 !important;
    --color-primary-contrast: #ffffff !important;

    --color-secondary: #ffffff !important;
    --color-secondary-contrast: #030303 !important;

    --btn-opacity: 1 !important;
}


/* =========================================
   2. الهيدر
========================================= */

.header__main-row {
    background-color: #ffffff !important;
    padding: 16px;
    border-radius: 5px !important;
}


/* =========================================
   3. الخطوط والعناوين
========================================= */

h2.text-store-text-primary {
    font-family:
        'Lutfey Arabic DEMO',
        -apple-system,
        BlinkMacSystemFont,
        sans-serif !important;

    font-feature-settings: normal;
    font-variation-settings: normal;
}


/* قسم الاقتباسات */

salla-quotes-3bj2ul,
.s-block--bundle-quotes {
    font-family: 'Lutfey Arabic DEMO', sans-serif !important;

    --font-main: 'Lutfey Arabic DEMO', sans-serif !important;
    --theme-font-family: 'Lutfey Arabic DEMO', sans-serif !important;
}


/* =========================================
   4. التقييمات والأسئلة FAQ
========================================= */

.testimonials__review-card,
.single-faq {
    border: 1px solid #00B7CD !important;
    background-color: #ffffff !important;
}


/* أسهم FAQ */

.sicon-keyboard_arrow_down,
.sicon-keyboard_arrow_up {
    background-color: #A3E4E9;
    color: #ffffff !important;
}


/* =========================================
   5. بطاقات المنتجات
========================================= */

.s-product-card,
.product-card {
    transition:
        transform 0.12s ease,
        box-shadow 0.12s ease !important;

    will-change: transform;
}


/* حركة ضغط خفيفة وسريعة */

.s-product-card:active,
.product-card:active {
    transform: scale(0.98) !important;
}


/* Hover - الكمبيوتر فقط */

@media (hover: hover) {

    .s-product-card:hover,
    .product-card:hover {
        transform:
            translateY(-4px)
            scale(1.01) !important;
    }
}


/* =========================================
   6. إخفاء Wishlist / Quick View
========================================= */

button[aria-label*="wishlist"],
button[aria-label*="quick"],
button[aria-label*="favorite"],
button[aria-label*="view"] {
    display: none !important;
}


/* =========================================
   7. إخفاء Tamara / Tabby
========================================= */

iframe[src*="tamara"],
iframe[src*="tabby"],
[class*="tamara"],
[class*="tabby"],
[id*="tamara"],
[id*="tabby"] {
    display: none !important;
}


/* =========================================
   8. صفحة المنتج
========================================= */

/* مسافات iframe */

.product-page iframe,
.product-form iframe,
.s-product-form iframe {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    max-width: 100% !important;
}


/* مسافات نموذج المنتج */

.product-page .product-form > div,
.product-page .s-product-form > div {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
}


/* =========================================
   9. إشعارات المبيعات
========================================= */

.aidan-sale-notification {
    position: fixed;

    right: 15px;
    bottom: 80px;

    display: flex;
    align-items: center;
    gap: 10px;

    padding: 12px 16px;

    background: #ffffff;
    color: #111111;

    border-radius: 14px;

    box-shadow:
        0 8px 30px rgba(0, 0, 0, 0.15);

    direction: rtl;

    opacity: 0;
    visibility: hidden;

    transform: translateY(15px);

    transition:
        opacity 0.25s ease,
        transform 0.25s ease,
        visibility 0.25s ease;

    z-index: 9999999;
}


/* ظهور الإشعار */

.aidan-sale-notification.show {
    opacity: 1;
    visibility: visible;

    transform: translateY(0);
}


/* أيقونة الإشعار */

.aidan-sale-icon {
    font-size: 20px;
}


/* نص الإشعار */

.aidan-sale-text {
    font-size: 13px;
    font-weight: 600;
}


/* وقت الإشعار */

.aidan-sale-time {
    margin-top: 2px;

    font-size: 10px;
    color: #999999;
}


/* =========================================
   10. زر السلة فوق صورة المنتج
========================================= */


/* الصورة مرجع لمكان زر السلة */

.product-card__image {
    position: relative !important;
}


/* مكان زر السلة */

.product-card__image
.product-card__enhanced-mini-cart.aidan-cart-moved {
    display: block !important;

    position: absolute !important;

    top: 12px !important;
    left: 12px !important;

    right: auto !important;
    bottom: auto !important;

    width: 36px !important;
    height: 36px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    z-index: 9999 !important;
}


/* إزالة الفاصل */

.product-card__enhanced-mini-cart-divider {
    display: none !important;
}


/* =========================================
   11. إخفاء عناصر زر السلة الأصلية
========================================= */

.product-card__enhanced-mini-cart__btn--inner,
.product-card__enhanced-mini-cart .enhanced-label,
.product-card__enhanced-mini-cart .enhanced-icon,
.product-card__enhanced-mini-cart .sicon-add {
    display: none !important;

    visibility: hidden !important;
    opacity: 0 !important;
}


/* =========================================
   12. حاويات زر السلة
========================================= */

.product-card__image
.product-card__enhanced-mini-cart
salla-add-product-button,

.product-card__image
.product-card__enhanced-mini-cart
salla-button,

.product-card__image
.product-card__enhanced-mini-cart
.w-full {
    display: block !important;

    width: 36px !important;
    height: 36px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
}


/* =========================================
   13. الزر الحقيقي
========================================= */

.product-card__image
.product-card__enhanced-mini-cart
button {
    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 36px !important;
    height: 36px !important;

    min-width: 36px !important;
    min-height: 36px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;

    overflow: visible !important;

    opacity: 1 !important;
    visibility: visible !important;

    /* استجابة أسرع عند الضغط */
    transition: transform 0.08s ease !important;

    will-change: transform;
}


/* إزالة أي عناصر CSS قديمة */

.product-card__enhanced-mini-cart button::before,
.product-card__enhanced-mini-cart button::after {
    display: none !important;
    content: none !important;
}


/* =========================================
   14. أيقونة عربة التسوق
========================================= */

.product-card__enhanced-mini-cart .aidan-cart-custom {
    position: absolute !important;

    top: 50% !important;
    left: 50% !important;

    transform: translate(-50%, -50%) !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 34px !important;
    height: 34px !important;

    box-sizing: border-box !important;

    /* الدائرة */
    border: 1.5px solid #e2e2e2 !important;
    border-radius: 50% !important;

    background: transparent !important;

    color: #000000 !important;

    opacity: 1 !important;
    visibility: visible !important;

    pointer-events: none !important;

    z-index: 99999 !important;
}


/* حجم رسم العربة */

.product-card__enhanced-mini-cart
.aidan-cart-custom svg {
    display: block !important;

    width: 21px !important;
    height: 21px !important;

    color: #000000 !important;

    overflow: visible !important;
}


/* =========================================
   15. استجابة زر السلة عند الضغط
========================================= */

.product-card__enhanced-mini-cart button:active {
    transform: scale(0.95) !important;
}iframe[src*="tabby"],
[class*="tamara"],
[class*="tabby"],
[id*="tamara"],
[id*="tabby"] {
    display: none !important;
}


/* =========================================
   8. صفحة المنتج
========================================= */

/* مسافات iframe */

.product-page iframe,
.product-form iframe,
.s-product-form iframe {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    max-width: 100% !important;
}


/* مسافات نموذج المنتج */

.product-page .product-form > div,
.product-page .s-product-form > div {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
}


/* =========================================
   9. إشعارات المبيعات
========================================= */

.aidan-sale-notification {
    position: fixed;

    right: 15px;
    bottom: 80px;

    display: flex;
    align-items: center;
    gap: 10px;

    padding: 12px 16px;

    background: #ffffff;
    color: #111111;

    border-radius: 14px;

    box-shadow:
        0 8px 30px rgba(0, 0, 0, 0.15);

    direction: rtl;

    opacity: 0;
    visibility: hidden;

    transform: translateY(15px);

    transition:
        opacity 0.25s ease,
        transform 0.25s ease,
        visibility 0.25s ease;

    z-index: 9999999;
}


/* ظهور الإشعار */

.aidan-sale-notification.show {
    opacity: 1;
    visibility: visible;

    transform: translateY(0);
}


/* أيقونة الإشعار */

.aidan-sale-icon {
    font-size: 20px;
}


/* نص الإشعار */

.aidan-sale-text {
    font-size: 13px;
    font-weight: 600;
}


/* وقت الإشعار */

.aidan-sale-time {
    margin-top: 2px;

    font-size: 10px;
    color: #999999;
}


/* =========================================
   10. زر السلة فوق صورة المنتج
========================================= */


/* الصورة مرجع لمكان زر السلة */

.product-card__image {
    position: relative !important;
}


/* مكان زر السلة */

.product-card__image
.product-card__enhanced-mini-cart.aidan-cart-moved {
    display: block !important;

    position: absolute !important;

    top: 12px !important;
    left: 12px !important;

    right: auto !important;
    bottom: auto !important;

    width: 36px !important;
    height: 36px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    z-index: 9999 !important;
}


/* إزالة الفاصل */

.product-card__enhanced-mini-cart-divider {
    display: none !important;
}


/* =========================================
   11. إخفاء عناصر زر السلة الأصلية
========================================= */

.product-card__enhanced-mini-cart__btn--inner,
.product-card__enhanced-mini-cart .enhanced-label,
.product-card__enhanced-mini-cart .enhanced-icon,
.product-card__enhanced-mini-cart .sicon-add {
    display: none !important;

    visibility: hidden !important;
    opacity: 0 !important;
}


/* =========================================
   12. حاويات زر السلة
========================================= */

.product-card__image
.product-card__enhanced-mini-cart
salla-add-product-button,

.product-card__image
.product-card__enhanced-mini-cart
salla-button,

.product-card__image
.product-card__enhanced-mini-cart
.w-full {
    display: block !important;

    width: 36px !important;
    height: 36px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
}


/* =========================================
   13. الزر الحقيقي
========================================= */

.product-card__image
.product-card__enhanced-mini-cart
button {
    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 36px !important;
    height: 36px !important;

    min-width: 36px !important;
    min-height: 36px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;

    overflow: visible !important;

    opacity: 1 !important;
    visibility: visible !important;

    /* استجابة أسرع عند الضغط */
    transition: transform 0.08s ease !important;

    will-change: transform;
}


/* إزالة أي عناصر CSS قديمة */

.product-card__enhanced-mini-cart button::before,
.product-card__enhanced-mini-cart button::after {
    display: none !important;
    content: none !important;
}


/* =========================================
   14. أيقونة عربة التسوق
========================================= */

.product-card__enhanced-mini-cart .aidan-cart-custom {
    position: absolute !important;

    top: 50% !important;
    left: 50% !important;

    transform: translate(-50%, -50%) !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 34px !important;
    height: 34px !important;

    box-sizing: border-box !important;

    /* الدائرة */
    border: 1.5px solid #e2e2e2 !important;
    border-radius: 50% !important;

    background: transparent !important;

    color: #000000 !important;

    opacity: 1 !important;
    visibility: visible !important;

    pointer-events: none !important;

    z-index: 99999 !important;
}


/* حجم رسم العربة */

.product-card__enhanced-mini-cart
.aidan-cart-custom svg {
    display: block !important;

    width: 21px !important;
    height: 21px !important;

    color: #000000 !important;

    overflow: visible !important;
}


/* =========================================
   15. استجابة زر السلة عند الضغط
========================================= */

.product-card__enhanced-mini-cart button:active {
    transform: scale(0.95) !important;
}