/* ==========================================================================
   CYTOS Project - Complete Premium Dark Green Theme (custom.css)
   ========================================================================== */

:root {
    /* ----------------------------------------------------------------------
       1. استبدال درجات الرمادي بدرجات الأخضر المعتمدة من العميل
       ---------------------------------------------------------------------- */
    --bs-gray-100: #76c043;
    --bs-gray-200: #76c043;
    --bs-gray-300: #98c73c;
    --bs-gray-400: #2b9246;
    --bs-gray-500: #2b9246;
    --bs-gray-600: #2b9246;
    --bs-gray-700: #0f172a; /* كروت خلفية */
    --bs-gray-800: #090d16; /* خلفية الـ Sections */
    --bs-gray-900: #020408; /* الخلفية العامة للموقع */

    /* قيم الـ RGB المقابلة لضمان الشفافية والـ Opacity */
    --bs-gray-100-rgb: 118, 192, 67;
    --bs-gray-200-rgb: 118, 192, 67;
    --bs-gray-300-rgb: 152, 199, 60;
    --bs-gray-400-rgb: 43, 146, 70;
    --bs-gray-500-rgb: 43, 146, 70;
    --bs-gray-600-rgb: 43, 146, 70;
    --bs-gray-700-rgb: 15, 23, 42;
    --bs-gray-800-rgb: 9, 13, 22;
    --bs-gray-900-rgb: 2, 4, 8;

    /* ----------------------------------------------------------------------
       2. الخلفيات الأساسية
       ---------------------------------------------------------------------- */
    --bs-background: #090d16;
    --bs-background-rgb: 9, 13, 22;

    --bs-background-dark: #020408;
    --bs-background-dark-rgb: 2, 4, 8;

    --bs-body-bg: #050f05;
    --preloader-bg: #050f05;

    /* ----------------------------------------------------------------------
       3. هوية الألوان الخضراء الجديدة
       ---------------------------------------------------------------------- */
    --bs-primary: #2b9246;             /* الأخضر الغامق الأساسي */
    --bs-primary-rgb: 43, 146, 70;

    --bs-primary-dark: #1e6b32;        /* درجة أغمق للـ Hover */
    --bs-primary-dark-rgb: 30, 107, 50;

    --bs-primary-light: #76c043;       /* الأخضر العشبي للتأثيرات والتدرجات */
    --bs-primary-light-rgb: 118, 192, 67;

    --bs-success: #76c043;
    --bs-success-rgb: 118, 192, 67;

    --bs-accent: #98c73c;              /* الأخضر الليموني كمكمل */
    --bs-accent-rgb: 152, 199, 60;

    /* ----------------------------------------------------------------------
       4. تعديل ألوان النصوص والعناوين بناءً على طلب العميل
       ---------------------------------------------------------------------- */
    /* العناوين الرئيسية باللون الأخضر */
    --bs-title: #76c043;
    --bs-title-rgb: 118, 192, 67;

    /* النصوص العادية والـ Subtitle باللون الأبيض الناصع */
    --bs-content: #ffffff;
    --bs-content-rgb: 255, 255, 255;

    --bs-muted: #e2e8f0;               /* أبيض/رمادي فاتح جداً للخطوط الفرعية الخفيفة */
    --bs-muted-rgb: 226, 232, 240;

    --bs-light: var(--bs-primary-light);
    --bs-light-rgb: var(--bs-primary-light-rgb);
    --bs-lighter: var(--bs-accent);
    --bs-lighter-rgb: var(--bs-accent-rgb);
    --bs-dark: var(--bs-gray-900);
    --bs-dark-rgb: var(--bs-gray-900-rgb);

    /* ألوان الروابط */
    --bs-link-color: #76c043;
    --bs-link-hover-color: #98c73c;
}

/* ----------------------------------------------------------------------
   5. تنسيق العناوين والـ Subtitle تلقائياً (Bold + ألوان)
   ---------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, .title, .main-title {
    color: var(--bs-title) !important;
    font-weight: 700 !important; /* تجسيم العناوين الرئيسية Bold */
}

.subtitle, .sub-title, p, span, body {
    color: var(--bs-content); /* تجديد الكلام والفرعيات باللون الأبيض */
}


/* ==========================================================================
   إعادة كتابة الكلاسات ذات الألوان المكتوبة صلبة (Overrides)
   ========================================================================== */

/* 1. التخلص التام من اللون الأزرق الداكن (#151e31) أسفل الكروت وجداول الأسعار وتحويله لأسود متناسق */
.card-blend-bottom,
.pricing-card-s1 {
    --blend-background: linear-gradient(180deg, rgba(var(--bs-background-rgb), 0.2) 0%, #020408 100%) !important;
    --blend-border: linear-gradient(180deg, rgba(var(--bs-lighter-rgb), 0.2) 0%, rgba(var(--bs-lighter-rgb), 0.6) 100%) !important;
}

/* 2. تخصيص الكروت لتظهر بخلفية زجاجية داكنة خالية من أي لون أزرق */
.card-bordered {
    --bs-card-bg: rgba(15, 23, 42, 0.6) !important;
    --bs-card-border-color: rgba(255, 255, 255, 0.06) !important;
}

/* 3. شريط التمرير (Scrollbar) متناسق مع الثيم المظلم والأخضر */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--bs-background-dark);
}

::-webkit-scrollbar-thumb {
    background: var(--bs-gray-600);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--bs-primary);
}

/* 4. تحديد النصوص مخصص بالأخضر الشفاف */
::selection {
    background-color: rgba(16, 185, 129, 0.25);
    color: #ffffff;
}

/****
    News
*****/
/* ضبط أبعاد صورة الخبر وقطع النصوص الزائدة */
.object-fit-cover {
    object-fit: cover;
}
.transition-transform {
    transition: transform 0.4s ease;
}
.hover-scale:hover {
    transform: scale(1.05);
}
.hover-primary:hover {
    color: var(--bs-primary, #10b981) !important;
}
.text-line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.text-line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.icon, svg path, svg polyline {
    color: #98c73c;
}

.card-s2:before {
    background: linear-gradient(180deg, rgba(var(--bs-background-rgb), 0.2) 0%, #020408 100%);
}