/* ========= الهوية والألوان ========= */
:root {
    --brand-green-dark: #0b6b5c; /* أخضر غامق */
    --brand-green-mid: #0f7f6b;
    --bs-primary: var(--brand-green-dark);
    --bs-primary-rgb: 11,107,92;
}

/* زر أساسي أخضر + حالات */
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--brand-green-dark);
    --bs-btn-border-color: var(--brand-green-dark);
    --bs-btn-hover-bg: #095a4e;
    --bs-btn-hover-border-color: #095a4e;
    --bs-btn-active-bg: #084f45;
    --bs-btn-active-border-color: #084f45;
}
/* فfallback قهري لو فيه كاش قديم */
.btn.btn-primary {
    background-color: var(--brand-green-dark) !important;
    border-color: var(--brand-green-dark) !important;
    color: #fff !important;
}

/* ========= تعويض الـ fixed-top ========= */
body {
    padding-top: 72px;
}

@media (min-width:992px) {
    body {
        padding-top: 76px;
    }
}

/* ========= الهيرو ========= */
.hero-gradient {
    background: linear-gradient(135deg, var(--brand-green-dark) 0%, var(--brand-green-mid) 70%);
}

/* بطاقة الشعار – تباين واضح */
.logo-card {
    padding: 16px;
    border-radius: 24px;
    background: #f8f9fa; /* رمادي فاتح */
    border: 2px solid #e0e0e0; /* تحديد بسيط */
    box-shadow: 0 16px 36px rgba(0,0,0,.22);
}

    .logo-card img {
        max-height: 220px;
    }

/* ========= Showcase (بديل السلايدر) ========= */
.feature-row {
    opacity: 0;
    transform: translateY(18px);
    transition: all .6s ease;
}

    .feature-row.in-view {
        opacity: 1;
        transform: none;
    }

/* إطار للصورة */
.feature-media {
    background: #fff;
    border-radius: 1rem !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.08);
    overflow: hidden;
}

/* تغطية الصورة بالكامل */
.img-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* فاصل رقيق */
hr {
    color: #e9ecef;
    opacity: 1;
}

/* ========= الكروت ========= */
.card {
    border: 0;
    border-radius: 1rem;
}

    .card .card-body {
        padding: 1.25rem 1.25rem;
    }