/* Add custom CSS styles below */ 
/* تطبيق خط الإسكندرية على كامل الموقع */
html, body, .salla-theme, * {
    font-family: 'Alexandria', sans-serif !important;
}

/* تصغير حجم الخط الأساسي */
html {
    font-size: 14px !important;  /* الحجم الطبيعي 16 — الآن أصغر */
    line-height: 1.6;
}

/* تحسين مظهر النصوص */
body {
    font-size: 0.9rem !important;
    color: #222;
}

/* تصغير عناوين الأقسام */
h1, .h1 { font-size: 1.6rem !important; }
h2, .h2 { font-size: 1.4rem !important; }
h3, .h3 { font-size: 1.2rem !important; }

/* تصغير عناوين المنتجات */
.product-title, 
.product-name {
    font-size: 0.92rem !important;
}

/* تصغير سعر المنتج */
.product-price,
.price {
    font-size: 1rem !important;
}

/* تصغير القائمة العلوية */
.navbar-nav > li > a,
.main-nav a {
    font-size: 0.85rem !important;
}

/* تصغير الأزرار */
button, .btn, .salla-button {
    font-size: 0.9rem !important;
}


/* مسافات عامة بين أقسام الموقع */
.section, .product-section, .main-section {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    margin-top: 10px !important;
}

/* مسافة بسيطة بين العناوين */
.section-title h2, 
.section-title h3,
h2, h3 {
    margin-top: 10px !important;
    margin-bottom: 15px !important;
}

/* تباعد بين المنتجات داخل الشبكة */
.product-card,
.product-item {
    margin-bottom: 15px !important;
}

/* تباعد داخل البطاقة */
.product-card img,
.product-item img {
    margin-bottom: 8px !important;
}

/* مسافات البانر */
.hero-section, .banner {
    margin-bottom: 15px !important;
    margin-top: 5px !important;
}

/* مسافات مميزات المتجر */
.features-block, .features, .store-features {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

/* تباعد داخل كل ميزة */
.features-block .feature, 
.features .feature,
.store-features .feature {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

/* مسافات نصوص المنتجات */
.product-card .title,
.product-card .price,
.product-item .title,
.product-item .price {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
}

/* مسافة قبل الفوتر */
footer {
    margin-top: 20px !important;
    padding-top: 15px !important;
}