/* Add custom CSS styles below */ 
body,
html {
    background-color: #3B0000 !important;
}

.main-content,
.page-wrapper,
.store-content {
    background-color: #3B0000 !important;
}
header,
.header,
.site-header {
    background-color: #250000 !important;
}
html,
body {
    background-color: #3B0000 !important;
}

main,
#app,
.app,
.page,
.page-content,
.content {
    background-color: #3B0000 !important;
}

header,
.header,
.site-header {
    background-color: #250000 !important;
} 
html,
body,
#app,
main,
header,
section,
.product-card,
.product-item,
.card {
    background-color: #3B0000 !important;
} 
.product-card,
.product-item,
.product {
    color: #FF6B6B !important;
}

.product-card h1,
.product-card h2,
.product-card h3,
.product-card h4,
.product-card h5,
.product-card h6,
.product-card a,
.product-item h1,
.product-item h2,
.product-item h3,
.product-item h4,
.product-item h5,
.product-item h6,
.product-item a {
    color: #FF6B6B !important;
}

.product-card p,
.product-item p {
    color: #FF6B6B !important;
} 
:root {
    --dark-red: #3B0000;
    --darker-red: #250000;
    --light-red: #FF8585;
    --bright-red: #FF4D4D;
}

/* خلفية المتجر */
html,
body,
#app,
main,
.page,
.page-content,
.content,
section {
    background-color: var(--dark-red) !important;
}

/* الهيدر */
header,
.header,
.site-header {
    background-color: var(--darker-red) !important;
}

/* أسماء المنتجات والوصف */
.product-card,
.product-item,
.product {
    color: var(--light-red) !important;
}

.product-card h1,
.product-card h2,
.product-card h3,
.product-card h4,
.product-card h5,
.product-card h6,
.product-card a,
.product-item h1,
.product-item h2,
.product-item h3,
.product-item h4,
.product-item h5,
.product-item h6,
.product-item a,
.product-card p,
.product-item p {
    color: var(--light-red) !important;
}

/* الأسعار */
.product-card .price,
.product-item .price,
.price {
    color: #FFFFFF !important;
    font-weight: 700 !important;
}

/* الأزرار */
button,
.btn,
.add-to-cart {
    background-color: var(--bright-red) !important;
    color: #FFFFFF !important;
    border-color: var(--bright-red) !important;
}

/* تأثير عند تمرير الماوس */
button:hover,
.btn:hover,
.add-to-cart:hover {
    background-color: #FF7070 !important;
} 
.product-card *,
.product-item *,
.product *,
[class*="product"] h1,
[class*="product"] h2,
[class*="product"] h3,
[class*="product"] h4,
[class*="product"] h5,
[class*="product"] h6,
[class*="product"] p,
[class*="product"] span,
[class*="product"] a {
    color: #FF8585 !important;
} 
.product-card button *,
.product-card .add-to-cart *,
.product-item button *,
.product-item .add-to-cart * {
    color: #FFFFFF !important;
}
html,
body {
    background-color: #160000 !important;

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420' viewBox='0 0 420 420'%3E%3Cg opacity='.16' stroke='%23D52B2B' stroke-width='8' stroke-linecap='round' fill='none'%3E%3Cpath d='M95 80 Q88 145 95 215'/%3E%3Cpath d='M130 65 Q123 140 130 220'/%3E%3Cpath d='M165 80 Q158 145 165 215'/%3E%3Cpath d='M200 65 Q193 140 200 220'/%3E%3Cpath d='M72 205 L225 72'/%3E%3C/g%3E%3Cg opacity='.08' stroke='%23FF5555' stroke-width='3'%3E%3Cpath d='M20 300 L170 260 M250 350 L390 290 M280 40 L400 100 M10 120 L110 150'/%3E%3C/g%3E%3C/svg%3E");

    background-repeat: repeat !important;
    background-size: 420px 420px !important;
    background-position: center top !important;
    background-attachment: fixed !important;
}

/* نخلي الخلفية تمتد خلف كامل المتجر */
#app,
main,
.page,
.page-content,
.content,
.container,
section {
    background-color: transparent !important;
}

/* الهيدر */
header,
.header,
.site-header {
    background-color: rgba(18, 0, 0, 0.96) !important;
    border-bottom: 1px solid rgba(255, 50, 50, 0.25) !important;
}

/* بطاقات المنتجات */
.product-card,
.product-item,
.product {
    background-color: rgba(35, 0, 0, 0.88) !important;
    border: 1px solid rgba(180, 20, 20, 0.45) !important;
}

/* أسماء المنتجات والوصف */
.product-card *,
.product-item *,
.product * {
    color: #FF8585 !important;
}

/* الأسعار */
.product-card .price,
.product-item .price,
.price {
    color: #FFFFFF !important;
    font-weight: 700 !important;
}

/* زر أضف للسلة */
.product-card button,
.product-card .add-to-cart,
.product-item button,
.product-item .add-to-cart {
    background-color: #B91414 !important;
    border-color: #B91414 !important;
    color: #FFFFFF !important;
}

/* الكلام داخل زر أضف للسلة */
.product-card button *,
.product-card .add-to-cart *,
.product-item button *,
.product-item .add-to-cart * {
    color: #FFFFFF !important;
}
.product-details,
.product-info,
.product-information,
.product-details__content,
.product-info__content,
.product-form,
.product-content {
    background-color: #080808 !important;
    background: #080808 !important;
}

/* النصوص داخل معلومات المنتج */
.product-details *,
.product-info *,
.product-information *,
.product-details__content *,
.product-info__content *,
.product-form *,
.product-content * {
    color: #FF8585 !important;
}

/* السعر */
.product-details .product-price,
.product-info .product-price,
.product-price {
    color: #FFFFFF !important;
}

/* الأزرار */
.product-details button,
.product-info button,
.product-form button {
    color: #FFFFFF !important;
}}
[class*="login"] > div,
[class*="auth"] > div {
    background-color: #8b0000 !important;
}
/* لوحة تسجيل الدخول ورمز التحقق */
[class*="login"] > div,
[class*="login"] [class*="modal"],
[class*="auth"] > div,
[class*="auth"] [class*="modal"] {
    background: #5a0b0b !important;
}