/* Add custom CSS styles below */ 
/* Add custom CSS styles below */


/* 🔹 تنسيق زر "إضافة للسلة" */

button.add-to-cart,

.product-buy-button {

background-color: #0097B2 !important;

color: white !important;

border-radius: 12px;

font-size: 18px;

padding: 12px 24px;

transition: all 0.3s ease-in-out;

}

button.add-to-cart:hover,

.product-buy-button:hover {

background-color: #006c7d !important;

}


/* 🔹 تكبير صورة المنتج */

.product-images img {

max-width: 100%;

border-radius: 12px;

box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);

}


/* 🔹 تنسيق حاوية النموذج */

.product-form {

background: #f9f9f9;

border: 1px solid #eee;

padding: 20px;

border-radius: 16px;

box-shadow: 0 2px 10px rgba(0,0,0,0.05);

}


/* 🔹 تنسيق الحقول */

.product-form select,

.product-form input {

padding: 12px;

border-radius: 10px;

border: 1px solid #ccc;

margin-bottom: 10px;

width: 100%;

font-size: 16px;

}


/* 🔹 تحسين عرض اسم المنتج والسعر */

.product-title {

font-size: 24px !important;

font-weight: bold;

color: #1d1d1d;

}


.product-price {

font-size: 22px !important;

color: #0097B2 !important;

margin-bottom: 10px;

}

/* زر اشتري الآن */

.s-fast-checkout-button.outline {

width: fit-content !important;

padding: 10px 24px !important;

border: 2px solid #0093d3 !important;

color: #0093d3 !important;

border-radius: 10px !important;

margin-right: auto !important; /* لمحاذاة اليمين */

display: flex !important;

justify-content: center !important;

}


/* الحاوية أو مكان الزر لتأكيد المحاذاة */

.s-add-product-button-main {

display: flex !important;

justify-content: flex-end !important;

gap: 10px;

}

/* زر "اشترِ الآن" - إطار فقط */

.s-fast-checkout-button.outline {

border: 1px solid #0093d3 !important;

color: #0093d3 !important;

background-color: transparent !important;

width: fit-content !important;

align-self: flex-end !important;

padding: 0.5rem 1.5rem !important;

}


/* زر "إضافة للسلة" - خلفية كاملة */

.s-add-product-button-main button,

button.s-add-product-button {

background-color: #0093d3 !important;

color: white !important;

border: none !important;

width: fit-content !important;

align-self: flex-end !important;

padding: 0.5rem 1.5rem !important;

}


button.s-map-location-button {

background-color: #0093d3 !important;

color: white !important;

border: none !important;

border-radius: 8px !important;

padding: 8px 16px !important;

height: 45px !important;

font-size: 16px !important;

width: auto !important;

}



/* تنسيق موحد لجميع الأزرار في الصف */

.s-add-product-button-main,

.s-fast-checkout-button,

.s-map-location-button {

display: flex !important;

justify-content: flex-end !important;

}


/* تعديل حجم الزرين */

.s-fast-checkout-button,

.s-add-product-button-main button {

height: 45px !important;

font-size: 16px !important;

border-radius: 8px !important;

}

custom-salla-product-card .s-button-wrap button {

background-color: #0093d3 !important;

color: white !important;

border-radius: 9999px !important;

}

/**/

/* تصغير صورة المنتج داخل السلايدر */

.s-slider-container .swiper-wrapper img {

max-height: 350px !important;

width: auto !important;

margin: auto;

display: block;

border-radius: 12px;

object-fit: contain;

}


/* إزالة زر القلب (المفضلة) */

.s-slider-container .s-button-wrap.hydrated,

.s-slider-container .btn.--wishlist {

display: none !important;

}

/* تعديل عرض الصورة داخل العمود */

.sidebar .s-slider-container {

display: block !important;

text-align: right !important;

}


/* تعديل الصورة نفسها */

.sidebar .s-slider-container img {

max-width: 100% !important;

height: auto !important;

display: block !important;

margin: 0 !important;

object-fit: cover !important;

}

/* تغيير لون شريط التنبيه العلوي */

.s-notification-bar,

.s-notification-bar-top,

.s-alert-top {

background-color: #0093d3 !important; /* اللون الجديد اللي تبغينه */

color: white !important;

}