/* =========================================
   الهوية البصرية الكاملة - أطلال الكيف
   (تعديل القوة القصوى لتكبير الشعار 🚀)
   ========================================= */

:root {
    --atlal-burgundy: #4A151C;
    --atlal-gold: #C29B57;
    --atlal-green: #8A9A5B;
}

/* 1. زيادة ارتفاع الهيدر نفسه ليسمح بشعار أكبر */
.s-site-header, 
.s-header__main, 
.header-wrapper {
    min-height: 140px !important; /* رفع ارتفاع الهيدر الافتراضي */
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    background-color: var(--atlal-burgundy) !important;
    border-bottom: 2px solid var(--atlal-gold) !important;
}

/* 2. تكبير الشعار مع إلغاء كافة القيود البرمجية */
.s-site-header-logo img, 
.s-site-header__logo img, 
.header-logo img, 
.store-logo img, 
.s-site-header-primary .brand-logo img {
    /* المقاس الجديد (220px) لضمان الوضوح التام */
    max-height: 220px !important; 
    width: 220px !important;      
    height: auto !important;
    object-fit: contain !important;
    
    /* إجبار الصورة على البروز فوق حدود الهيدر إذا لزم الأمر */
    transform: scale(1.3) !important; 
    z-index: 10 !important;
    padding: 0 !important;
}

/* توسيع الحاوية المحيطة بالشعار */
.s-site-header-logo, 
.s-site-header__logo, 
.header-logo, 
.brand-logo {
    max-width: 300px !important; 
    overflow: visible !important; /* السماح للشعار بالبروز للخارج */
}

/* 3. تنظيف الأيقونات والبحث (الذهبي والأبيض) */
.s-header__action-btn, .s-site-header-actions button {
    background-color: transparent !important;
    border: none !important;
}
.s-header__action-btn svg, .s-site-header-actions svg, .s-header__menu-btn svg {
    fill: var(--atlal-gold) !important;
}
.s-header-search__input, .s-site-header-search-input {
    background-color: #ffffff !important;
    color: var(--atlal-burgundy) !important;
    border: 1px solid var(--atlal-gold) !important;
    border-radius: 20px !important;
}

/* 4. عداد السلة وأزرار الشراء */
.cart-badge, .s-cart-badge, .s-header__cart-badge {
    background-color: var(--atlal-green) !important;
    color: #ffffff !important;
}
.s-button-primary {
    background-color: var(--atlal-gold) !important;
    border-radius: 25px !important;
}

/* 5. الشاشة الترحيبية الذهبية المشرقة */
#atlal-splash-red-glass {
    position: fixed !important;
    top: 0; left: 0; width: 100vw; height: 100vh;
    background-color: rgba(194, 155, 87, 0.3) !important; 
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    display: flex; justify-content: center; align-items: center;
    z-index: 9999999 !important;
    transition: opacity 1.2s ease-in-out;
}
#atlal-splash-red-glass img {
    width: 420px !important; /* تكبير شعار الشاشة الترحيبية أيضاً */
    filter: drop-shadow(0 0 25px rgba(74, 21, 28, 0.5)) !important;
    animation: zoomInSplash 0.8s ease-out;
}
@keyframes zoomInSplash {
    from { transform: scale(0.8); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}
.fade-out-now { opacity: 0 !important; pointer-events: none !important; }

/* تنسيق قسم المميزات بألوان الشعار */
.features-section {
    background-color: #ffffff; /* خلفية بيضاء نظيفة */
    /* التموجات بلون ذهبي باهت جداً مستوحى من الشعار */
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1000 1000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,1000 C300,800 400,900 700,700 C900,550 1000,600 1000,400 L1000,1000 L0,1000 Z' fill='%23F9F4E8'/%3E%3Cpath d='M0,1000 C200,900 300,950 500,800 C700,650 800,700 1000,500 L1000,1000 L0,1000 Z' fill='%23F1EADA'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    padding: 60px 20px;
}

/* تنسيق دوائر المميزات */
.feature-item-circle {
    border: 2px solid #C4A468; /* اللون الذهبي من الشعار */
    color: #4B1E12; /* اللون البني الغامق للنصوص */
    transition: all 0.3s ease;
}

/* تأثير عند تمرير الماوس */
.feature-item-circle:hover {
    background-color: #4B1E12; /* يقلب للخلفية البنية */
    color: #C4A468; /* النص يصبح ذهبي */
    border-color: #4B1E12;
}

/* لون العناوين */
.section-title {
    color: #4B1E12;
    border-right: 5px solid #829B37; /* الخط الجانبي بلون الورقة الخضراء */
    padding-right: 15px;
}