/* ===== إعادة تعيين كاملة للألوان ===== */
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

:root {
    /* ألوان رئيسية - نيون بنفسجي */
    --primary: #a78bfa;
    --primary-dark: #7c3aed;
    --primary-light: #c4b5fd;
    --accent: #ec4899;
    --accent-secondary: #f472b6;
    
    /* خلفيات داكنة */
    --bg-dark: #0f0f23;
    --bg-darker: #080815;
    --bg-card: #1a1a2e;
    --bg-card-hover: #232340;
    --bg-section: #16162a;
    
    /* نصوص */
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    
    /* حدود */
    --border-color: #2d2d44;
    --border-glow: rgba(167, 139, 250, 0.3);
    
    /* ظلال ووهج */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 8px 16px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 16px 32px rgba(0, 0, 0, 0.6);
    --glow-primary: 0 0 30px rgba(167, 139, 250, 0.4);
    --glow-accent: 0 0 20px rgba(236, 72, 153, 0.5);
}

/* ===== إجبار الخلفية الداكنة على كل شيء ===== */
html,
body,
#app,
.app-inner,
main,
section,
div,
.container {
    background-color: var(--bg-darker) !important;
    color: var(--text-primary) !important;
}

/* ===== خلفية الموقع الرئيسية ===== */
html {
    background: var(--bg-darker) !important;
    background-image: 
        radial-gradient(at 0% 0%, rgba(124, 58, 237, 0.15) 0px, transparent 50%),
        radial-gradient(at 100% 100%, rgba(236, 72, 153, 0.15) 0px, transparent 50%) !important;
    background-attachment: fixed !important;
}

body {
    background: transparent !important;
    color: var(--text-primary) !important;
    font-family: 'Apple', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* ===== شبكة متحركة في الخلفية ===== */
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: 
        linear-gradient(rgba(167, 139, 250, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(167, 139, 250, 0.03) 1px, transparent 1px);
    background-size: 50px 50px;
    pointer-events: none;
    z-index: 0;
    animation: gridMove 20s linear infinite;
}

@keyframes gridMove {
    0% { background-position: 0 0; }
    100% { background-position: 50px 50px; }
}

/* ===== إصلاح النصوص في كل مكان ===== */
h1, h2, h3, h4, h5, h6,
p, span, a, div, li, td, th,
label, input, textarea, select,
button {
    color: var(--text-primary) !important;
}

/* ===== الهيدر ===== */
.store-header {
    background: rgba(15, 15, 35, 0.95) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--border-color) !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5) !important;
}

.top-navbar {
    background: rgba(26, 26, 46, 0.8) !important;
    border-bottom: 1px solid var(--border-color) !important;
}

.main-nav-container {
    background: transparent !important;
    box-shadow: none !important;
}

/* ===== اللوقو ===== */
.navbar-brand img {
    filter: drop-shadow(0 0 20px rgba(167, 139, 250, 0.6)) !important;
    transition: all 0.3s ease;
}

.navbar-brand:hover img {
    filter: drop-shadow(0 0 30px rgba(167, 139, 250, 0.9)) !important;
    transform: scale(1.05);
}

/* ===== القائمة الرئيسية ===== */
.main-menu,
.main-menu ul,
.main-menu li {
    background: transparent !important;
}

.main-menu a {
    color: var(--text-secondary) !important;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 12px;
    transition: all 0.3s ease;
}

.main-menu a:hover {
    color: var(--primary-light) !important;
    background: rgba(167, 139, 250, 0.15) !important;
}

/* ===== شريط البحث ===== */
.header-search,
.s-search-modal,
.s-search-container {
    background: transparent !important;
}

.s-search-input-wrapper {
    background: var(--bg-card) !important;
    border: 2px solid var(--border-color) !important;
    border-radius: 24px;
}

.s-search-input-wrapper:focus-within {
    border-color: var(--primary) !important;
    box-shadow: var(--glow-primary) !important;
}

.s-search-input,
.s-search-input:focus {
    background: transparent !important;
    color: var(--text-primary) !important;
    border: none !important;
}

.s-search-input::placeholder {
    color: var(--text-muted) !important;
}

/* ===== الأزرار ===== */
.btn,
.s-button-element,
button,
.header-buttons button,
.btn--rounded-gray {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-secondary) !important;
    border-radius: 12px;
    transition: all 0.3s ease;
}

.btn:hover,
.s-button-element:hover,
button:hover,
.header-buttons button:hover {
    background: var(--bg-card-hover) !important;
    border-color: var(--primary) !important;
    color: var(--primary-light) !important;
    box-shadow: var(--glow-primary) !important;
}

/* ===== أيقونة السلة ===== */
.s-cart-summary-wrapper {
    background: linear-gradient(135deg, var(--primary-dark), var(--accent)) !important;
    border: none !important;
    border-radius: 12px;
    padding: 10px 18px;
    box-shadow: var(--glow-primary);
}

.s-cart-summary-wrapper:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 40px rgba(167, 139, 250, 0.6) !important;
}

.s-cart-summary-count {
    background: linear-gradient(135deg, #ef4444, #dc2626) !important;
    color: white !important;
    box-shadow: 0 0 15px rgba(239, 68, 68, 0.7);
}

/* ===== الأقسام ===== */
.s-block,
section,
.s-block--latest-products {
    background: transparent !important;
    padding: 80px 0;
}

.container {
    background: transparent !important;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 24px;
}

/* ===== عناوين الأقسام ===== */
.s-block__title h2,
h1, h2, h3 {
    color: var(--text-primary) !important;
    font-size: 42px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 60px;
    text-shadow: 0 0 30px rgba(167, 139, 250, 0.3);
}

.s-block__title h2::after {
    content: '';
    display: block;
    width: 100px;
    height: 4px;
    background: linear-gradient(90deg, var(--primary), var(--accent));
    margin: 20px auto 0;
    border-radius: 2px;
    box-shadow: var(--glow-primary);
}

/* ===== شبكة المنتجات ===== */
.s-products-list-wrapper {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
    gap: 30px !important;
    background: transparent !important;
}

/* ===== كروت المنتجات ===== */
.s-product-card-entry {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.4s ease;
}

.s-product-card-entry:hover {
    transform: translateY(-12px) scale(1.02) !important;
    border-color: var(--primary) !important;
    box-shadow: 
        var(--glow-primary),
        0 20px 40px rgba(0, 0, 0, 0.7) !important;
}

/* ===== صورة المنتج ===== */
.s-product-card-image {
    background: linear-gradient(135deg, var(--bg-darker) 0%, var(--bg-card) 100%) !important;
    padding: 40px;
    position: relative;
}

.s-product-card-image img {
    width: 100%;
    height: 220px;
    object-fit: contain;
    transition: all 0.5s ease;
    filter: drop-shadow(0 10px 20px rgba(167, 139, 250, 0.3));
}

.s-product-card-entry:hover .s-product-card-image img {
    transform: scale(1.15) rotate(5deg);
    filter: drop-shadow(0 15px 30px rgba(167, 139, 250, 0.6));
}

/* ===== شارة طلب مسبق ===== */
.s-product-card-promotion-title {
    position: absolute !important;
    top: 20px;
    left: 20px;
    background: linear-gradient(135deg, var(--accent), #f43f5e) !important;
    color: white !important;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    box-shadow: var(--glow-accent);
    z-index: 3;
}

/* ===== زر المفضلة ===== */
.s-product-card-wishlist-btn {
    background: rgba(26, 26, 46, 0.95) !important;
    backdrop-filter: blur(10px);
    border: 2px solid var(--border-color) !important;
    border-radius: 50%;
}

.s-product-card-wishlist-btn:hover {
    background: linear-gradient(135deg, var(--accent), #f43f5e) !important;
    border-color: var(--accent) !important;
    box-shadow: var(--glow-accent) !important;
}

.s-product-card-wishlist-btn i {
    color: var(--text-secondary) !important;
}

.s-product-card-wishlist-btn:hover i {
    color: white !important;
}

/* ===== محتوى الكارد ===== */
.s-product-card-content {
    background: transparent !important;
    padding: 24px;
}

.s-product-card-content-title,
.s-product-card-content-title a {
    color: var(--text-primary) !important;
    font-size: 18px;
    font-weight: 700;
}

.s-product-card-entry:hover .s-product-card-content-title a {
    color: var(--primary-light) !important;
}

/* ===== الأسعار ===== */
.s-product-card-sale-price h4 {
    background: linear-gradient(135deg, var(--primary), var(--accent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-size: 28px;
    font-weight: 800;
}

.s-product-card-sale-price span {
    color: var(--text-muted) !important;
    text-decoration: line-through;
}

/* ===== زر الإضافة للسلة ===== */
.s-product-card-content {
    background: var(--bg-darker) !important;
    background-image: 
        linear-gradient(rgba(167, 139, 250, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(167, 139, 250, 0.03) 1px, transparent 1px);
    background-size: 50px 50px;
    padding: 24px;
    text-align: center;
    border-radius: 12px;
    color: var(--text-primary) !important;
}

.s-product-card-content-title a {
    color: var(--text-primary) !important;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
}

.s-product-card-content-sub {
    margin: 10px 0;
}

.s-product-card-sale-price h4 {
    color: var(--primary) !important;
    font-size: 24px;
    font-weight: 800;
    margin: 0;
}

.s-product-card-sale-price span {
    color: var(--text-muted) !important;
    text-decoration: line-through;
    font-size: 16px;
}

.s-product-card-content-footer {
    padding-top: 10px;
}

salla-add-product-button .s-button-element {
    background: linear-gradient(135deg, #a78bfa, #ec4899) !important;
    border: none !important;
    color: white !important;
    padding: 12px 24px;
    border-radius: 12px;
    font-weight: 700;
    width: 100%;
}

salla-add-product-button .s-button-element:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(167, 139, 250, 0.6);
}

.s-button-primary-outline:hover,
.s-button-primary:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px rgba(167, 139, 250, 0.6) !important;
}

.s-button-primary-outline span,
.s-button-primary span {
    color: white !important;
}

/* ===== الفوتر ===== */
.store-footer,
.store-footer__inner {
    background: linear-gradient(135deg, var(--bg-darker) 0%, #0a0a1a 100%) !important;
    border-top: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
}

.store-footer h3 {
    color: var(--primary-light) !important;
    text-shadow: 0 0 10px rgba(167, 139, 250, 0.3);
}

.store-footer a {
    color: var(--text-secondary) !important;
}

.store-footer a:hover {
    color: var(--primary-light) !important;
}

.store-footer p,
.store-footer span,
.store-footer div {
    color: var(--text-secondary) !important;
}

/* ===== معلومات حقوق النشر ===== */
.copyright-text,
.copyright-text p,
.copyright-text a {
    color: var(--text-muted) !important;
}

/* ===== أيقونات وسائل الدفع ===== */
.s-payments-list-item img {
    background: var(--bg-card) !important;
    padding: 10px;
    border: 1px solid var(--border-color) !important;
    border-radius: 8px;
}

.s-payments-list-item img:hover {
    border-color: var(--primary) !important;
    box-shadow: var(--glow-primary) !important;
}

/* ===== قائمة المستخدم ===== */
.s-user-menu-dropdown,
.s-user-menu-dropdown-list {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    box-shadow: var(--shadow-lg) !important;
}

.s-user-menu-dropdown-item {
    color: var(--text-secondary) !important;
}

.s-user-menu-dropdown-item:hover {
    background: rgba(167, 139, 250, 0.15) !important;
    color: var(--primary-light) !important;
}

.s-user-menu-dropdown-item span,
.s-user-menu-dropdown-item-title {
    color: inherit !important;
}

/* ===== الصفحات الأخرى ===== */
.page-content,
.s-modal-body,
.modal-content,
form,
.form-group,
input,
textarea,
select {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

/* ===== الحقول النصية ===== */
input,
textarea,
select {
    background: var(--bg-darker) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 8px;
    padding: 12px;
}

input:focus,
textarea:focus,
select:focus {
    border-color: var(--primary) !important;
    box-shadow: var(--glow-primary) !important;
    outline: none !important;
}

input::placeholder,
textarea::placeholder {
    color: var(--text-muted) !important;
}

/* ===== الجداول ===== */
table {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
}

th, td {
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

tr:hover {
    background: var(--bg-card-hover) !important;
}

/* ===== الإشعارات ===== */
.alert,
.notification,
.s-alert {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color) !important;
}

/* ===== Scrollbar مخصص ===== */
::-webkit-scrollbar {
    width: 12px;
    background: var(--bg-darker);
}

::-webkit-scrollbar-track {
    background: var(--bg-darker);
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--primary-dark), var(--accent));
    border-radius: 6px;
    border: 2px solid var(--bg-darker);
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, var(--primary), var(--accent-secondary));
    box-shadow: 0 0 10px rgba(167, 139, 250, 0.5);
}

/* ===== تأثيرات التحميل ===== */
@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.s-product-card-entry {
    animation: slideInUp 0.6s ease-out backwards;
}

/* ===== التحديد (Selection) ===== */
::selection {
    background: var(--primary) !important;
    color: white !important;
}

::-moz-selection {
    background: var(--primary) !important;
    color: white !important;
}

/* ===== Responsive ===== */
@media (max-width: 1024px) {
    .s-products-list-wrapper {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important;
    }
}

@media (max-width: 768px) {
    .s-block__title h2 {
        font-size: 32px;
    }
    
    .s-products-list-wrapper {
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important;
        gap: 20px !important;
    }
}

/* ===== إصلاح أي خلفية بيضاء متبقية ===== */
[style*="background: white"],
[style*="background: #fff"],
[style*="background: #ffffff"],
[style*="background-color: white"],
[style*="background-color: #fff"],
[style*="background-color: #ffffff"] {
    background: var(--bg-card) !important;
    background-color: var(--bg-card) !important;
}

/* ===== إصلاح النصوص السوداء ===== */
[style*="color: black"],
[style*="color: #000"],
[style*="color: #000000"] {
    color: var(--text-primary) !important;
}
/* ===== تحسين قسم تفاصيل المنتج - كود كامل من الصفر ===== */

/* حاوية النموذج الرئيسية */
.product-form {
    background: transparent !important;
}

/* ===== المربع الموحد الكبير ===== */
.s-product-options-wrapper,
section.flex.bg-white,
section.mt-5.p-5,
.sticky-product-bar {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    margin: 0 !important;
}

/* المقاس - أول قسم */
.s-product-options-wrapper {
    border-radius: 16px 16px 0 0 !important;
    padding: 24px !important;
    border-bottom: 1px solid rgba(45, 45, 68, 0.5) !important;
}

/* السعر - القسم الثاني */
section.flex.bg-white {
    border-radius: 0 !important;
    padding: 24px !important;
    border-top: none !important;
    border-left: 1px solid var(--border-color) !important;
    border-right: 1px solid var(--border-color) !important;
    border-bottom: 1px solid rgba(45, 45, 68, 0.5) !important;
}

/* العداد التنازلي - القسم الثالث */
section.mt-5.p-5 {
    border-radius: 0 !important;
    padding: 24px !important;
    margin-top: 0 !important;
    border-top: none !important;
    border-left: 1px solid var(--border-color) !important;
    border-right: 1px solid var(--border-color) !important;
    border-bottom: 1px solid rgba(45, 45, 68, 0.5) !important;
}

/* الكمية والزر - آخر قسم */
.sticky-product-bar {
    border-radius: 0 0 16px 16px !important;
    padding: 24px !important;
    border-top: none !important;
}

/* ===== إزالة جميع الخلفيات الداخلية ===== */
.s-product-options-option-container,
.s-product-options-option,
.s-product-options-option-content,
.s-product-options-option-content > div,
.center-between,
.price-wrapper,
.price_is_on_sale,
.starting-or-normal-price,
.s-count-down-wrapper,
.s-count-down-pre-order-container,
.sticky-product-bar__quantity,
.s-add-product-button-with-sticky-bar,
.s-button-wrap {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

/* ===== قسم المقاس ===== */
.s-product-options-option-label {
    color: var(--text-primary) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-bottom: 12px !important;
    display: block !important;
}

.s-product-options-option-label b {
    color: var(--text-primary) !important;
}

.s-product-options-option-label small {
    color: var(--text-muted) !important;
    font-size: 13px !important;
    margin-right: 8px !important;
    font-weight: 400 !important;
}

.s-product-options-option-label span {
    color: var(--accent) !important;
}

/* القائمة المنسدلة */
.s-product-options-option-content select,
.s-form-control {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 10px !important;
    padding: 12px 16px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    width: 100% !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

.s-product-options-option-content select:hover,
.s-form-control:hover {
    border-color: var(--primary) !important;
    box-shadow: 0 0 12px rgba(167, 139, 250, 0.25) !important;
}

.s-product-options-option-content select:focus,
.s-form-control:focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 18px rgba(167, 139, 250, 0.35) !important;
    outline: none !important;
    background: var(--bg-card) !important;
}

.s-product-options-option-content select option {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
    padding: 10px !important;
}

/* ===== قسم السعر ===== */
.form-label {
    margin-bottom: 0 !important;
}

.form-label b {
    color: var(--text-primary) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

.price_is_on_sale {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.total-price {
    background: linear-gradient(135deg, var(--primary), var(--accent)) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    font-size: 26px !important;
    font-weight: 800 !important;
    margin: 0 !important;
}

.total-price i {
    -webkit-text-fill-color: transparent !important;
}

.before-price {
    color: var(--text-muted) !important;
    font-size: 17px !important;
    text-decoration: line-through !important;
    opacity: 0.7 !important;
}

.before-price i {
    color: var(--text-muted) !important;
}

/* ===== العداد التنازلي ===== */
.s-count-down-pre-order-container p {
    color: var(--text-primary) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-bottom: 14px !important;
    text-align: center !important;
}

.s-count-down-list {
    display: flex !important;
    justify-content: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

.s-count-down-item {
    background: linear-gradient(135deg, var(--primary-dark), var(--accent)) !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 10px 14px !important;
    min-width: 60px !important;
    text-align: center !important;
    box-shadow: 0 4px 12px rgba(167, 139, 250, 0.3) !important;
    transition: all 0.3s ease !important;
}

.s-count-down-item:hover {
    transform: translateY(-3px) scale(1.05) !important;
    box-shadow: 0 6px 18px rgba(167, 139, 250, 0.5) !important;
}

.s-count-down-item-value {
    color: white !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    margin-bottom: 3px !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

.s-count-down-item-label {
    color: rgba(255, 255, 255, 0.95) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
}

/* ===== قسم الكمية ===== */
.sticky-product-bar__quantity {
    margin-bottom: 16px !important;
}

.sticky-product-bar__quantity .form-label {
    color: var(--text-primary) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

/* حقل الكمية */
.s-quantity-input {
    background: transparent !important;
}

.s-quantity-input-container {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 10px !important;
    padding: 6px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.s-quantity-input-input {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
    border: none !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    width: 50px !important;
    outline: none !important;
}

.s-quantity-input-button {
    background: linear-gradient(135deg, var(--primary-dark), var(--accent)) !important;
    border: none !important;
    border-radius: 8px !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.s-quantity-input-button:hover {
    transform: scale(1.12) !important;
    box-shadow: 0 4px 14px rgba(167, 139, 250, 0.5) !important;
}

.s-quantity-input-button svg {
    width: 17px !important;
    height: 17px !important;
    fill: white !important;
}

/* ===== زر الإضافة للسلة ===== */
.s-add-product-button-with-sticky-bar {
    margin-top: 16px !important;
}

.sticky-product-bar__btn {
    background: transparent !important;
}

.s-button-element {
    background: linear-gradient(135deg, var(--primary), var(--accent)) !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 16px 32px !important;
    width: 100% !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: white !important;
    cursor: pointer !important;
    transition: all 0.4s ease !important;
    box-shadow: 0 8px 20px rgba(167, 139, 250, 0.4) !important;
    position: relative !important;
    overflow: hidden !important;
}

.s-button-element::before {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 0 !important;
    height: 0 !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.25) !important;
    transform: translate(-50%, -50%) !important;
    transition: width 0.6s, height 0.6s !important;
}

.s-button-element:hover::before {
    width: 350px !important;
    height: 350px !important;
}

.s-button-element:hover {
    transform: translateY(-3px) scale(1.02) !important;
    box-shadow: 0 12px 30px rgba(167, 139, 250, 0.6) !important;
}

.s-button-element:active {
    transform: translateY(-1px) scale(0.99) !important;
}

.s-button-text {
    color: white !important;
    position: relative !important;
    z-index: 1 !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
}

/* ===== رسالة نفاد الكمية ===== */
.out-of-stock {
    background: rgba(239, 68, 68, 0.12) !important;
    border: 1px solid rgba(239, 68, 68, 0.3) !important;
    border-radius: 10px !important;
    padding: 12px !important;
    color: #ef4444 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-align: center !important;
    margin-top: 12px !important;
}

/* ===== تأثير توهج خفيف للعداد ===== */
@keyframes subtleGlow {
    0%, 100% {
        box-shadow: 0 4px 12px rgba(167, 139, 250, 0.3);
    }
    50% {
        box-shadow: 0 4px 18px rgba(167, 139, 250, 0.45);
    }
}

.s-count-down-item {
    animation: subtleGlow 3s ease-in-out infinite !important;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
    .s-product-options-wrapper,
    section.flex.bg-white,
    section.mt-5.p-5,
    .sticky-product-bar {
        padding: 20px !important;
    }
    
    .s-count-down-item {
        min-width: 55px !important;
        padding: 8px 12px !important;
    }
    
    .s-count-down-item-value {
        font-size: 18px !important;
    }
    
    .total-price {
        font-size: 23px !important;
    }
    
    .before-price {
        font-size: 15px !important;
    }
    
    .s-button-element {
        font-size: 15px !important;
        padding: 14px 28px !important;
    }
}
/* ===== تحسين أزرار السلايدر - نقلها للأسفل ===== */

/* حاوية الأزرار */
.s-slider-block__title-nav {
    position: absolute !important;
    bottom: 20px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 10 !important;
    display: flex !important;
    gap: 12px !important;
    background: rgba(26, 26, 46, 0.8) !important;
    backdrop-filter: blur(10px) !important;
    padding: 8px 12px !important;
    border-radius: 50px !important;
    border: 1px solid var(--border-color) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;
}

/* أزرار التنقل */
.s-slider-nav-arrow,
.s-slider-prev,
.s-slider-next {
    background: linear-gradient(135deg, var(--primary-dark), var(--accent)) !important;
    border: none !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    box-shadow: 0 2px 10px rgba(167, 139, 250, 0.3) !important;
}

.s-slider-nav-arrow:hover {
    transform: scale(1.1) !important;
    box-shadow: 0 4px 15px rgba(167, 139, 250, 0.5) !important;
}

/* الأزرار المعطلة */
.s-slider-nav-arrow.swiper-button-disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

/* أيقونات الأزرار */
.s-slider-button-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.s-slider-button-icon svg {
    width: 24px !important;
    height: 24px !important;
    fill: white !important;
}

/* ===== تحسين شكل السلايدر بالكامل ===== */
.s-slider-block {
    position: relative !important;
}

/* إزالة الأزرار من الوسط */
.s-slider-block__title-nav:not([style*="bottom"]) {
    top: auto !important;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
    .s-slider-block__title-nav {
        bottom: 15px !important;
        padding: 6px 10px !important;
    }
    
    .s-slider-nav-arrow,
    .s-slider-prev,
    .s-slider-next {
        width: 36px !important;
        height: 36px !important;
    }
    
    .s-slider-button-icon svg {
        width: 20px !important;
        height: 20px !important;
    }
}
/* ===== تحسين عرض صورة المنتج (السلايدر) ===== */

/* حاوية السلايدر الرئيسية */
.details-slider,
.s-slider-wrapper,
salla-slider {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    position: relative !important;
    margin-bottom: 24px !important;
}

/* حاوية الصور */
.s-slider-container,
.swiper {
    background: linear-gradient(135deg, var(--bg-darker) 0%, var(--bg-card) 100%) !important;
    padding: 40px !important;
    border-radius: 16px !important;
}

/* الصورة نفسها */
.swiper-slide img,
.magnify-wrapper img {
    width: 100% !important;
    height: auto !important;
    max-height: 450px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 10px 30px rgba(167, 139, 250, 0.3)) !important;
    transition: all 0.5s ease !important;
}

.swiper-slide:hover img {
    transform: scale(1.05) !important;
    filter: drop-shadow(0 15px 40px rgba(167, 139, 250, 0.5)) !important;
}

/* شارة "طلب مسبق" */
.promotion-title {
    position: absolute !important;
    top: 20px !important;
    right: 20px !important;
    background: linear-gradient(135deg, var(--accent), #f43f5e) !important;
    color: white !important;
    padding: 10px 20px !important;
    border-radius: 25px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 15px rgba(236, 72, 153, 0.4) !important;
    z-index: 10 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

/* زر المفضلة */
.btn--wishlist {
    position: absolute !important;
    top: 20px !important;
    left: 20px !important;
    z-index: 10 !important;
}

.btn--wishlist .s-button-element {
    background: rgba(26, 26, 46, 0.95) !important;
    backdrop-filter: blur(10px) !important;
    border: 2px solid var(--border-color) !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
}

.btn--wishlist .s-button-element:hover {
    background: linear-gradient(135deg, var(--accent), #f43f5e) !important;
    border-color: var(--accent) !important;
    box-shadow: 0 4px 15px rgba(236, 72, 153, 0.5) !important;
    transform: scale(1.1) !important;
}

.btn--wishlist i {
    color: var(--text-secondary) !important;
    font-size: 20px !important;
}

.btn--wishlist:hover i {
    color: white !important;
}

/* أزرار التنقل في السلايدر */
.s-slider-block__title-nav {
    position: absolute !important;
    bottom: 20px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 10 !important;
    display: flex !important;
    gap: 12px !important;
    background: rgba(26, 26, 46, 0.9) !important;
    backdrop-filter: blur(15px) !important;
    padding: 10px 14px !important;
    border-radius: 50px !important;
    border: 1px solid var(--border-color) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6) !important;
}

/* أزرار التنقل */
.s-slider-nav-arrow,
.s-slider-prev,
.s-slider-next {
    background: linear-gradient(135deg, var(--primary-dark), var(--accent)) !important;
    border: none !important;
    border-radius: 50% !important;
    width: 42px !important;
    height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 12px rgba(167, 139, 250, 0.3) !important;
}

.s-slider-nav-arrow:hover {
    transform: scale(1.1) !important;
    box-shadow: 0 6px 18px rgba(167, 139, 250, 0.5) !important;
}

.s-slider-nav-arrow.swiper-button-disabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
}

.s-slider-button-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.s-slider-button-icon svg {
    width: 24px !important;
    height: 24px !important;
    fill: white !important;
}

/* الصور المصغرة (Thumbnails) إن وجدت */
.s-slider-thumbs {
    margin-top: 16px !important;
    padding: 16px !important;
    background: transparent !important;
}

.s-slider-thumbs .swiper-slide {
    border: 2px solid var(--border-color) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

.s-slider-thumbs .swiper-slide:hover {
    border-color: var(--primary) !important;
    box-shadow: 0 0 15px rgba(167, 139, 250, 0.4) !important;
}

.s-slider-thumbs .swiper-slide-thumb-active {
    border-color: var(--primary) !important;
    box-shadow: 0 0 20px rgba(167, 139, 250, 0.5) !important;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
    .s-slider-container,
    .swiper {
        padding: 30px 20px !important;
    }
    
    .swiper-slide img,
    .magnify-wrapper img {
        max-height: 300px !important;
    }
    
    .promotion-title {
        top: 15px !important;
        right: 15px !important;
        padding: 8px 16px !important;
        font-size: 12px !important;
    }
    
    .btn--wishlist {
        top: 15px !important;
        left: 15px !important;
    }
    
    .btn--wishlist .s-button-element {
        width: 40px !important;
        height: 40px !important;
    }
    
    .s-slider-block__title-nav {
        bottom: 15px !important;
        padding: 8px 12px !important;
    }
    
    .s-slider-nav-arrow,
    .s-slider-prev,
    .s-slider-next {
        width: 38px !important;
        height: 38px !important;
    }
}
/* ===== تعديل زر المفضلة فقط ===== */

/* زر المفضلة */
.btn--wishlist {
    position: absolute !important;
    top: 20px !important;
    left: 20px !important;
    z-index: 10 !important;
}

.btn--wishlist .s-button-element {
    background: rgba(26, 26, 46, 0.95) !important;
    backdrop-filter: blur(10px) !important;
    border: 2px solid var(--border-color) !important;
    border-radius: 50% !important;
    width: 48px !important;
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    padding: 0 !important;
}

.btn--wishlist .s-button-element:hover {
    background: linear-gradient(135deg, var(--accent), #f43f5e) !important;
    border-color: var(--accent) !important;
    box-shadow: 0 4px 15px rgba(236, 72, 153, 0.5) !important;
    transform: scale(1.1) !important;
}

.btn--wishlist .s-button-text {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
}

.btn--wishlist i,
.btn--wishlist .sicon-heart {
    color: var(--text-secondary) !important;
    font-size: 22px !important;
    display: block !important;
    line-height: 1 !important;
}

.btn--wishlist:hover i,
.btn--wishlist:hover .sicon-heart,
.btn--wishlist .s-button-element:hover i {
    color: white !important;
}

/* للأيقونة عند الإضافة للمفضلة */
.btn--wishlist.added .s-button-element,
.btn--wishlist[class*="added"] .s-button-element {
    background: linear-gradient(135deg, var(--accent), #f43f5e) !important;
    border-color: var(--accent) !important;
}

.btn--wishlist.added i,
.btn--wishlist[class*="added"] i {
    color: white !important;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
    .btn--wishlist {
        top: 15px !important;
        left: 15px !important;
    }
    
    .btn--wishlist .s-button-element {
        width: 44px !important;
        height: 44px !important;
    }
    
    .btn--wishlist i,
    .btn--wishlist .sicon-heart {
        font-size: 20px !important;
    }
}
/* ===== تحسين قسم "منتجات قد تعجبك" - السلايدر فقط ===== */

/* الحاوية الرئيسية للسلايدر */
.s-products-slider-slider,
.s-slider-wrapper.carousel-slider,
salla-slider.s-products-slider-slider {
    background: transparent !important;
    padding: 60px 0 !important;
}

/* العنوان والأزرار */
.s-products-slider-slider .s-slider-block__title,
.s-slider-wrapper.carousel-slider .s-slider-block__title {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 40px !important;
    padding: 0 24px !important;
}

/* عنوان القسم */
.s-products-slider-slider .s-slider-block__title h2,
.s-slider-wrapper.carousel-slider .s-slider-block__title h2 {
    color: var(--text-primary) !important;
    font-size: 32px !important;
    font-weight: 800 !important;
    margin: 0 !important;
    background: linear-gradient(135deg, var(--primary), var(--accent)) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* أزرار التنقل في السلايدر فقط */
.s-products-slider-slider .s-slider-block__title-nav,
.s-slider-wrapper.carousel-slider .s-slider-block__title-nav {
    display: flex !important;
    gap: 12px !important;
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
    position: static !important;
    transform: none !important;
}

.s-products-slider-slider .s-slider-nav-arrow,
.s-slider-wrapper.carousel-slider .s-slider-nav-arrow {
    background: linear-gradient(135deg, var(--primary-dark), var(--accent)) !important;
    border: none !important;
    border-radius: 50% !important;
    width: 48px !important;
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(167, 139, 250, 0.3) !important;
    position: static !important;
}

.s-products-slider-slider .s-slider-nav-arrow:hover,
.s-slider-wrapper.carousel-slider .s-slider-nav-arrow:hover {
    transform: scale(1.1) !important;
    box-shadow: 0 6px 20px rgba(167, 139, 250, 0.5) !important;
}

.s-products-slider-slider .s-slider-nav-arrow.swiper-button-disabled,
.s-slider-wrapper.carousel-slider .s-slider-nav-arrow.swiper-button-disabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
}

.s-products-slider-slider .s-slider-button-icon svg,
.s-slider-wrapper.carousel-slider .s-slider-button-icon svg {
    width: 24px !important;
    height: 24px !important;
    fill: white !important;
}

/* حاوية السلايدر */
.s-products-slider-slider .s-slider-container,
.s-slider-wrapper.carousel-slider .s-slider-container {
    background: transparent !important;
    padding: 0 24px !important;
}

/* كروت المنتجات داخل السلايدر */
.s-products-slider-card {
    height: auto !important;
}

.s-products-slider-card .s-product-card-entry {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.4s ease !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

.s-products-slider-card .s-product-card-entry:hover {
    transform: translateY(-12px) scale(1.02) !important;
    border-color: var(--primary) !important;
    box-shadow: 
        0 0 30px rgba(167, 139, 250, 0.4),
        0 20px 40px rgba(0, 0, 0, 0.7) !important;
}

/* صورة المنتج داخل السلايدر */
.s-products-slider-card .s-product-card-image {
    background: linear-gradient(135deg, var(--bg-darker) 0%, var(--bg-card) 100%) !important;
    padding: 40px !important;
    position: relative !important;
    height: 250px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.s-products-slider-card .s-product-card-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    transition: all 0.5s ease !important;
    filter: drop-shadow(0 10px 20px rgba(167, 139, 250, 0.3)) !important;
}

.s-products-slider-card .s-product-card-entry:hover .s-product-card-image img {
    transform: scale(1.1) rotate(3deg) !important;
    filter: drop-shadow(0 15px 30px rgba(167, 139, 250, 0.6)) !important;
}

/* شارة "طلب مسبق" في السلايدر */
.s-products-slider-card .s-product-card-promotion-title {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    background: linear-gradient(135deg, var(--accent), #f43f5e) !important;
    color: white !important;
    padding: 8px 16px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 12px rgba(236, 72, 153, 0.4) !important;
    z-index: 3 !important;
}

/* زر المفضلة في السلايدر */
.s-products-slider-card .s-product-card-wishlist-btn {
    position: absolute !important;
    top: 16px !important;
    left: 16px !important;
    z-index: 3 !important;
}

.s-products-slider-card .s-product-card-wishlist-btn .s-button-element {
    background: rgba(26, 26, 46, 0.95) !important;
    backdrop-filter: blur(10px) !important;
    border: 2px solid var(--border-color) !important;
    border-radius: 50% !important;
    width: 42px !important;
    height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
}

.s-products-slider-card .s-product-card-wishlist-btn:hover .s-button-element {
    background: linear-gradient(135deg, var(--accent), #f43f5e) !important;
    border-color: var(--accent) !important;
    box-shadow: 0 4px 12px rgba(236, 72, 153, 0.5) !important;
}

.s-products-slider-card .s-product-card-wishlist-btn i {
    color: var(--text-secondary) !important;
    font-size: 20px !important;
}

.s-products-slider-card .s-product-card-wishlist-btn:hover i {
    color: white !important;
}

/* محتوى الكارد */
.s-products-slider-card .s-product-card-content {
    background: transparent !important;
    padding: 24px !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

/* عنوان المنتج */
.s-products-slider-card .s-product-card-content-title a {
    color: var(--text-primary) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    transition: all 0.3s ease !important;
}

.s-products-slider-card .s-product-card-entry:hover .s-product-card-content-title a {
    color: var(--primary-light) !important;
}

/* الأسعار */
.s-products-slider-card .s-product-card-sale-price {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 16px !important;
}

.s-products-slider-card .s-product-card-sale-price h4 {
    background: linear-gradient(135deg, var(--primary), var(--accent)) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    margin: 0 !important;
}

.s-products-slider-card .s-product-card-sale-price span {
    color: var(--text-muted) !important;
    text-decoration: line-through !important;
    font-size: 16px !important;
}

/* زر الإضافة للسلة */
.s-products-slider-card .s-button-primary-outline {
    background: linear-gradient(135deg, var(--primary), var(--accent)) !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 14px 24px !important;
    width: 100% !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(167, 139, 250, 0.3) !important;
}

.s-products-slider-card .s-button-primary-outline:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px rgba(167, 139, 250, 0.5) !important;
}

.s-products-slider-card .s-button-primary-outline span {
    color: white !important;
    font-weight: 700 !important;
}

.s-products-slider-card .s-button-primary-outline i {
    color: white !important;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
    .s-products-slider-slider .s-slider-block__title,
    .s-slider-wrapper.carousel-slider .s-slider-block__title {
        flex-direction: column !important;
        gap: 20px !important;
        align-items: flex-start !important;
    }
    
    .s-products-slider-slider .s-slider-block__title h2,
    .s-slider-wrapper.carousel-slider .s-slider-block__title h2 {
        font-size: 24px !important;
    }
}
/* إزالة كل الخلفيات من العد التنازلي */
.s-count-down-pre-order-container,
.s-count-down-list.s-count-down-dark,
.s-count-down-list.s-count-down-dark li,
.s-count-down-list.s-count-down-dark li .s-count-down-item-value,
.s-count-down-list.s-count-down-dark li .s-count-down-item-label {
    background-color: transparent !important;
}
/* خلفية شفافة ونص أبيض */
form.product-form {
    --bg-darker: transparent;
    --text-primary: #fff; /* الكلام أبيض */
}

/* كل النصوص داخل الفورم تكون بيضاء */
form.product-form label,
form.product-form b,
form.product-form small,
form.product-form p,
form.product-form section,
form.product-form .s-count-down-item-label,
form.product-form .s-button-text span {
    color: var(--text-primary) !important;
}

/* الأسعار والأرقام تبقى كما هي */
form.product-form .total-price,
form.product-form .before-price,
form.product-form .s-count-down-item-value {
    color: inherit !important; /* لا تغير لون الأرقام */
}

/* زر الطلب بعرض كامل */
form.product-form .s-add-product-button .s-button-wrap,
form.product-form .s-add-product-button .s-button-element {
    width: 100% !important;
}

/* تطبيق الألوان العامة */
.s-product-card-content {
    --bg-darker: transparent;
    --text-primary: #fff; /* الكلام أبيض */
}

/* نصوص العناوين والوصف - أبيض */
.s-product-card-content h3,
.s-product-card-content h3 a,
.s-product-card-content .s-product-card-content-sub span,
.s-product-card-content .s-product-card-content-footer .s-button-text span {
    color: var(--text-primary) !important;
}

/* الأسعار والأرقام تبقى كما هي */
.s-product-card-content-sub h4,
.s-product-card-content-sub h4 i,
.s-product-card-content-sub span i {
    color: inherit !important; /* أو تترك بدون تغيير */
}

/* زر الطلب بعرض كامل */
.s-product-card-content-footer .s-button-wrap {
    width: 100% !important;
    display: block !important;
}

.s-product-card-content-footer .s-button-element {
    width: 100% !important;
}

/* أيقونة داخل الزر */
.s-product-card-content-footer .s-button-text i {
    margin-right: 4px;
}
/* إزالة الخلفية البيضاء خلف صور السلايدر */
.swiper .swiper-slide,
.swiper .magnify-wrapper,
.swiper img {
    background: transparent !important;
}

/* إذا كان فيه ظل أو إطار أبيض */
.swiper-slide .homeslider__slide {
    background: transparent !important;
}
/* إزالة أي حدود أو ظل حول صور السلايدر */
.swiper .swiper-slide,
.swiper .magnify-wrapper,
.swiper img {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important; /* للتأكد من إزالة أي خلفية */
}
/* "طلب مسبق" فوق يمين بخلفية صغيرة حول النص فقط */
.s-product-card-promotion-title {
    position: absolute;
    top: 10px; /* فوق */
    right: 10px; /* يمين */
    display: inline-block; /* الخلفية حول النص فقط */
    background: rgba(0,0,0,0.6);
    color: #fff;
    font-weight: bold;
    font-size: 0.75rem;
    padding: 2px 6px;
    border-radius: 3px;
    text-align: center;
    z-index: 15;
    max-width: max-content; /* يحصر الخلفية على حجم النص */
}

/* إزالة أي خطوط أو خلفيات حول الصورة */
.s-product-card-image img {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* إزالة زر الأماني بالكامل */
.s-product-card-wishlist-btn {
    display: none !important;
}
/* ===== قائمة المستخدم - تعديل الموضع للأسفل "قليلاً" (الإزاحة) ===== */
.s-user-menu-dropdown {
    /* الموضع الأفقي: نعود للمحاذاة التي أظهرتها في الصورة (بجانب الشعار) */
    right: 100% !important; 
    left: auto !important; 
    margin-right: 0 !important; /* إلغاء أي هامش سالب */
    
    /* الموضع العمودي: تبدأ من المنتصف */
    top: 50% !important; 
    
    /* ********** التعديل الحاسم: إزاحة عمودية بسيطة للأسفل ********** */
    /* القيمة -50% تضعها في المنتصف، لذا سنغيرها لـ -40% لإنزالها قليلاً */
    transform: translateY(-40%) !important; 
    /* *************************************************************** */

    /* الحفاظ على التصميم العام والـ Z-Index */
    background: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 12px !important; 
    box-shadow: var(--shadow-lg) !important;
    z-index: 99999 !important; 
    min-width: 250px !important; 
    padding: 15px !important;
}

/* لضمان أن يكون المشغل (Trigger) هو الأساس المرجعي */
.s-user-menu-wrapper {
    position: relative !important;
    z-index: 99999 !important;
}

/* تعديل زر تسجيل الخروج يبقى كما هو */
.s-user-menu-dropdown-item[href*="/logout"] {
    color: #ef4444 !important;
    font-weight: 700 !important;
}

.s-user-menu-dropdown-item[href*="/logout"]:hover {
    background: rgba(239, 68, 68, 0.15) !important;
}

.s-user-menu-dropdown-item[href*="/logout"] i,
.s-user-menu-dropdown-item[href*="/logout"] svg {
    color: #ef4444 !important;
}
/* ===== أيقونة السلة - تصميم النيون (بدون توهج) ===== */
.s-cart-summary-wrapper {
    /* الخلفية: تدرج لوني نيون (بنفسجي إلى وردي) */
    background: linear-gradient(135deg, var(--primary-dark), var(--accent)) !important;
    /* إزالة الحدود */
    border: none !important;
    /* حواف مستديرة */
    border-radius: 12px !important;
    /* الحشو والعرض */
    padding: 10px 18px !important;
    /* ********** إزالة التوهج والظلال ********** */
    box-shadow: none !important; 
    /* **************************************** */
    /* تفعيل التحولات للحركة */
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    position: relative !important;
}

.s-cart-summary-wrapper:hover {
    /* تأثير رفع خفيف عند التحويم */
    transform: translateY(-3px) !important;
    /* ********** إزالة التوهج والظلال عند التحويم ********** */
    box-shadow: none !important; 
    /* *************************************************** */
}

/* ===== أيقونة السلة الداخلية (SVG / i) - بدون خلفية سوداء ===== */
.s-cart-summary-icon,
#s-cart-icon, 
#s-cart-icon i,
#s-cart-icon svg,
#s-cart-icon svg path {
    color: white !important;
    fill: white !important;
    stroke: white !important;
    font-size: 24px !important;
    /* ضمان إزالة الخلفية السوداء */
    background-color: transparent !important; 
    background: transparent !important; 
    border: none !important; 
    box-shadow: none !important; 
}

/* ===== العداد (الرقم الأحمر) - بدون توهج ===== */
.s-cart-summary-count {
    position: absolute !important;
    top: -8px !important;
    right: -8px !important;
    background: linear-gradient(135deg, #ef4444, #dc2626) !important;
    color: white !important;
    /* ********** إزالة توهج العداد ********** */
    box-shadow: none !important; 
    /* ************************************ */
    border-radius: 50% !important;
    min-width: 25px !important;
    height: 25px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 2px !important;
    z-index: 1 !important;
}

/* ===== إجمالي السعر والنص (الحفاظ على اللون الأبيض) ===== */
.s-cart-summary-content {
    display: flex !important;
    align-items: center !important;
    color: white !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}

.s-cart-summary-total {
    color: white !important;
    font-weight: 700 !important;
    margin-right: 5px !important;
}

.s-cart-summary-total i {
    color: white !important;
    font-size: 14px !important;
}
/* ===== الحل النهائي والكامل: إزالة جميع الخلفيات الداكنة وتثبيت الترتيب باستخدام Grid ===== */

/* **************** التنسيقات الأساسية لعنصر السلة **************** */
.cart-item {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    padding: 20px !important; 
}

/* **************** 1. إزالة الخلفية الداكنة من شريط التفاصيل الرئيسي (GRID LAYOUT) **************** */
.cart-item .md\:flex.rtl\:space-x-reverse.md\:space-x-12.items-start.justify-between.mb-8 {
    display: grid !important;
    grid-template-columns: 1fr 180px 100px !important;
    gap: 20px !important;
    align-items: start !important;
    margin-bottom: 25px !important;
    
    /* الإزالة القسرية للخلفية من العنصر الأب */
    background-color: transparent !important; 
}

/* **************** 2. إزالة الخلفية من عمود الصورة/التفاصيل **************** */
.cart-item .md\:flex.rtl\:space-x-reverse.md\:space-x-12.items-start.justify-between.mb-8 > div.flex.flex-1.rtl\:space-x-reverse.space-x-4 {
    /* الإزالة من العنصر الذي يحتوي الصورة والتفاصيل النصية */
    background-color: transparent !important; 
}

/* **************** 3. التعديل الجديد: إزالة الخلفية من منطقة الاسم والأسعار **************** */
.cart-item .md\:flex.rtl\:space-x-reverse.md\:space-x-12.items-start.justify-between.mb-8 > div.flex.flex-1.rtl\:space-x-reverse.space-x-4 > div.space-y-1 {
    /* ********** الإزالة المباشرة من div.space-y-1 الذي يحتوي الاسم والأسعار ********** */
    background-color: transparent !important; 
}

/* **************** 4. تنسيق عمود تفاصيل المنتج **************** */
.cart-item > div:first-child > div:first-child {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 5px !important;
    position: relative !important;
    background-color: transparent !important; 
}

/* **************** 5. تنسيق الكمية والمجموع (للتأكد من الشفافية) **************** */

/* حقل إدخال الكمية (الرقم 1) */
salla-quantity-input .s-quantity-input-input {
    background-color: transparent !important; 
    border: 1px solid var(--border-color) !important;
    color: white !important;
}

/* أزرار الزيادة والإنقاص (+ و -) */
salla-quantity-input .s-quantity-input-button {
    background-color: transparent !important;
    color: var(--primary-light) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 6px !important;
}

/* عمود المجموع */
.cart-item .border-t.border-b.border-gray-200.py-3.md\:p-0 {
    background-color: transparent !important;
    display: block !important;
    /* ... باقي التنسيقات ... */
}


/* **************** 6. زر الحذف (X) والخيارات (Grid Layout) **************** */
.cart-item span.absolute.top-1\.5.rtl\:left-1\.5 {
    position: static !important; 
    order: -1 !important; 
    align-self: flex-start !important;
    margin-bottom: 10px !important;
}

salla-product-options {
    display: block !important;
    margin-top: 25px !important;
    grid-column: 1 / -1 !important; 
}
/* ===== تعديل زر الحذف: زيادة الحجم (فوق يسار، شفاف) ===== */

/* **************** التعديل على .cart-item ليكون مرجعاً مطلقاً **************** */
.cart-item {
    position: relative !important; 
    /* ... باقي التنسيقات ... */
}

/* 1. تنسيق زر الحذف نفسه (إلغاء التوهج والخلفية وتكبير الحجم) */
.cart-item .btn--delete .s-button-element {
    background-color: transparent !important; /* خلفية شفافة */
    border: none !important; /* إزالة الحدود */
    box-shadow: none !important; /* إزالة التوهج/الظل */
    padding: 0 !important; /* إلغاء الحشو الزائد */
    
    /* ********** زيادة الحجم ********** */
    width: 26px !important; 
    height: 26px !important;
}

/* 2. تحريك زر الحذف إلى الموضع المطلوب (فوق اليسار) */
/* Selector: span الذي يحتوي زر الحذف */
.cart-item span.absolute.top-1\.5.rtl\:left-1\.5 {
    position: absolute !important; /* الموضع المطلق */
    top: 10px !important; /* مسافة من الأعلى */
    left: 10px !important; /* مسافة من اليسار */
    right: auto !important; /* إلغاء التموضع على اليمين */
    z-index: 20 !important;
}

/* 3. جعل الأيقونة حمراء وواضحة (وتكبير حجم الأيقونة) */
.cart-item span.absolute.top-1\.5.rtl\:left-1\.5 i.sicon-cancel {
    color: #ef4444 !important; /* لون أحمر واضح */
    
    /* ********** زيادة حجم الأيقونة ********** */
    font-size: 22px !important;
}
/* **************** التعديل على صورة المنتج لإزالة الحواف البيضاء **************** */

/* المحدد الخاص بصورة المنتج */
.cart-item img.flex-none.w-24.h-20.border.border-gray-200.bg-gray-100.rounded-md.object-center.object-cover {
    border: none !important; /* إزالة الحدود البيضاء */
    background-color: transparent !important; /* إزالة أي خلفية بيضاء */
    border-radius: 8px !important; /* الحفاظ على الحواف المستديرة أو ضبطها */
}
/* **************** التعديل على عمود الكمية والمجموع لنقله لصف جديد **************** */

.cart-item .border-t.border-b.border-gray-200.py-3.md\:p-0 {
    /* ********** التعديل الحاسم: جعل العنصر يمتد على جميع أعمدة الـ Grid ********** */
    grid-column: 1 / -1 !important; /* الامتداد من العمود الأول إلى الأخير */
    
    display: flex !important; /* إعادته للـ Flex لترتيب الكمية والمجموع داخله */
    justify-content: space-between !important; /* توزيع الكمية والمجموع على الطرفين */
    align-items: center !important; 
    
    /* إلغاء التنسيقات القديمة التي كانت تضعه في عمود واحد */
    text-align: unset !important;
    justify-self: unset !important;
    align-self: unset !important;
    
    /* إضافة مسافة واضحة من الأعلى ليفصل عن التفاصيل */
    margin-top: 15px !important; 
    padding-top: 15px !important; /* إضافة حشو علوي */
    border-top: 1px solid var(--border-color) !important; /* لإضافة خط فاصل خفيف */
    
    background-color: transparent !important;
}

/* 1. تنسيق مدخل الكمية داخله (وضعه على طرف) */
.cart-item salla-quantity-input {
    width: 150px !important;
    margin-left: 0 !important; /* وضعه على اليسار (أو البداية) */
    margin-right: 0 !important;
}

/* 2. تنسيق نص المجموع داخله (وضعه على الطرف الآخر) */
.cart-item p.text-primary {
    /* التأكد من ظهوره كعنصر Flex عادي */
    display: flex !important;
    align-items: center !important;
    gap: 5px !important; 
}
/* **************** التعديل على مدخل الكمية: تصحيح الحجم والمحاذاة **************** */

/* 1. حقل إدخال الكمية (الرقم 1) */
salla-quantity-input .s-quantity-input-input {
    background-color: transparent !important; 
    border: 1px solid var(--border-color) !important;
    color: white !important;
    
    /* ********** التعديل الحاسم لتصحيح العرض والمحاذاة ********** */
    width: 40px !important; /* تقليل العرض ليتناسب مع رقم واحد أو رقمين */
    padding: 5px 0 !important; /* تقليل الحشو الرأسي والأفقي */
    text-align: center !important; /* توسيط الرقم داخل المربع */
    /* إلغاء الارتفاع التلقائي */
    height: 38px !important; 
}

/* 2. حاوية الكمية (لضمان بقاء الأزرار متقاربة) */
.cart-item salla-quantity-input .s-quantity-input-container {
    gap: 0 !important; /* التأكد من أن الأزرار ملتصقة بالرقم */
}

/* 3. أزرار الزيادة والإنقاص (+ و -) (لضمان تناسق الارتفاع) */
salla-quantity-input .s-quantity-input-button {
    background-color: transparent !important;
    color: var(--primary-light) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 6px !important;
    /* ********** ضبط الارتفاع ليتناسق مع حقل الإدخال ********** */
    height: 38px !important; 
    width: 38px !important; 
}
/* **************** إخفاء جميع عناصر الأسعار نهائياً **************** */
span[id='original_price'],
span[id='has_discount'],
.item-price.text-red-800,
.item-regular-price,
.cart-item .space-y-1 span.text-gray-500.line-through {
    display: none !important;
}
/* ===== تصحيح لون نص تنبيه الطلب المسبق (Pre-order Alert) ===== */

/* 1. استهداف عنصر النص داخل التنبيه */
salla-alert .s-alert-text {
    color: #FFFFFF !important; /* لون أبيض واضح */
    font-weight: bold !important; /* زيادة وضوح النص */
}

/* 2. استهداف الأيقونة لتبقى واضحة (إذا كانت تختفي) */
salla-alert .s-alert-icon svg path {
    fill: #FFFFFF !important; /* تغيير لون أيقونة المعلومات إلى الأبيض */
}

/* 3. تعديل خلفية التنبيه نفسه إذا كان لون الـ info الافتراضي يسبب مشاكل */
salla-alert[variant="info"] {
    /* للحفاظ على مظهر التنبيه الأزرق/الفاتح مع جعل النص أبيض */
    background-color: rgba(65, 122, 200, 0.1) !important; /* خلفية شفافة قليلاً بلون أزرق خفيف */
    border-color: #417AC8 !important; /* حدود بلون أزرق واضح */
}
/* ===== إزالة الخلفية الداكنة (#080815) من شريط البحث والعملات ===== */

.flex-1.flex.items-center.gap-2 {
    /* تطبيق الخلفية الشفافة بشكل إجباري */
    background-color: transparent !important; 
}
/* ===== إزالة الخلفية #080815 من زر العملات/اللغة بشكل إجباري ===== */

/* نستهدف الزر نفسه والكلاسات الأساسية */
.btn--rounded-gray,
.btn--rounded-gray.basis-0 {
    /* التعديل الحاسم: فرض الشفافية على الخلفية */
    background-color: transparent !important; 
    
    /* إزالة أي حدود أو ظل قد يكون سبباً للون الداكن */
    border: none !important; 
    box-shadow: none !important; 
}

/* نستهدف كل عنصر فرعي داخل الزر لضمان عدم وجود خلفيات داخلية */
.btn--rounded-gray.basis-0 * {
    background-color: transparent !important;
}
/* ===== 1. تصحيح أزرار الكمية (Quantity Selector) ===== */

/* نستهدف كل زر في محدد الكمية */
.product-quantity .btn, 
/* ونستهدف حقل إدخال الكمية في المنتصف */
.product-quantity input {
    /* إزالة أي خلفية شفافة قد تكون تسببت في الخلل */
    background-color: transparent !important;
    
    /* فرض إعادة التظليل والحدود على الأزرار لتبدو واضحة */
    border: 1px solid rgba(255, 255, 255, 0.1) !important; 
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) !important; 
    
    /* التأكد من أن حواف الأزرار الجانبية مستديرة وحقل الإدخال مستقيم */
    border-radius: 8px !important; 
}

/* تعديل خاص لحقل الإدخال لإزالة أي تظليل غير مرغوب */
.product-quantity input {
    border-radius: 0 !important;
}

/* تحسين وضوح النص داخل حقل الإدخال */
.product-quantity input {
    color: #FFFFFF !important;
    font-weight: bold !important;
}
/* ===== 2. إعادة وضوح شعارات طرق الدفع (60x60) ===== */

/* إلغاء جميع التنسيقات على العناصر الحاملة للأيقونات (ضمان الشفافية) */
salla-payments ul.s-payments-list li.s-payments-list-item {
    background-color: transparent !important; 
    border: none !important; 
    box-shadow: none !important; 
    width: auto !important;
    height: auto !important;
    padding: 0 !important; 
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* تكبير صور طرق الدفع نفسها */
salla-payments ul.s-payments-list li.s-payments-list-item img {
    height: 60px !important; 
    
    filter: none !important; 
    mix-blend-mode: normal !important; 
    object-fit: contain !important; 
}
/* ===== تنسيق المسافة بين العنوان "أحدث المنتجات" وقائمة المنتجات ===== */

/* نستهدف حاوية العنوان التي تحمل H2 */
.s-block__title {
    /* إلغاء أي مسافة سفلية (margin-bottom) كبيرة قد تكون مطبقة */
    margin-bottom: 5px !important; 
    
    /* التأكد من أن المسافة العلوية مناسبة إذا كان العنوان يظهر عالياً جداً */
    margin-top: 5px !important; 
}

/* نستهدف قائمة المنتجات نفسها */
salla-products-list {
    /* ضمان عدم وجود مسافة علوية كبيرة غير مرغوبة هنا */
    margin-top: 0 !important;
}

/* التعديل على عنوان H2 نفسه (لتصفير أي هامش داخلي) */
.s-block__title h2 {
    margin-top: 0 !important;
    margin-bottom: 5px !important; /* مسافة بسيطة أسفل العنوان */
}
/* ===== زيادة المسافة بين بداية المحتوى (أحدث المنتجات) ورأس الصفحة (الهيدر) ===== */

.s-block--latest-products {
    /* زيادة الهامش العلوي بشكل إجباري لدفعه للأسفل */
    margin-top: 40px !important; 
}