/* ==========================================
   AIRINTAKE FINAL CUSTOM CSS
   ========================================== */

/* Main CTA Buttons */
.add-to-cart,
.product-form button {
    background: #16A34A !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 14px !important;
    font-weight: 700 !important;
    min-height: 50px !important;
    padding: 12px 20px !important;
    box-shadow: 0 4px 12px rgba(22,163,74,.18);
    transition: background-color .25s ease;
    -webkit-appearance: none;
    appearance: none;
}

/* Button Hover */
.add-to-cart:hover,
.product-form button:hover {
    background: #15803D !important;
}

/* Product Cards */
.product-card,
.product-item {
    background: #FFFFFF !important;
    border-radius: 18px !important;
    padding: 20px !important;
}

/* ==========================================
   APPLE-STYLE QUANTITY CONTAINER
   ========================================== */

.qty-input,
.qty-input-full {
    background: #F9FAFB !important;
    border: none !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    padding: 4px !important;

    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* Quantity Buttons */
.qty-input-btn,
.quantity button,
.qty-btn {
    background: #F3F4F6 !important;
    color: #111111 !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 10px !important;

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

    font-size: 22px !important;
    font-weight: 500 !important;
    line-height: 1 !important;

    -webkit-appearance: none;
    appearance: none;
}

/* Quantity Field */
.qty-input-field {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;

    font-size: 18px !important;
    font-weight: 600 !important;
    color: #111111 !important;

    text-align: center !important;
}

.qty-input-field:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Hide Zid SVG Icons */
.qty-input-btn svg {
    display: none !important;
}

/* Plus Button */
.qty-input-btn[data-qty-action="increase"]::before,
.qty-input-btn[data-qty-action="add"]::before,
.qty-input-btn[aria-label*="زيادة"]::before {
    content: "+";
}

/* Minus Button */
.qty-input-btn[data-qty-action="decrease"]::before,
.qty-input-btn[data-qty-action="remove"]::before,
.qty-input-btn[aria-label*="تقليل"]::before,
.qty-input-btn[aria-label*="إزالة"]::before {
    content: "−";
}

/* ==========================================
   DISCOUNT BADGE (RED)
   ========================================== */

.bg-success\/20 {
    background: #FEE2E2 !important;
    color: #DC2626 !important;
    border: 1px solid #FCA5A5 !important;
    border-radius: 10px !important;
    padding: 5px 12px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* ==========================================
   LOW STOCK BADGE
   ========================================== */

.bg-\[\#6f42c1\] {
    background: linear-gradient(
        135deg,
        #F97316,
        #FB923C
    ) !important;

    border-color: #EA580C !important;
    color: #FFFFFF !important;

    animation: pulse-stock 1.8s infinite;
}

@keyframes pulse-stock {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}

/* ==========================================
   DESKTOP HOVER EFFECT
   ========================================== */

@media (hover: hover) {
    .product-card:hover,
    .product-item:hover {
        transform: translateY(-2px);
        transition: transform .25s ease;
    }
}

/* ==========================================
   MOBILE OPTIMIZATION
   ========================================== */

@media (max-width: 768px) {

    /* Full-width Add to Cart Buttons */
    .add-to-cart,
    .product-form button {
        width: 100%;
    }

    /* Product Cards */
    .product-card,
    .product-item {
        padding: 14px !important;
    }

    /* Product Titles */
    .product-title,
    .product-item h3,
    .product-card h3 {
        line-height: 1.4;
    }

    /* Quantity Buttons */
    .qty-input-btn {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
    }

    /* Cart Page Fix */
    .qty-input-full {
        width: auto !important;
        flex: 0 0 auto !important;
    }

    .qty-input {
        width: 120px !important;
        max-width: 120px !important;
    }

    [data-wishlist-btn],
    [data-action="product-remove"] {
        flex-shrink: 0 !important;
    }
}

/* ==========================================
   HIDE UNIT PRICE TEXT
   ========================================== */


p.text-muted.text-xs {
    display: none !important;
}/* ==========================================
   PROMOTIONAL POPUP
   ========================================== */

#airintake-popup-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.7);
    z-index: 999999;

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

    padding: 20px;
}

#airintake-popup {
    position: relative;
    width: 100%;
    max-width: 420px;

    background: #FFFFFF;
    border-radius: 16px;
    overflow: hidden;

    box-shadow: 0 20px 40px rgba(0,0,0,.20);

    animation: popupFade .3s ease;
}

#airintake-popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
    left: auto;

    width: 36px;
    height: 36px;

    border: none;
    border-radius: 50%;

    background: #F3F4F6;
    color: #111111;

    font-size: 22px;
    font-weight: 700;

    cursor: pointer;

    display: flex;
    align-items: center;
    justify-content: center;
}

.airintake-popup-content {
    padding: 24px;
    text-align: center;
}

.airintake-popup-content h3 {
    margin: 0 0 10px;
    font-size: 24px;
    font-weight: 700;
    color: #111111;
}

.airintake-popup-content p {
    margin: 0 0 18px;
    color: #666666;
    font-size: 15px;
}

.airintake-coupon-box {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

#airintake-coupon-code {
    background: #F3F4F6;
    border: 2px dashed #16A34A;
    color: #16A34A;

    font-weight: 700;
    font-size: 20px;

    padding: 10px 20px;
    border-radius: 12px;
}

#airintake-copy-coupon {
    background: linear-gradient(
        135deg,
        #16A34A,
        #15803D
    );

    color: #FFFFFF;
    border: none;
    border-radius: 12px;

    padding: 12px 18px;

    font-weight: 700;
    cursor: pointer;

    transition: .25s ease;
}

#airintake-copy-coupon:hover {
    transform: translateY(-1px);
}

@keyframes popupFade {
    from {
        opacity: 0;
        transform: scale(.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* ==========================================
   POPUP MOBILE OPTIMIZATION
   ========================================== */

@media (max-width: 768px) {

    #airintake-popup {
        max-width: 92%;
    }

    .airintake-popup-content {
        padding: 20px 16px;
    }

    .airintake-popup-content h3 {
        font-size: 20px;
    }

    .airintake-coupon-box {
        flex-direction: column;
    }

    #airintake-coupon-code,
    #airintake-copy-coupon {
        width: 100%;
    }
}/* ==========================================
   POPUP PRIORITY FIX
   ========================================== */

#airintake-popup-overlay {
    z-index: 999999999 !important;
}

#airintake-popup {
    z-index: 999999999 !important;
}