/* ط¥ط¶ط§ظپط© ط£ظ„ظˆط§ظ† ط²ط±ط§ط¹ظٹط© */
:root {
    --primary-green: #16a34a;
    --secondary-green: #15803d;
    --light-green: #86efac;
    --dark-green: #14532d;
    --gold: #fbbf24;
    --cream: #fef3c7;
}

/* طھط®طµظٹطµ ط§ظ„ط®ظ„ظپظٹط§طھ ط§ظ„ط²ط±ط§ط¹ظٹط© */
.hero-section {
    background: linear-gradient(135deg, #14532d 0%, #16a34a 100%);
}

/* ط²ط± ط§ظ„ط®ط¯ظ…ط© ط§ظ„ط²ط±ط§ط¹ظٹط© */
.btn-agri {
    background: var(--gold);
    color: var(--dark-green);
    padding: 12px 32px;
    border-radius: 8px;
    font-weight: bold;
    transition: all 0.3s ease;
}

.btn-agri:hover {
    background: #f59e0b;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(251, 191, 36, 0.4);
}

/* ط¨ط·ط§ظ‚ط§طھ ط§ظ„ط®ط¯ظ…ط§طھ ط§ظ„ط²ط±ط§ط¹ظٹط© */
.service-card {
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.service-card:hover {
    border-color: var(--primary-green);
    transform: translateY(-8px);
    box-shadow: 0 12px 24px rgba(22, 163, 74, 0.15);
}

/* ط£ظٹظ‚ظˆظ†ط§طھ ط²ط±ط§ط¹ظٹط© */
.icon-agri {
    color: var(--primary-green);
    background: rgba(22, 163, 74, 0.1);
    padding: 12px;
    border-radius: 50%;
}

/* ط´ظ‡ط§ط¯ط§طھ ط§ظ„ط¹ظ…ظ„ط§ط، - ظ†ظ…ط· ط²ط±ط§ط¹ظٹ */
.testimonial-card {
    background: #f0fdf4;
    border-right: 4px solid var(--primary-green);
}

/* طھط°ظٹظٹظ„ ط§ظ„طµظپط­ط© */
.footer-agri {
    background: var(--dark-green);
    color: white;
}

        @theme {
            --color-emerald-50: #ECFDF5;
            --color-emerald-100: #D1FAE5;
            --color-emerald-200: #A7F3D0;
            --color-emerald-300: #6EE7B7;
            --color-emerald-400: #34D399;
            --color-emerald-500: #10B981;
            --color-emerald-600: #059669;
            --color-emerald-700: #047857;
            --color-emerald-800: #065F46;
            --color-emerald-900: #064E3B;
            --font-sans: 'Cairo', sans-serif;
        }
        
        /* Container Responsive */
        .container-custom {
            width: 100%;
            max-width: 1200px;
            margin-left: auto;
            margin-right: auto;
            padding-left: 1rem;
            padding-right: 1rem;
        }
        
        @media (min-width: 640px) {
            .container-custom {
                max-width: 640px;
                padding-left: 1.5rem;
                padding-right: 1.5rem;
            }
        }
        
        @media (min-width: 768px) {
            .container-custom {
                max-width: 768px;
                padding-left: 2rem;
                padding-right: 2rem;
            }
        }
        
        @media (min-width: 1024px) {
            .container-custom {
                max-width: 1024px;
            }
        }
        
        @media (min-width: 1280px) {
            .container-custom {
                max-width: 1200px;
            }
        }
        
        @media (min-width: 1536px) {
            .container-custom {
                max-width: 1200px;
            }
        }
/* Fallback for SVGs in case Tailwind is blocked or loading slowly */
svg {
    max-width: 2rem;
    max-height: 2rem;
}@ k e y f r a m e s   s l i d e U p   {   f r o m   {   t r a n s f o r m :   t r a n s l a t e Y ( 3 0 p x ) ;   o p a c i t y :   0 ;   }   t o   {   t r a n s f o r m :   t r a n s l a t e Y ( 0 ) ;   o p a c i t y :   1 ;   }   }   . a n i m a t e - s l i d e - u p   {   a n i m a t i o n :   s l i d e U p   0 . 3 s   e a s e   f o r w a r d s ;   }  
 