/* Custom CSS للبيئة الإنتاجية - Hostinger */

/* الألوان المخصصة */
.text-\[#074422\] {
    color: #074422 !important;
}

.bg-\[#074422\]\/5 {
    background-color: rgba(7, 68, 34, 0.05) !important;
}

.bg-\[#074422\]\/8 {
    background-color: rgba(7, 68, 34, 0.08) !important;
}

.bg-\[#074422\]\/10 {
    background-color: rgba(7, 68, 34, 0.1) !important;
}

.bg-\[#074422\]\/12 {
    background-color: rgba(7, 68, 34, 0.12) !important;
}

.bg-\[#074422\]\/15 {
    background-color: rgba(7, 68, 34, 0.15) !important;
}

.bg-\[#074422\]\/20 {
    background-color: rgba(7, 68, 34, 0.2) !important;
}

.text-\[#074422\]\/90 {
    color: rgba(7, 68, 34, 0.9) !important;
}

.from-\[#074422\]\/5 {
    --tw-gradient-from: rgba(7, 68, 34, 0.05) !important;
    --tw-gradient-to: rgba(7, 68, 34, 0) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.to-\[#074422\]\/10 {
    --tw-gradient-to: rgba(7, 68, 34, 0.1) !important;
}

/* الكلاسات الخاصة بالتخطيط */
.aspect-\[21\/9\] {
    aspect-ratio: 21/9 !important;
}

.max-h-\[95vh\] {
    max-height: 95vh !important;
}

/* الكلاسات المتحركة */
.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
}

.animate-ping {
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important;
}

@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: .5;
    }
}

@keyframes ping {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    75%, 100% {
        transform: scale(2);
        opacity: 0;
    }
}

/* تحسينات إضافية */
.backdrop-blur-sm {
    backdrop-filter: blur(4px) !important;
}

.backdrop-blur-md {
    backdrop-filter: blur(12px) !important;
}

.rounded-2xl {
    border-radius: 1rem !important;
}

.w-15 {
    width: 3.75rem !important;
}

.h-15 {
    height: 3.75rem !important;
}