/* =========================================================
   AL SANII PERFUMES - Premium Theme
   الألوان: أخضر داكن + أسود + أبيض + ذهبي
   ========================================================= */

:root {
    --alsani-green: #0b4a38;
    --alsani-green-dark: #063427;
    --alsani-green-light: #eaf4ef;
    --alsani-black: #111111;
    --alsani-white: #ffffff;
    --alsani-gold: #b69a5a;
    --alsani-border: rgba(11, 74, 56, 0.18);
    --alsani-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    --alsani-radius: 12px;
}

/* =========================================================
   الصفحة الرئيسية
   ========================================================= */

body {
    background: #ffffff !important;
    color: var(--alsani-black) !important;
}

/* خلفيات الأقسام */
section,
.store-section,
.s-block {
    background-color: #fff;
}

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

header,
.store-header,
.navbar {
    background: #ffffff !important;
    border-bottom: 1px solid var(--alsani-border) !important;
    box-shadow: 0 3px 15px rgba(0,0,0,0.04);
}

/* روابط القائمة */

header a,
.navbar a,
.main-nav a {
    color: var(--alsani-black) !important;
    transition: all .3s ease;
}

header a:hover,
.navbar a:hover,
.main-nav a:hover {
    color: var(--alsani-green) !important;
}

/* الرابط النشط */

header .active,
.navbar .active,
.main-nav .active {
    color: var(--alsani-green) !important;
    font-weight: 700;
}

/* =========================================================
   الشعار
   ========================================================= */

.logo,
.store-logo,
header .logo {
    transition: transform .3s ease;
}

.logo:hover,
.store-logo:hover {
    transform: scale(1.03);
}

/* =========================================================
   الأزرار
   ========================================================= */

button,
.btn,
.button,
.s-button-primary,
button[type="submit"] {
    background: var(--alsani-green) !important;
    color: #ffffff !important;
    border: 1px solid var(--alsani-green) !important;
    border-radius: 8px !important;
    font-weight: 700;
    transition: all .3s ease;
}

button:hover,
.btn:hover,
.button:hover,
.s-button-primary:hover {
    background: var(--alsani-green-dark) !important;
    border-color: var(--alsani-green-dark) !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(11, 74, 56, .20);
}

/* زر الشراء */

.add-to-cart,
.product-card button,
.product-card .btn {
    background: var(--alsani-green) !important;
    color: white !important;
}

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

.product-card,
.s-product-card,
.product-item {
    background: #ffffff !important;
    border: 1px solid var(--alsani-border) !important;
    border-radius: var(--alsani-radius) !important;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,.04);
    transition: all .35s ease;
}

/* حركة البطاقة */

.product-card:hover,
.s-product-card:hover,
.product-item:hover {
    transform: translateY(-6px);
    border-color: var(--alsani-green) !important;
    box-shadow: var(--alsani-shadow);
}

/* صورة المنتج */

.product-card img,
.s-product-card img,
.product-item img {
    transition: transform .4s ease;
}

.product-card:hover img,
.s-product-card:hover img,
.product-item:hover img {
    transform: scale(1.04);
}

/* =========================================================
   اسم المنتج
   ========================================================= */

.product-card .product-title,
.product-card h3,
.s-product-card h3,
.product-item h3 {
    color: var(--alsani-black) !important;
    font-weight: 700;
    transition: color .3s ease;
}

.product-card:hover .product-title,
.product-card:hover h3,
.s-product-card:hover h3 {
    color: var(--alsani-green) !important;
}

/* =========================================================
   الأسعار
   ========================================================= */

.price,
.product-price,
.s-product-card-price {
    color: var(--alsani-green) !important;
    font-weight: 800 !important;
}

.old-price,
.line-through {
    color: #888 !important;
}

/* =========================================================
   السعر المخفض
   ========================================================= */

.discount,
.discount-badge,
.product-card .badge {
    background: var(--alsani-green) !important;
    color: #ffffff !important;
    border-radius: 20px !important;
}

/* =========================================================
   إطار الصور والبنرات
   ========================================================= */

.banner,
.banner-item,
.s-block-image,
.hero-banner {
    border-radius: 12px !important;
    overflow: hidden;
    border: 1px solid var(--alsani-border);
}

/* =========================================================
   الأقسام والتصنيفات
   ========================================================= */

.category-card,
.categories-card,
.s-category-card {
    background: #fff !important;
    border: 1px solid var(--alsani-border) !important;
    border-radius: 12px !important;
    transition: all .3s ease;
}

.category-card:hover,
.categories-card:hover,
.s-category-card:hover {
    border-color: var(--alsani-green) !important;
    box-shadow: var(--alsani-shadow);
    transform: translateY(-4px);
}

/* =========================================================
   العناوين
   ========================================================= */

h1,
h2,
h3,
h4 {
    color: var(--alsani-black);
    font-weight: 800;
}

.section-title,
.s-block-title {
    position: relative;
    color: var(--alsani-green) !important;
}

/* خط أسفل عنوان القسم */

.section-title::after,
.s-block-title::after {
    content: "";
    display: block;
    width: 45px;
    height: 3px;
    background: var(--alsani-gold);
    margin-top: 8px;
    border-radius: 5px;
}

/* =========================================================
   شريط الإعلانات
   ========================================================= */

.store-announcement,
.announcement-bar {
    background: var(--alsani-green) !important;
    color: #fff !important;
}

/* =========================================================
   السلة
   ========================================================= */

.cart-icon,
.header-cart {
    color: var(--alsani-green) !important;
}

.cart-count {
    background: var(--alsani-green) !important;
    color: #fff !important;
    border: 2px solid #fff;
}

/* =========================================================
   حقول البحث
   ========================================================= */

input,
textarea,
select,
.search-input {
    border: 1px solid #d8ddd9 !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #111 !important;
    transition: all .3s ease;
}

input:focus,
textarea:focus,
select:focus,
.search-input:focus {
    border-color: var(--alsani-green) !important;
    box-shadow: 0 0 0 3px rgba(11,74,56,.10) !important;
    outline: none !important;
}

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

.product-details,
.product-page {
    background: #fff;
}

/* صورة المنتج الرئيسية */

.product-gallery img,
.product-main-image {
    border-radius: 12px !important;
    border: 1px solid var(--alsani-border) !important;
}

/* خيارات المنتج */

.product-options,
.product-option {
    border-radius: 8px !important;
}

/* =========================================================
   التذييل
   ========================================================= */

footer,
.store-footer {
    background: var(--alsani-green-dark) !important;
    color: #ffffff !important;
}

footer a,
.store-footer a {
    color: #ffffff !important;
    transition: .3s ease;
}

footer a:hover,
.store-footer a:hover {
    color: var(--alsani-gold) !important;
}

/* =========================================================
   أيقونات التواصل
   ========================================================= */

.social-icons a,
footer .social a {
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 50%;
    transition: all .3s ease;
}

.social-icons a:hover,
footer .social a:hover {
    background: var(--alsani-gold);
    border-color: var(--alsani-gold);
    transform: translateY(-3px);
}

/* =========================================================
   البطاقات العامة
   ========================================================= */

.card,
.box,
.s-card {
    border: 1px solid var(--alsani-border) !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 18px rgba(0,0,0,.04);
}

/* =========================================================
   شريط التقدم / العناصر الخضراء
   ========================================================= */

.progress-bar,
.loading-bar {
    background: var(--alsani-green) !important;
}

/* =========================================================
   التحديد
   ========================================================= */

::selection {
    background: var(--alsani-green);
    color: #fff;
}

/* =========================================================
   Scrollbar
   ========================================================= */

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f5f5f5;
}

::-webkit-scrollbar-thumb {
    background: var(--alsani-green);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--alsani-green-dark);
}

/* =========================================================
   تحسين الجوال
   ========================================================= */

@media (max-width: 768px) {

    .product-card,
    .s-product-card,
    .category-card,
    .s-category-card {
        border-radius: 10px !important;
    }

    h1 {
        font-size: 26px;
    }

    h2 {
        font-size: 22px;
    }

    .section-title,
    .s-block-title {
        font-size: 20px;
    }

    button,
    .btn,
    .button {
        border-radius: 7px !important;
    }
}/* تصغير شعار AL SANII في الفوتر */
footer img,
.store-footer img,
footer .logo,
.store-footer .logo {
    max-width: 180px !important;
    width: 180px !important;
    height: auto !important;
    object-fit: contain;
}

/* على الجوال */
@media (max-width: 768px) {
    footer img,
    .store-footer img,
    footer .logo,
    .store-footer .logo {
        max-width: 130px !important;
        width: 130px !important;
    }
}/* تصغير شعار AL SANII */
footer img,
.store-footer img,
footer .logo,
.store-footer .logo {
    width: 90px !important;
    max-width: 90px !important;
    height: auto !important;
    object-fit: contain;
}

/* الجوال */
@media (max-width: 768px) {
    footer img,
    .store-footer img,
    footer .logo,
    .store-footer .logo {
        width: 75px !important;
        max-width: 75px !important;
    }
}/* =========================================
   إظهار السعر القديم والسعر الجديد
   ========================================= */

/* السعر الحالي */
.product-card .price,
.product-card .product-price,
.s-product-card .price,
.s-product-card .product-price,
.product-item .price {
    color: #0b4a38 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    display: inline-block !important;
    margin-left: 8px !important;
}

/* السعر القديم */
.product-card .old-price,
.product-card .before-price,
.product-card del,
.product-card s,
.s-product-card .old-price,
.s-product-card del,
.s-product-card s,
.product-item .old-price,
.product-item del,
.product-item s {
    color: #888 !important;
    font-size: 13px !important;
    text-decoration: line-through !important;
    display: inline-block !important;
    font-weight: 500 !important;
}

/* ترتيب السعرين */
.product-card .price-container,
.s-product-card .price-container,
.product-card .prices,
.s-product-card .prices {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    flex-wrap: wrap;
}

/* إبراز السعر الجديد */
.product-card .price-current,
.s-product-card .price-current {
    color: #0b4a38 !important;
    font-weight: 800 !important;
}

/* السعر القديم بشكل أنيق */
.product-card .price-old,
.s-product-card .price-old {
    color: #999 !important;
    text-decoration: line-through !important;
    font-size: 12px !important;
}

/* لون السعر عند الخصم */
.product-card:has(del) .price,
.s-product-card:has(del) .price {
    color: #0b4a38 !important;
}

/* الجوال */
@media (max-width: 768px) {
    .product-card .price,
    .s-product-card .price {
        font-size: 15px !important;
    }

    .product-card .old-price,
    .s-product-card .old-price,
    .product-card del,
    .s-product-card del {
        font-size: 12px !important;
    }
}/* =========================================
   عرض السعر الحالي بعد الخصم فقط
   AL SANII PERFUMES
   ========================================= */

/* إخفاء السعر القديم */
.s-product-card-price-old,
.s-product-card-price-old *,
.product-card .old-price,
.product-card .before-price,
.product-card del,
.product-card s,
.s-product-card del,
.s-product-card s,
.product-item del,
.product-item s {
    display: none !important;
}

/* إظهار السعر الحالي */
.s-product-card-price-current,
.s-product-card-price-current *,
.product-card .price,
.product-card .product-price,
.s-product-card .price,
.s-product-card .product-price,
.product-item .price {
    display: inline-block !important;
    color: #0B4A38 !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

/* منع أي شطب أو خط على السعر الحالي */
.s-product-card-price-current {
    text-decoration: none !important;
}

/* تنسيق الريال */
.s-product-card-price-current .currency,
.s-product-card-price-current small {
    color: #0B4A38 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

/* الجوال */
@media (max-width: 768px) {
    .s-product-card-price-current,
    .product-card .price,
    .s-product-card .price {
        font-size: 15px !important;
    }
}