:root {
    /* درجات الخلفيات المتوافقة مع الأخضر */
    --main-color-bg-1: #FAFEFC;
    --main-color-bg-2: #E8F6EE;
    --main-color-bg-3: #F0F9F4;
    --main-color-bg4: #ffffff;
    --main-color-bg5: #fff;
    --main-color-bg6: #000000;

    /* تدرجات متوافقة مع لون الخلفية الثالث (rgba(240, 249, 244)) */
    --main-color-gradient-1: linear-gradient(180deg, rgba(240,249,244,1) 45%, rgba(240,249,244,0) 100%);
    --main-color-gradient-2: linear-gradient(180deg, rgba(240,249,244,0) 0%, rgba(240,249,244,1) 50%);

    /* الألوان الأساسية */
    --main-color-primary: #00894a; /* اللون الأساسي المطلوب */
    --main-color-second: #006b39;  /* درجة أغمق للاستخدام في الـ Hover */
    --main-color-third: #002916;   /* درجة داكنة جداً للنصوص والعناوين */
    --main-color-text-1: #A5A5A5;
    --main-color-hr: #B8CCBE;

    /* إعدادات الناف بار */
    --bs-nav-link-color: #002916;
    --bs-navbar-active-color: #00894a;
    --bs-body-font-family: tajawal;
    --main-opacity: 0.5;
}

.btn-outline-primary {
    --bs-btn-color: #00894a;
    --bs-btn-bg: #ffffff;
    --bs-btn-border-color: #00894a;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #00894a;
    --bs-btn-hover-border-color: #00894a;
    --bs-btn-focus-shadow-rgb: 0, 137, 74;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #00894a;
    --bs-btn-active-border-color: #00894a;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #00894a;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #00894a;
    --bs-gradient: none;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #00894a;
    --bs-btn-border-color: #00894a;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #006b39;
    --bs-btn-hover-border-color: #006b39;
    --bs-btn-focus-shadow-rgb: 0, 137, 74;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #006b39;
    --bs-btn-active-border-color: #006b39;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgba(0, 41, 22, 0.58); /* أخضر داكن شفاف */
    --bs-btn-disabled-bg: #E8F6EE;
    --bs-btn-disabled-border-color: #E8F6EE;
}

.nav {
    --bs-nav-link-color: #002916;
    --bs-nav-link-hover-color: #00894a;
}

.nav-pills {
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #00894a;
}

.offer-img {
    background: transparent url(../images/saudi_day.png) no-repeat scroll center center / 100% auto;
    width: 190px;
    height: 87px;
    border-radius: 0 !important;
    left: 8px;
    top: -56px;
}
body{
    background-image: url(../images/pattern.png);
    background-repeat: repeat;
}
header{
    background-color: var(--main-color-bg-3);
}
.product-slider-header {
    background-image: linear-gradient(-90deg, rgb(160, 229, 191) 0%, rgba(240,249,244,0) 50%);
    border-radius: 25px;
}
.bg-light {
    --bs-bg-opacity: 1;
    background-color: #00894a !important;
    color: #ffffff;
}
.carousel-control-next, .carousel-control-prev{
    display: none;
}
.nv-slider{

    background-image: var(--main-color-gradient-1);
}
a.product-item {
    background-color: var(--main-color-bg5);
}
footer {
    padding-top: 15px;
    background-color: #f0f9f4;
}
footer.mt-3 {
    margin-top: 0 !important;
}

@media (990px >= width) {
    .offer-img {
        width: 97px !important;
        height: 70px !important;
        top: -41px !important;
        border: 0 !important;
        left: 5px !important;
    }
    }