/* ============================= */
/* Dakheel Gas Brand Colors */
/* ============================= */

:root{
--primary:#9b0303;
--primary-dark:#5f0303;
--primary-light:#a80808;
--secondary:#b30b0b;
--light:#fff4f4;
--accent:#ffb200;
}

/* Top bar */

.top-navbar{
background:var(--primary);
}

.top-navbar *{
color:#fff !important;
}

/* Main navigation */

.main-nav-container{
background:var(--light);
}

/* section titles */

.s-block__title h2{
color:var(--primary);
}

/* view all button */

a.s-block__display-all{
border:1px solid var(--secondary);
color:var(--primary);
border-radius:8px;
padding:6px 10px;
}

/* ============================= */
/* Product Cards */
/* ============================= */

.s-product-card-vertical{

border:3px solid var(--primary);
border-radius:25px;
background:linear-gradient(90deg,var(--primary-light),var(--primary-dark));
transition:.5s;
overflow:hidden;
}

.s-product-card-vertical:hover{

transform:translateY(-6px);
box-shadow:0 6px 14px rgba(0,0,0,.15);

}

/* ============================= */
/* Product Image Area */
/* تكبير مساحة الصورة */
/* ============================= */

.s-product-card-image{

padding:16px;
background:#FFF;
display:flex;
align-items:center;
justify-content:center;
border-top-left-radius:50px;
border-top-right-radius:50px;
overflow:hidden;

}

/* تكبير الصورة */

.s-product-card-image img{

width:100%;
height:225px;
object-fit:contain !important;
background:#fff;

}

/* للمنتجات الأفقية */

.s-product-card-horizontal .s-product-card-image img{

height:240px;
object-fit:contain !important;

}

/* منع القص */

.s-product-card-image img.loaded{
object-fit:contain !important;
}

/* ============================= */
/* تقليل مساحة البيانات 30% */
/* ============================= */

.s-product-card-content{

padding:8px 10px !important;
}

/* product title */

.s-product-card-content-title a{

color:#FFF;
font-size:13px;
font-weight:normal;
text-align:center;
line-height:1.3;

}

/* price */

h4.s-product-card-price{

color:#fff;
font-size:14px;
font-weight:normal;
text-align:center;

}

/* add to cart */

button.s-button-element{

background:#fff;
color:var(--primary);
border-radius:10px;
width:100%;
border:2;
font-size:16px;
padding:6px;
font-weight:normal;

}

button.s-button-element:hover{

background:var(--accent);
color:#000;

}

/* horizontal products */

salla-products-list.horizontal-products .s-product-card-entry{

background:linear-gradient(90deg,#a80808,#f2b0b0);
border-radius:15px;
box-shadow:0 6px 15px rgba(0,0,0,.15);

}

/* ============================= */
/* Slider Titles */
/* ============================= */

.s-slider-block__title{

background:var(--light);
border-top:10px normal var(--secondary);

}

.s-slider-block__title h2{

background:var(--primary);
color:#fff;
padding:10px;
border-radius:10px;
font-weight:normal;
font-size:18px;

}

/* ============================= */
/* Wishlist button */
/* ============================= */

.s-product-card-wishlist-btn button:hover svg{

fill:var(--accent);

}

/* ============================= */
/* Footer */
/* ============================= */

.footer-is-light .store-footer .store-footer__inner{

background:linear-gradient(180deg,var(--primary),var(--primary-dark));
color:#FFF;

}

.store-footer a{
color:#FFF;
}

/* ============================= */
/* Features Icons */
/* ============================= */

.s-block--features__item .feature-icon{

background:var(--primary);
width:90px;
height:90px;
background-size:contain;
border-radius:50%;

}

/* ============================= */
/* Section Customers */
/* ============================= */

body.index.rtl section.s-block.s-block--features.container:after{

background:var(--primary);
border-color:var(--primary);
color:#FFF;

}

/* ============================= */
/* Mobile Improvements */
/* ============================= */

@media(max-width:768px){

.s-product-card-horizontal .s-product-card-image{
width:10rem;
}

.s-product-card-content-title a{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

/* صورة أكبر للجوال */

.s-product-card-image img{
height:240px;
}

}