/* 
   ====================================================
   هوية براند وِجهة (Wejha) - النسخة النهائية الشاملة
   ====================================================
*/

:root {
    --primary: #0F6B5B;      /* أخضر زمردي */
    --gold: #C8A96B;         /* ذهبي ملكي */
    --text: #1F2937;         /* رمادي فحمي */
    --white: #FFFFFF;
}

/* 1. الإعدادات العامة ودفع المحتوى تحت الهيدر */
body {
    background-color: var(--white);
    color: var(--text);
    font-family: 'Tajawal', 'Cairo', sans-serif !important;
    padding-top: 130px !important; /* مساحة للهيدر الثابت */
}

@media (max-width: 768px) {
    body { padding-top: 110px !important; }
}

/* 2. الهيدر الذكي مع الخط الذهبي */
header, .main-header, .site-header {
    position: fixed !important;
    top: 0 !important;
    left: 0;
    width: 100% !important;
    z-index: 9999 !important;
    background-color: var(--white) !important;
    /* تحويل الخط الفاصل للهيدر إلى ذهبي */
    border-bottom: 2px solid var(--gold) !important; 
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.header-hidden { transform: translateY(-110%) !important; }
.header-visible { transform: translateY(0) !important; box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important; }

/* 3. شريط الإعلانات والفوتر مع الخط الذهبي */
.announcement-bar, .top-header, div[class*="announcement"] {
    background-color: var(--primary) !important;
    color: var(--white) !important;
    text-align: center;
}

footer {
    background-color: var(--primary) !important;
    color: var(--white) !important;
    /* تحويل الخط الفاصل للفوتر إلى ذهبي */
    border-top: 4px solid var(--gold) !important; 
}

/* 4. العناوين الجانبية الذهبية */
.section-title, .home-section-title, h2.title, .category-title {
    color: var(--primary) !important;
    font-weight: 900 !important;
    border-right: 5px solid var(--gold) !important;
    padding-right: 15px !important;
    text-align: right !important;
    margin: 30px 0 !important;
    display: block !important;
}

/* 5. الأزرار ونقاط الاختيار (Radio Buttons) */
.btn-primary, .add-to-cart-btn, .checkout-btn, button[type="submit"],
input[type="radio"]:checked {
    background-color: var(--gold) !important;
    color: var(--white) !important;
    border-color: var(--gold) !important;
}

.btn-primary:hover {
    background-color: var(--primary) !important;
    transform: translateY(-3px);
}

/* تحسين نقاط الاختيار للمتصفحات الحديثة */
input[type="radio"] { accent-color: var(--gold) !important; }

/* 6. الأسعار والمنتجات */
.price, .product-price { color: var(--primary) !important; font-weight: 800 !important; }
.product-card { border: 1px solid #edf2f7 !important; border-radius: 10px !important; }

/* 7. مسار الموقع (Breadcrumbs) */
.breadcrumb, .breadcrumbs { margin-top: 20px !important; position: relative !important; z-index: 1 !important; }

@media (max-width: 768px) {
    /* تصغير ارتفاع الخانات الكبيرة على الجوال فقط */
    textarea {
        height: 70px !important;
        min-height: 70px !important;
    }
    
    /* تقليل المسافات لتقريب زر إتمام الطلب من عين العميل */
    .form-group {
        margin-bottom: 15px !important;
    }
}
/* إظهار أيقونات الدفع في ثيم Fasty */
.payment-methods-list .payment-method-item label {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    cursor: pointer !important;
}


/* حماية اللوجو وصور الأقسام من الحفظ والفتح في تبويب جديد */
header img, 
.logo img, 
.site-logo,
.category-banner, 
.section-banner img,
div[class*="banner"] img {
    pointer-events: none !important;      /* يمنع الضغط، اللمس، أو السحب تماماً */
    -webkit-user-drag: none !important;    /* يمنع سحب الصورة لسطح المكتب */
    user-select: none !important;          /* يمنع تحديد العنصر */
}


/* الحماية الشاملة لجميع البنرات وصور الأقسام في ثيم Fasty */

/* 1. استهداف جميع صور البنرات والأقسام والخلفيات */
.banner-image, 
.slider-image, 
.category-item img, 
.collection-grid img,
main img,
div[class*="banner"] img,
div[class*="slider"] img,
div[class*="category"] img {
    pointer-events: none !important;        /* يمنع الضغط المطول تماماً */
    -webkit-user-drag: none !important;      /* يمنع سحب الصورة */
    user-select: none !important;            /* يمنع تحديدها */
    -webkit-touch-callout: none !important;  /* يمنع ظهور قائمة الحفظ في الآيفون */
}

/* 2. حماية الخلفيات البرمجية للأقسام (في حال كانت الصور كخلفية Div) */
div[style*="background-image"] {
    pointer-events: none !important;
    user-select: none !important;
}