/* ======================================================
   GREEN LILY STORE - CUSTOM CSS (SELIA THEME)
   النسخة المحسنة والنهائية - مجمعة لسرعة الأداء
   ====================================================== */

/* ====== 1. لوحة التحكم العلوية (المتغيرات القابلة للتعديل) ====== */
:root {
    /* -- قسم الهيرو (البانر) -- */
    --hero-offset-y: 0px;           /* تحكم بارتفاع النص للأعلى */
    --hero-heading-size: 40px;      /* حجم السطر الأول */
    --hero-text-size: 40px;         /* حجم السطر الثاني */
    --hero-heading-color: #ffffff;  /* لون السطر الأول */
    --hero-text-color: #ffffff;     /* لون السطر الثاني */

    /* -- قسم التحكم (السكشن) -- */
    --section-margin-top: -20px;    /* المسافة فوق السكشن */
    --section-margin-bottom: 20px;  /* المسافة تحت السكشن */
    --section-padding-y: 20px;      /* المسافة داخل السكشن */
    --text-button-gap: 5px;         /* المسافة بين النص والزر */
}

/* ======================================================
   2. التنسيقات الأساسية (شاشات الديسكتوب والآيباد)
   ====================================================== */

/* --- أ. قسم الهيرو (البانر) --- */
.advanced-slider__caption__inner--center {
    transform: translateY(var(--hero-offset-y));
    transition: transform 0.4s ease;
}
.advanced-slider__caption__inner__content__heading {
    font-size: var(--hero-heading-size);
    color: var(--hero-heading-color);
    line-height: 1.2;
    margin-bottom: 10px;
    font-weight: 700;
}
.advanced-slider__caption__inner__content__text {
    font-size: var(--hero-text-size);
    color: var(--hero-text-color);
    line-height: 1;
    margin-bottom: 0;
    font-weight: 600;
}

/* --- ب. قسم التحكم (السكشن) --- */
.relative.overflow-hidden.pt-8 {
    margin-top: var(--section-margin-top);
    margin-bottom: var(--section-margin-bottom);
    padding-top: var(--section-padding-y);
    padding-bottom: var(--section-padding-y);
}
.relative.overflow-hidden.pt-8 .flex.flex-col {
    gap: var(--text-button-gap);
}
.relative.overflow-hidden.pt-8 .text-store-text-secondary {
    font-weight: 600;
}
.relative.overflow-hidden.pt-8 .advanced-content-btn {
    padding: 10px 22px;
    transition: all 0.3s ease;
}
.relative.overflow-hidden.pt-8 .advanced-content-btn:hover {
    opacity: 0.85;
    transform: translateY(-2px);
}

/* --- ج. سيكشن المميزات (المسافات) --- */
section.mini-features {
    margin-top: 25px !important;
    margin-bottom: 5px !important;
}

/* ======================================================
   3. تنسيقات الجوال فقط (مجمعة لسرعة أداء خيالية)
   ====================================================== */
@media (max-width: 768px) {
    
    /* تحديث المتغيرات لتناسب شاشة الجوال */
    :root {
        --hero-heading-size: 27px;
        --hero-text-size: 16.4px;
        --hero-offset-y: -95px;
        --section-padding-y: 15px;
        --text-button-gap: 15px;
    }

    /* --- ترتيب إحصائيات المتجر (3 خانات بجانب بعض) --- */
    div.flex.items-start.justify-center.flex-wrap.md\:flex-nowrap {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: space-around !important;
        gap: 0 !important; 
    }
    div.flex.items-start.justify-center.flex-wrap > div.w-1\/2.md\:w-1\/4.anime-item {
        width: 33.33% !important;
        margin-bottom: 0 !important;
        padding: 0 2px !important;
    }
    .s-block--stats .stats-number {
        font-size: 20px !important;
        line-height: 1.3;
    }
    .s-block--stats p:not(.stats-number) {
        font-size: 14.5px !important;
        line-height: 1.1;
    }

    /* --- مسافات سيكشن المميزات للجوال --- */
    section.mini-features {
        margin-top: 15px !important;
        margin-bottom: 5px !important;
    }
}