/* Add custom CSS styles below */ 

@import url(https://raw.githack.com/elwa2/cssres/main/freeraed.css); 

@font-face {
    font-family: "GESSTextMedium";
    src: url("https://alfont.com/wp-content/fonts/thulth-arabic-fonts//alfont_com_Cadillac-Sans-Arabic-Medium.ttf")
}

body, *:not(i) {
    font-family: "GESSTextMedium"!important;
}

:root {
    --color-primary: #F19439 !important;
    --color-primary-dark: #d57e2a !important;
    --color-primary-light: #f7b26d !important;
    --color-primary-reverse: #fff5ec !important;
    --1: #F19439;
    --2: #EAEAEC;
}

/* 1. إخفاء شريط البحث تماماً في ثيم رائد */
.header-search, 
.search-wrapper, 
form.search-form,
.header__search,
salla-search {
    display: none !important;
}

/* 2. توسيط الشعار بدقة في ثيم رائد */
.header-main .header-container {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    position: relative !important;
}
.header-logo, .brand-logo {
    display: flex !important;
    justify-content: center !important;
    margin: 0 auto !important;
    position: static !important;
    transform: none !important;
}

/* 3. تلوين بطاقات المنتجات باللون EAEAEC وتثبيتها */
salla-product-card, .product-card {
    background-color: #EAEAEC !important;
    border-radius: 12px !important;
    padding: 8px !important;
    border: none !important;
}
salla-product-card .product-card__image, .product-card .product-card__image {
    background-color: #EAEAEC !important;
}

/* 4. ألوان أزرار "إضافة للسلة" وتثبيتها باللون البرتقالي */
salla-add-product-button button, 
.product-card .btn-primary,
button.btn.btn-primary,
.s-button-primary {
    background-color: #F19439 !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    border: none !important;
}
salla-add-product-button button *, .s-button-primary * {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* 5. ترتيب أزرار صفحة المنتج الداخلية */
.product-page .product-actions, 
.product__block-actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.product-page .product-actions salla-add-product-button {
    order: 1 !important;
}
.product-page .product-actions .btn-buy-now {
    order: 2 !important;
    background-color: #FFFFFF !important;
    color: #333333 !important;
    border: 1px solid #ddd !important;
}
.product-page .product-actions salla-apple-pay,
.product-page .product-actions apple-pay-button {
    order: 3 !important;
}

/* 6. جعل وصف المنتج يظهر تحت الصور والاسم */
.product-page .container .flex,
.product-details-wrapper,
.product-page .grid {
    display: flex !important;
    flex-direction: column !important;
}

.product-page .product__main-details,
.product-page .product-description {
    width: 100% !important;
    max-width: 100% !important;
}

/* 7. الفوتر بلون EAEAEC */
footer.store-footer, .store-footer {
    background-color: #EAEAEC !important;
    color: #333333 !important;
}