/* Əsas Rəng Tanımlamaları */
:root {
    --agro-green: #28a745;        /* Əsas yaşıl */
    --agro-dark-green: #1e7e34;   /* Tünd yaşıl (hover üçün) */
    --agro-light-green: #e9f7ef;  /* Çox açıq yaşıl (fonlar üçün) */
    --agro-white: #ffffff;        /* Saf ağ */
    --agro-gray: #f8f9fa;         /* Açıq boz fon */
}

body {
    background-color: var(--agro-gray);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #333;
}

/* Naviqasiya Menyusu */
.navbar {
    background-color: var(--agro-white) !important;
    border-bottom: 3px solid var(--agro-green);
}

.navbar-brand span {
    color: var(--agro-green) !important;
}

.nav-link {
    color: #444 !important;
    font-weight: 500;
    transition: 0.3s;
}

.nav-link:hover {
    color: var(--agro-green) !important;
}

/* Düymələr */
.btn-success {
    background-color: var(--agro-green) !important;
    border-color: var(--agro-green) !important;
}

.btn-success:hover {
    background-color: var(--agro-dark-green) !important;
}

.btn-outline-success {
    color: var(--agro-green) !important;
    border-color: var(--agro-green) !important;
}

.btn-outline-success:hover {
    background-color: var(--agro-green) !important;
    color: white !important;
}

/* Card (Məhsul Kartları) */
.card {
    border: none;
    transition: transform 0.3s ease, shadow 0.3s ease;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
}

.badge.bg-success {
    background-color: var(--agro-green) !important;
}

/* Bölmə Başlıqları */
h2, h3, h4, h5 {
    color: var(--agro-dark-green);
    font-weight: 700;
}

/* Footer */
footer {
    background-color: #1a1a1a !important; /* Tünd fon ağ və yaşıl mətni qabardır */
    border-top: 5px solid var(--agro-green);
}

footer h5 {
    color: var(--agro-green) !important;
}

/* Ana səhifə Kateqoriya Kartları */
.category-card {
    background-color: var(--agro-white);
    border-bottom: 4px solid var(--agro-green);
    text-align: center;
    padding: 20px;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.3s;
}

.category-card:hover {
    background-color: var(--agro-green);
    color: white;
}

.category-card:hover i {
    color: white !important;
}

/* Slider üzərindəki yazılar */
.carousel-caption {
    background: rgba(40, 167, 69, 0.7); /* Yaşıl şəffaf fon */
    border-radius: 15px;
    padding: 20px;
}