/**
 * shop-product-cards.css
 * تنسيق كروت المنتجات لكل ثيم من الثيمات الـ 8
 * يُحمَّل في صفحة الشوب بعد theme CSS
 */

/* ══════════════════════════════════════════════════════════════════
   BASE — أساس مشترك لجميع الثيمات (يستخدم CSS variables)
══════════════════════════════════════════════════════════════════ */
.product-card {
    background: var(--bg-secondary, #ffffff);
    border-radius: var(--border-radius-card, 15px);
    box-shadow: var(--shadow-card, 0 4px 15px rgba(0,0,0,.08));
    border: 1px solid var(--border-subtle, rgba(0,0,0,.08));
    overflow: hidden;
    transition: transform .3s ease, box-shadow .3s ease;
    position: relative;
}

.product-card:hover {
    transform: translateY(-6px);
    box-shadow: var(--shadow-premium, 0 12px 30px rgba(0,0,0,.15));
}

/* Image container */
.product-card .card-img-container {
    background: var(--bg, #f8f9fa);
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 16px;
    position: relative;
}

/* Title */
.product-card .card-title {
    color: var(--text-primary, #2c3e50);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.4;
    height: 2.8em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* Price */
.product-card .price-current {
    color: var(--color-primary, #007bff);
    font-size: 1.2rem;
    font-weight: 700;
}

.product-card .price-old {
    color: var(--text-secondary, #999);
    text-decoration: line-through;
    font-size: 0.85rem;
}

/* Cart button */
.product-card .btn-cart-icon {
    background: var(--color-primary-light, #f0f4ff);
    border: 1px solid var(--border-subtle, #e9ecef);
    color: var(--color-primary, #007bff);
    border-radius: var(--border-radius-btn, 10px);
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .25s ease;
    cursor: pointer;
}

.product-card .btn-cart-icon:hover:not(:disabled) {
    background: var(--color-primary, #007bff);
    border-color: var(--color-primary, #007bff);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,.2);
}

/* Badges */
.product-card .badge-discount { background: var(--color-danger, #ff3b30); }
.product-card .badge-new      { background: var(--color-success, #28a745); }
.product-card .badge-soldout  { background: var(--text-secondary, #6c757d); }

/* Action buttons */
.product-card .action-btn {
    background: #fff;
    border: none;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0,0,0,.12);
    color: #666;
    cursor: pointer;
    transition: all .2s;
}

.product-card .action-btn:hover {
    background: var(--color-primary, #007bff);
    color: #fff;
    transform: scale(1.1);
}


/* ══════════════════════════════════════════════════════════════════
   1. WARM HOSPITALITY 🌅
   خلفية بيضاء، حواف مدوّرة 16px، لون برتقالي، ظل دافئ
══════════════════════════════════════════════════════════════════ */
body.theme-warm-hospitality .product-card,
[data-theme="warm_hospitality"] .product-card {
    border-radius: 16px;
    border: none;
    box-shadow: 0 6px 16px rgba(44,62,80,.10);
    background: #ffffff;
    transition: transform .3s ease, box-shadow .3s ease;
}

body.theme-warm-hospitality .product-card:hover,
[data-theme="warm_hospitality"] .product-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 16px 32px rgba(230,126,34,.20);
}

body.theme-warm-hospitality .product-card .card-img-container,
[data-theme="warm_hospitality"] .product-card .card-img-container {
    background: #FDF2E9;
    border-radius: 16px 16px 0 0;
    height: 220px;
}

body.theme-warm-hospitality .product-card .card-title,
[data-theme="warm_hospitality"] .product-card .card-title {
    color: #2C3E50;
    font-weight: 700;
}

body.theme-warm-hospitality .product-card .price-current,
[data-theme="warm_hospitality"] .product-card .price-current {
    color: #E67E22;
    font-size: 1.25rem;
    font-weight: 800;
}

body.theme-warm-hospitality .product-card .btn-cart-icon,
[data-theme="warm_hospitality"] .product-card .btn-cart-icon {
    background: #FDF2E9;
    border-color: rgba(230,126,34,.25);
    color: #E67E22;
    border-radius: 12px;
}

body.theme-warm-hospitality .product-card .btn-cart-icon:hover:not(:disabled),
[data-theme="warm_hospitality"] .product-card .btn-cart-icon:hover:not(:disabled) {
    background: #E67E22;
    border-color: #E67E22;
    color: #fff;
    box-shadow: 0 4px 12px rgba(230,126,34,.40);
}

body.theme-warm-hospitality .product-card .badge-discount,
[data-theme="warm_hospitality"] .product-card .badge-discount { background: #E74C3C; border-radius: 20px; }

body.theme-warm-hospitality .product-card .badge-new,
[data-theme="warm_hospitality"] .product-card .badge-new { background: #27AE60; border-radius: 20px; }

body.theme-warm-hospitality .product-card .card-body,
[data-theme="warm_hospitality"] .product-card .card-body {
    padding: 16px 20px 20px;
}

body.theme-warm-hospitality .product-card:hover .card-body,
[data-theme="warm_hospitality"] .product-card:hover .card-body {
    background: #fff;
}


/* ══════════════════════════════════════════════════════════════════
   2. APPLE HIG 🍎
   Frosted glass، حواف 18px pill، تأثير blur، أزرق iOS
══════════════════════════════════════════════════════════════════ */
body.theme-apple-hig .product-card,
[data-theme="apple_hig"] .product-card {
    border-radius: 18px;
    border: none;
    background: rgba(255,255,255,.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 4px 16px rgba(0,0,0,.08);
    transition: transform .3s ease, box-shadow .3s ease;
}

body.theme-apple-hig .product-card:hover,
[data-theme="apple_hig"] .product-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 48px rgba(0,0,0,.14);
}

body.theme-apple-hig .product-card .card-img-container,
[data-theme="apple_hig"] .product-card .card-img-container {
    background: rgba(242,242,247,.8);
    border-radius: 18px 18px 0 0;
    height: 220px;
}

body.theme-apple-hig .product-card .card-title,
[data-theme="apple_hig"] .product-card .card-title {
    color: #1C1C1E;
    font-weight: 700;
    letter-spacing: -0.02em;
}

body.theme-apple-hig .product-card .price-current,
[data-theme="apple_hig"] .product-card .price-current {
    color: #007AFF;
    font-weight: 700;
    letter-spacing: -0.02em;
}

body.theme-apple-hig .product-card .btn-cart-icon,
[data-theme="apple_hig"] .product-card .btn-cart-icon {
    background: rgba(0,122,255,.08);
    border: 1px solid rgba(0,122,255,.15);
    color: #007AFF;
    border-radius: 999px;
}

body.theme-apple-hig .product-card .btn-cart-icon:hover:not(:disabled),
[data-theme="apple_hig"] .product-card .btn-cart-icon:hover:not(:disabled) {
    background: #007AFF;
    border-color: #007AFF;
    color: #fff;
    box-shadow: 0 4px 14px rgba(0,122,255,.35);
}

body.theme-apple-hig .product-card .badge-custom,
[data-theme="apple_hig"] .product-card .badge-custom {
    border-radius: 999px;
    font-size: 0.65rem;
    letter-spacing: 0.03em;
}

body.theme-apple-hig .product-card .badge-discount,
[data-theme="apple_hig"] .product-card .badge-discount { background: #FF3B30; }

body.theme-apple-hig .product-card .badge-new,
[data-theme="apple_hig"] .product-card .badge-new { background: #34C759; }

body.theme-apple-hig .product-card .action-btn,
[data-theme="apple_hig"] .product-card .action-btn {
    border-radius: 999px;
    background: rgba(255,255,255,.9);
    backdrop-filter: blur(8px);
}

body.theme-apple-hig .product-card:hover .card-body,
[data-theme="apple_hig"] .product-card:hover .card-body {
    background: transparent;
}


/* ══════════════════════════════════════════════════════════════════
   3. RETRO BAUHAUS 🔺
   حواف حادة 4px، border أسود ثقيل، ألوان هندسية (أحمر/أزرق/أصفر)
══════════════════════════════════════════════════════════════════ */
body.theme-retro-bauhaus .product-card,
[data-theme="retro_bauhaus"] .product-card {
    border-radius: 4px !important;
    border: 2px solid #0F1923 !important;
    box-shadow: 5px 5px 0 #0F1923 !important;
    background: #fff;
    transition: transform .2s ease, box-shadow .2s ease;
}

body.theme-retro-bauhaus .product-card:hover,
[data-theme="retro_bauhaus"] .product-card:hover {
    transform: translate(-3px, -3px);
    box-shadow: 8px 8px 0 #0F1923 !important;
}

body.theme-retro-bauhaus .product-card .card-img-container,
[data-theme="retro_bauhaus"] .product-card .card-img-container {
    background: #F7F4EE;
    border-radius: 0;
    border-bottom: 2px solid #0F1923;
    height: 220px;
    padding: 12px;
}

body.theme-retro-bauhaus .product-card .card-title,
[data-theme="retro_bauhaus"] .product-card .card-title {
    color: #0F1923;
    font-weight: 800;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    font-size: 0.9rem;
}

body.theme-retro-bauhaus .product-card .price-current,
[data-theme="retro_bauhaus"] .product-card .price-current {
    color: #E63329;
    font-weight: 900;
    font-size: 1.3rem;
}

body.theme-retro-bauhaus .product-card .btn-cart-icon,
[data-theme="retro_bauhaus"] .product-card .btn-cart-icon {
    background: #E63329;
    border: 2px solid #0F1923;
    color: #fff;
    border-radius: 2px;
    box-shadow: 2px 2px 0 #0F1923;
}

body.theme-retro-bauhaus .product-card .btn-cart-icon:hover:not(:disabled),
[data-theme="retro_bauhaus"] .product-card .btn-cart-icon:hover:not(:disabled) {
    background: #1A3F7A;
    border-color: #0F1923;
    color: #F5C800;
    transform: translate(-1px, -1px);
    box-shadow: 3px 3px 0 #0F1923;
}

body.theme-retro-bauhaus .product-card .badge-custom,
[data-theme="retro_bauhaus"] .product-card .badge-custom {
    border-radius: 2px;
    border: 1px solid rgba(0,0,0,.3);
    text-transform: uppercase;
    font-size: 0.65rem;
    letter-spacing: 0.05em;
}

body.theme-retro-bauhaus .product-card .badge-discount,
[data-theme="retro_bauhaus"] .product-card .badge-discount { background: #E63329; }

body.theme-retro-bauhaus .product-card .badge-new,
[data-theme="retro_bauhaus"] .product-card .badge-new { background: #1A3F7A; }

body.theme-retro-bauhaus .product-card .action-btn,
[data-theme="retro_bauhaus"] .product-card .action-btn {
    border-radius: 2px;
    border: 2px solid #0F1923;
    box-shadow: 2px 2px 0 #0F1923;
}

body.theme-retro-bauhaus .product-card:hover .card-body,
[data-theme="retro_bauhaus"] .product-card:hover .card-body {
    background: #fff;
}

/* Bauhaus: شريط لوني أسفل الصورة */
body.theme-retro-bauhaus .product-card .card-img-container::after,
[data-theme="retro_bauhaus"] .product-card .card-img-container::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #E63329 33.33%, #1A3F7A 33.33% 66.66%, #F5C800 66.66%);
}


/* ══════════════════════════════════════════════════════════════════
   4. BOOKING STYLE 🏨
   Border خفيف، حواف 8px، أزرق Booking.com، compact
══════════════════════════════════════════════════════════════════ */
body.theme-booking-style .product-card,
[data-theme="booking_style"] .product-card {
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
    background: #fff;
    transition: transform .25s ease, box-shadow .25s ease;
}

body.theme-booking-style .product-card:hover,
[data-theme="booking_style"] .product-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0,113,194,.18);
    border-color: #0071C2;
}

body.theme-booking-style .product-card .card-img-container,
[data-theme="booking_style"] .product-card .card-img-container {
    background: #F2F2F2;
    border-radius: 8px 8px 0 0;
    border-bottom: 1px solid #E5E7EB;
    height: 200px;
    padding: 12px;
}

body.theme-booking-style .product-card .card-title,
[data-theme="booking_style"] .product-card .card-title {
    color: #1A1A1A;
    font-weight: 600;
    font-size: 0.95rem;
}

body.theme-booking-style .product-card .price-current,
[data-theme="booking_style"] .product-card .price-current {
    color: #0071C2;
    font-weight: 700;
    font-size: 1.2rem;
}

body.theme-booking-style .product-card .btn-cart-icon,
[data-theme="booking_style"] .product-card .btn-cart-icon {
    background: #0071C2;
    border: none;
    color: #fff;
    border-radius: 4px;
    font-size: 1rem;
}

body.theme-booking-style .product-card .btn-cart-icon:hover:not(:disabled),
[data-theme="booking_style"] .product-card .btn-cart-icon:hover:not(:disabled) {
    background: #005999;
    color: #fff;
    box-shadow: 0 4px 12px rgba(0,113,194,.35);
    transform: translateY(-2px);
}

body.theme-booking-style .product-card .badge-custom,
[data-theme="booking_style"] .product-card .badge-custom {
    border-radius: 4px;
    font-size: 0.65rem;
}

body.theme-booking-style .product-card .badge-discount,
[data-theme="booking_style"] .product-card .badge-discount { background: #CC0000; }

body.theme-booking-style .product-card .badge-new,
[data-theme="booking_style"] .product-card .badge-new { background: #008009; }

body.theme-booking-style .product-card .card-body,
[data-theme="booking_style"] .product-card .card-body {
    padding: 12px 16px 16px;
}

body.theme-booking-style .product-card:hover .card-body,
[data-theme="booking_style"] .product-card:hover .card-body {
    background: #fff;
}


/* ══════════════════════════════════════════════════════════════════
   5. NEO BRUTALISM ⚡
   لا حواف، border أسود ثقيل 3px، shadow حادة، ألوان صارخة
══════════════════════════════════════════════════════════════════ */
body.theme-neo-brutalism .product-card,
[data-theme="neo_brutalism"] .product-card {
    border-radius: 0 !important;
    border: 3px solid #0A0A0A !important;
    box-shadow: 6px 6px 0 #0A0A0A !important;
    background: #FAFAF0;
    transition: transform .15s ease, box-shadow .15s ease;
}

body.theme-neo-brutalism .product-card:hover,
[data-theme="neo_brutalism"] .product-card:hover {
    transform: translate(-4px, -4px) !important;
    box-shadow: 10px 10px 0 #0A0A0A !important;
}

body.theme-neo-brutalism .product-card .card-img-container,
[data-theme="neo_brutalism"] .product-card .card-img-container {
    background: #fff;
    border-bottom: 3px solid #0A0A0A;
    border-radius: 0;
    height: 220px;
    padding: 16px;
}

body.theme-neo-brutalism .product-card .card-title,
[data-theme="neo_brutalism"] .product-card .card-title {
    color: #0A0A0A;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 0.9rem;
    letter-spacing: 0.02em;
}

body.theme-neo-brutalism .product-card .price-current,
[data-theme="neo_brutalism"] .product-card .price-current {
    color: #FF4D4D;
    font-weight: 900;
    font-size: 1.35rem;
}

body.theme-neo-brutalism .product-card .btn-cart-icon,
[data-theme="neo_brutalism"] .product-card .btn-cart-icon {
    background: #FF4D4D;
    border: 3px solid #0A0A0A;
    color: #fff;
    border-radius: 0;
    box-shadow: 3px 3px 0 #0A0A0A;
    font-weight: 900;
}

body.theme-neo-brutalism .product-card .btn-cart-icon:hover:not(:disabled),
[data-theme="neo_brutalism"] .product-card .btn-cart-icon:hover:not(:disabled) {
    background: #0A0A0A;
    border-color: #FF4D4D;
    color: #FF4D4D;
    transform: translate(-2px, -2px);
    box-shadow: 5px 5px 0 #FF4D4D;
}

body.theme-neo-brutalism .product-card .badge-custom,
[data-theme="neo_brutalism"] .product-card .badge-custom {
    border-radius: 0;
    border: 2px solid #0A0A0A;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 0.65rem;
    letter-spacing: 0.05em;
}

body.theme-neo-brutalism .product-card .badge-discount,
[data-theme="neo_brutalism"] .product-card .badge-discount { background: #FF4D4D; color: #0A0A0A; }

body.theme-neo-brutalism .product-card .badge-new,
[data-theme="neo_brutalism"] .product-card .badge-new { background: #00FF85; color: #0A0A0A; }

body.theme-neo-brutalism .product-card .action-btn,
[data-theme="neo_brutalism"] .product-card .action-btn {
    border-radius: 0;
    border: 2px solid #0A0A0A;
    box-shadow: 2px 2px 0 #0A0A0A;
}

body.theme-neo-brutalism .product-card:hover .card-body,
[data-theme="neo_brutalism"] .product-card:hover .card-body {
    background: #FAFAF0;
}


/* ══════════════════════════════════════════════════════════════════
   6. GLASS UI OCEAN 🌊
   Frosted glass، حواف 20px، تأثير blur، أزرق مائي
══════════════════════════════════════════════════════════════════ */
body.theme-glass-ui-ocean .product-card,
[data-theme="glass_ui_ocean"] .product-card {
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,.55);
    background: rgba(255,255,255,.65);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    box-shadow: 0 8px 32px rgba(12,74,110,.12);
    transition: transform .3s ease, box-shadow .3s ease, background .3s ease;
}

body.theme-glass-ui-ocean .product-card:hover,
[data-theme="glass_ui_ocean"] .product-card:hover {
    transform: translateY(-8px);
    background: rgba(255,255,255,.82);
    box-shadow: 0 20px 48px rgba(3,105,161,.22);
    border-color: rgba(3,105,161,.3);
}

body.theme-glass-ui-ocean .product-card .card-img-container,
[data-theme="glass_ui_ocean"] .product-card .card-img-container {
    background: rgba(240,249,255,.7);
    border-radius: 20px 20px 0 0;
    border-bottom: 1px solid rgba(255,255,255,.4);
    height: 220px;
    padding: 16px;
}

body.theme-glass-ui-ocean .product-card .card-title,
[data-theme="glass_ui_ocean"] .product-card .card-title {
    color: #0C2D4A;
    font-weight: 700;
}

body.theme-glass-ui-ocean .product-card .price-current,
[data-theme="glass_ui_ocean"] .product-card .price-current {
    color: #0369A1;
    font-weight: 700;
    font-size: 1.2rem;
}

body.theme-glass-ui-ocean .product-card .btn-cart-icon,
[data-theme="glass_ui_ocean"] .product-card .btn-cart-icon {
    background: rgba(3,105,161,.12);
    border: 1px solid rgba(3,105,161,.25);
    color: #0369A1;
    border-radius: 999px;
    backdrop-filter: blur(8px);
}

body.theme-glass-ui-ocean .product-card .btn-cart-icon:hover:not(:disabled),
[data-theme="glass_ui_ocean"] .product-card .btn-cart-icon:hover:not(:disabled) {
    background: #0369A1;
    border-color: #0369A1;
    color: #fff;
    box-shadow: 0 4px 16px rgba(3,105,161,.40);
    transform: translateY(-2px);
}

body.theme-glass-ui-ocean .product-card .badge-custom,
[data-theme="glass_ui_ocean"] .product-card .badge-custom {
    border-radius: 999px;
    backdrop-filter: blur(8px);
    background: rgba(3,105,161,.85);
}

body.theme-glass-ui-ocean .product-card .badge-new,
[data-theme="glass_ui_ocean"] .product-card .badge-new {
    background: rgba(5,150,105,.85);
}

body.theme-glass-ui-ocean .product-card .action-btn,
[data-theme="glass_ui_ocean"] .product-card .action-btn {
    border-radius: 999px;
    background: rgba(255,255,255,.75);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255,255,255,.5);
}

body.theme-glass-ui-ocean .product-card:hover .card-body,
[data-theme="glass_ui_ocean"] .product-card:hover .card-body {
    background: transparent;
}


/* ══════════════════════════════════════════════════════════════════
   7. LUXURY MINIMAL ✨
   حواف 12px، ذهبي، بيج فاتح، elegant وهادئ
══════════════════════════════════════════════════════════════════ */
body.theme-luxury-minimal .product-card,
[data-theme="luxury_minimal"] .product-card {
    border-radius: 12px;
    border: 1px solid rgba(184,151,78,.20);
    box-shadow: 0 8px 32px rgba(0,0,0,.07);
    background: #ffffff;
    transition: transform .35s ease, box-shadow .35s ease;
}

body.theme-luxury-minimal .product-card:hover,
[data-theme="luxury_minimal"] .product-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 48px rgba(184,151,78,.22);
    border-color: rgba(184,151,78,.50);
}

body.theme-luxury-minimal .product-card .card-img-container,
[data-theme="luxury_minimal"] .product-card .card-img-container {
    background: #FAF8F4;
    border-radius: 12px 12px 0 0;
    border-bottom: 1px solid rgba(184,151,78,.15);
    height: 230px;
    padding: 20px;
}

body.theme-luxury-minimal .product-card .card-title,
[data-theme="luxury_minimal"] .product-card .card-title {
    color: #0C0C0C;
    font-weight: 600;
    letter-spacing: 0.01em;
    font-size: 0.95rem;
}

body.theme-luxury-minimal .product-card .price-current,
[data-theme="luxury_minimal"] .product-card .price-current {
    color: #B8974E;
    font-weight: 700;
    font-size: 1.2rem;
    letter-spacing: 0.02em;
}

body.theme-luxury-minimal .product-card .btn-cart-icon,
[data-theme="luxury_minimal"] .product-card .btn-cart-icon {
    background: rgba(184,151,78,.10);
    border: 1px solid rgba(184,151,78,.35);
    color: #B8974E;
    border-radius: 6px;
}

body.theme-luxury-minimal .product-card .btn-cart-icon:hover:not(:disabled),
[data-theme="luxury_minimal"] .product-card .btn-cart-icon:hover:not(:disabled) {
    background: #B8974E;
    border-color: #B8974E;
    color: #fff;
    box-shadow: 0 4px 16px rgba(184,151,78,.40);
    transform: translateY(-2px);
}

body.theme-luxury-minimal .product-card .badge-custom,
[data-theme="luxury_minimal"] .product-card .badge-custom {
    border-radius: 4px;
    font-size: 0.65rem;
    letter-spacing: 0.05em;
    font-weight: 700;
}

body.theme-luxury-minimal .product-card .badge-discount,
[data-theme="luxury_minimal"] .product-card .badge-discount { background: #C41E3A; }

body.theme-luxury-minimal .product-card .badge-new,
[data-theme="luxury_minimal"] .product-card .badge-new { background: #B8974E; }

body.theme-luxury-minimal .product-card .action-btn,
[data-theme="luxury_minimal"] .product-card .action-btn {
    border-radius: 6px;
    border: 1px solid rgba(184,151,78,.25);
}

body.theme-luxury-minimal .product-card:hover .card-body,
[data-theme="luxury_minimal"] .product-card:hover .card-body {
    background: #fff;
}

/* Luxury: خط ذهبي رفيع أسفل الكرت عند الـ hover */
body.theme-luxury-minimal .product-card::after,
[data-theme="luxury_minimal"] .product-card::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 20%;
    right: 20%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #B8974E, transparent);
    opacity: 0;
    transition: opacity .35s ease;
}

body.theme-luxury-minimal .product-card:hover::after,
[data-theme="luxury_minimal"] .product-card:hover::after {
    opacity: 1;
}


/* ══════════════════════════════════════════════════════════════════
   8. MODERN TRUST 💎
   حواف 16px، أزرق داكن، موثوقية، احترافي
══════════════════════════════════════════════════════════════════ */
body.theme-modern-trust .product-card,
[data-theme="modern_trust"] .product-card {
    border-radius: 16px;
    border: 1px solid #E2E8F0;
    box-shadow: 0 4px 12px rgba(15,23,42,.08);
    background: #ffffff;
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

body.theme-modern-trust .product-card:hover,
[data-theme="modern_trust"] .product-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 40px rgba(27,79,216,.16);
    border-color: #1B4FD8;
}

body.theme-modern-trust .product-card .card-img-container,
[data-theme="modern_trust"] .product-card .card-img-container {
    background: linear-gradient(135deg, #EEF3FD, #E8F0FE);
    border-radius: 16px 16px 0 0;
    border-bottom: 1px solid #E2E8F0;
    height: 220px;
    padding: 16px;
}

body.theme-modern-trust .product-card .card-title,
[data-theme="modern_trust"] .product-card .card-title {
    color: #0F172A;
    font-weight: 700;
    font-size: 0.95rem;
}

body.theme-modern-trust .product-card .price-current,
[data-theme="modern_trust"] .product-card .price-current {
    color: #1B4FD8;
    font-weight: 700;
    font-size: 1.2rem;
}

body.theme-modern-trust .product-card .btn-cart-icon,
[data-theme="modern_trust"] .product-card .btn-cart-icon {
    background: #EEF3FD;
    border: 1px solid rgba(27,79,216,.2);
    color: #1B4FD8;
    border-radius: 8px;
}

body.theme-modern-trust .product-card .btn-cart-icon:hover:not(:disabled),
[data-theme="modern_trust"] .product-card .btn-cart-icon:hover:not(:disabled) {
    background: #1B4FD8;
    border-color: #1B4FD8;
    color: #fff;
    box-shadow: 0 4px 14px rgba(27,79,216,.35);
    transform: translateY(-2px);
}

body.theme-modern-trust .product-card .badge-custom,
[data-theme="modern_trust"] .product-card .badge-custom {
    border-radius: 6px;
    font-size: 0.65rem;
    font-weight: 700;
}

body.theme-modern-trust .product-card .badge-discount,
[data-theme="modern_trust"] .product-card .badge-discount { background: #DC2626; }

body.theme-modern-trust .product-card .badge-new,
[data-theme="modern_trust"] .product-card .badge-new { background: #059669; }

body.theme-modern-trust .product-card .action-btn,
[data-theme="modern_trust"] .product-card .action-btn {
    border-radius: 8px;
    border: 1px solid #E2E8F0;
}

body.theme-modern-trust .product-card:hover .card-body,
[data-theme="modern_trust"] .product-card:hover .card-body {
    background: #fff;
}


/* ══════════════════════════════════════════════════════════════════
   RESPONSIVE — تعديلات موبايل لجميع الثيمات
══════════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
    .product-card .card-img-container {
        height: 180px;
    }

    .product-card .price-current {
        font-size: 1.1rem;
    }

    .product-card .btn-cart-icon {
        width: 38px;
        height: 38px;
    }

    /* Brutalism mobile: تخفيف الـ shadow */
    body.theme-neo-brutalism .product-card,
    [data-theme="neo_brutalism"] .product-card {
        box-shadow: 4px 4px 0 #0A0A0A !important;
    }

    body.theme-retro-bauhaus .product-card,
    [data-theme="retro_bauhaus"] .product-card {
        box-shadow: 3px 3px 0 #0F1923 !important;
    }
}


/* ══════════════════════════════════════════════════════════════════
   9. AGENTIC 🤖
   Editorial Bold · Playfair Display · Orange #FF5701 · White cards
══════════════════════════════════════════════════════════════════ */
body.theme-agentic .product-card {
    border-radius: 6px !important;
    border: 1px solid rgba(17,17,17,0.08) !important;
    box-shadow: 0 2px 12px rgba(17,17,17,0.06) !important;
    background: #FFFFFF !important;
    transition: transform .25s ease, box-shadow .25s ease !important;
    position: relative !important;
    overflow: hidden !important;
}

body.theme-agentic .product-card::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important; left: 0 !important; right: 0 !important;
    height: 3px !important;
    background: #FF5701 !important;
    opacity: 0 !important;
    transition: opacity .2s !important;
    z-index: 1 !important;
}

body.theme-agentic .product-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 32px rgba(17,17,17,0.12) !important;
}

body.theme-agentic .product-card:hover::before {
    opacity: 1 !important;
}

body.theme-agentic .product-card .card-img-container {
    background: #FAFAF8 !important;
    border-radius: 6px 6px 0 0 !important;
    border-bottom: 1px solid rgba(17,17,17,0.06) !important;
    height: 220px !important;
}

body.theme-agentic .product-card .card-title {
    color: #111111 !important;
    font-family: 'Playfair Display', Georgia, serif !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    font-size: 1rem !important;
}

body.theme-agentic .product-card .price-current {
    color: #FF5701 !important;
    font-family: 'Playfair Display', serif !important;
    font-weight: 700 !important;
    font-size: 1.2rem !important;
}

body.theme-agentic .product-card .price-old {
    color: #AAAAAA !important;
    text-decoration: line-through !important;
}

body.theme-agentic .product-card .btn-cart-icon {
    background: rgba(255, 87, 1, 0.08) !important;
    border: 1px solid rgba(255, 87, 1, 0.25) !important;
    color: #FF5701 !important;
    border-radius: 6px !important;
}

body.theme-agentic .product-card .btn-cart-icon:hover:not(:disabled) {
    background: #FF5701 !important;
    border-color: #FF5701 !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(255,87,1,.35) !important;
    transform: translateY(-2px) !important;
}

body.theme-agentic .product-card .badge-discount { background: #E04E00 !important; border-radius: 3px !important; }
body.theme-agentic .product-card .badge-new      { background: #111111 !important; border-radius: 3px !important; }

body.theme-agentic .product-card .card-body {
    background: #FFFFFF !important;
    padding: 16px 20px 20px !important;
}

/* Shop page/area background */
body.theme-agentic .products-scroll-target,
body.theme-agentic #products-container {
    background: transparent !important;
}

body.theme-agentic .theme-listing-grid {
    background: transparent !important;
}


/* ══════════════════════════════════════════════════════════════════
   10. COSMIC 🌌
   Dark Sci-Fi · Audiowide · Neon Violet/Pink/Cyan · Deep dark cards
══════════════════════════════════════════════════════════════════ */
body.theme-cosmic .product-card {
    border-radius: 12px !important;
    border: 1px solid rgba(139,92,246,0.25) !important;
    box-shadow: 0 4px 24px rgba(139,92,246,0.12) !important;
    background: #0E0820 !important;
    transition: transform .3s ease, box-shadow .3s ease !important;
    position: relative !important;
    overflow: hidden !important;
}

body.theme-cosmic .product-card::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important; left: 0 !important; right: 0 !important;
    height: 2px !important;
    background: linear-gradient(90deg, #8B5CF6, #22D3EE) !important;
    z-index: 1 !important;
}

body.theme-cosmic .product-card:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 16px 48px rgba(139,92,246,0.28) !important;
    border-color: rgba(139,92,246,0.5) !important;
}

body.theme-cosmic .product-card .card-img-container {
    background: rgba(14,8,32,0.9) !important;
    border-radius: 12px 12px 0 0 !important;
    border-bottom: 1px solid rgba(139,92,246,0.2) !important;
    height: 220px !important;
}

body.theme-cosmic .product-card .card-title {
    color: #F0EBFF !important;
    font-family: 'Audiowide', monospace !important;
    font-weight: 400 !important;
    font-size: 0.9rem !important;
    letter-spacing: 0.02em !important;
    text-shadow: 0 0 12px rgba(139,92,246,0.3) !important;
}

body.theme-cosmic .product-card .price-current {
    color: #22D3EE !important;
    font-weight: 700 !important;
    font-size: 1.2rem !important;
    text-shadow: 0 0 8px rgba(34,211,238,0.4) !important;
}

body.theme-cosmic .product-card .price-old {
    color: #A89CC8 !important;
    text-decoration: line-through !important;
}

body.theme-cosmic .product-card .btn-cart-icon {
    background: rgba(139,92,246,0.15) !important;
    border: 1px solid rgba(139,92,246,0.4) !important;
    color: #C4B5FD !important;
    border-radius: 8px !important;
}

body.theme-cosmic .product-card .btn-cart-icon:hover:not(:disabled) {
    background: linear-gradient(135deg, #8B5CF6, #EC4899) !important;
    border-color: #8B5CF6 !important;
    color: #fff !important;
    box-shadow: 0 4px 16px rgba(139,92,246,.5) !important;
    transform: translateY(-2px) !important;
}

body.theme-cosmic .product-card .badge-discount { background: #EC4899 !important; border-radius: 4px !important; }
body.theme-cosmic .product-card .badge-new      { background: #8B5CF6 !important; border-radius: 4px !important; }

body.theme-cosmic .product-card .card-body {
    background: #0E0820 !important;
    padding: 16px 20px 20px !important;
}

/* Shop page background */
body.theme-cosmic .products-scroll-target,
body.theme-cosmic #products-container,
body.theme-cosmic .theme-listing-grid {
    background: transparent !important;
}

/* Rating stars in cosmic */
body.theme-cosmic .product-card .fa-star.text-secondary {
    color: #A89CC8 !important;
    opacity: 0.35 !important;
}


/* ══════════════════════════════════════════════════════════════════
   11. PREMIUM ✦
   Apple-Inspired · Inter · Blue #0071E3 · Clean white/light gray
══════════════════════════════════════════════════════════════════ */
body.theme-premium .product-card {
    border-radius: 18px !important;
    border: 1px solid rgba(0,0,0,0.06) !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08) !important;
    background: #FFFFFF !important;
    transition: transform .3s ease, box-shadow .3s ease !important;
    overflow: hidden !important;
}

body.theme-premium .product-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.12) !important;
}

body.theme-premium .product-card .card-img-container {
    background: #F5F5F7 !important;
    border-radius: 18px 18px 0 0 !important;
    border-bottom: 1px solid rgba(0,0,0,0.05) !important;
    height: 220px !important;
}

body.theme-premium .product-card .card-title {
    color: #1D1D1F !important;
    font-family: 'Inter', -apple-system, sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: -0.025em !important;
    font-size: 0.95rem !important;
}

body.theme-premium .product-card .price-current {
    color: #0071E3 !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.2rem !important;
    letter-spacing: -0.02em !important;
}

body.theme-premium .product-card .price-old {
    color: #AEAEB2 !important;
    text-decoration: line-through !important;
}

body.theme-premium .product-card .btn-cart-icon {
    background: rgba(0,113,227,0.08) !important;
    border: 1px solid rgba(0,113,227,0.15) !important;
    color: #0071E3 !important;
    border-radius: 980px !important;
}

body.theme-premium .product-card .btn-cart-icon:hover:not(:disabled) {
    background: #0071E3 !important;
    border-color: #0071E3 !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(0,113,227,.35) !important;
    transform: translateY(-2px) !important;
}

body.theme-premium .product-card .badge-discount { background: #FF3B30 !important; border-radius: 980px !important; }
body.theme-premium .product-card .badge-new      { background: #34C759 !important; border-radius: 980px !important; }

body.theme-premium .product-card .card-body {
    background: #FFFFFF !important;
    padding: 16px 20px 20px !important;
}

/* Shop page background */
body.theme-premium .products-scroll-target,
body.theme-premium #products-container,
body.theme-premium .theme-listing-grid {
    background: transparent !important;
}

/* ══════════════════════════════════════════════════════════════════
   RESPONSIVE — new themes mobile
══════════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
    body.theme-agentic .product-card .card-img-container,
    body.theme-cosmic .product-card .card-img-container,
    body.theme-premium .product-card .card-img-container {
        height: 180px !important;
    }
}