/*
 * ==========================================================================
 * تصميم وبرمجة شركة دروب ايديا للتجارة الالكترونية والرقمية
 * https://dropidea.com
 * +962798402930
 * ==========================================================================
 */

/* ألوان مخصصة من اللوقو */
:root {
    --primary-blue: #1e3a8a;
    --primary-maroon: #8b1538;
    --blue-50: #eff6ff;
    --blue-100: #dbeafe;
    --blue-900: #1e3a8a;
    --rose-900: #8b1538;
}

/* خط Tajawal */
body {
    font-family: 'Tajawal', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    direction: rtl !important;
    text-align: right !important;
}

/* Navigation - only top navbar */
body > nav,
.fixed.top-0 {
    background: white !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
}

/* Hero Section */
.hero-section {
    background: linear-gradient(135deg, #1e3a8a 0%, #8b1538 100%) !important;
    min-height: 100vh !important;
    color: white !important;
}

/* Buttons */
.btn-primary {
    background-color: #1e3a8a !important;
    color: white !important;
    padding: 0.75rem 1.5rem !important;
    border-radius: 0.5rem !important;
    font-weight: 700 !important;
    transition: all 0.3s !important;
}

.btn-primary:hover {
    background-color: #1e40af !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.2) !important;
}

.btn-secondary {
    background-color: #8b1538 !important;
    color: white !important;
    padding: 0.75rem 1.5rem !important;
    border-radius: 0.5rem !important;
    font-weight: 700 !important;
    transition: all 0.3s !important;
}

.btn-secondary:hover {
    background-color: #9f1239 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.2) !important;
}

.btn-outline {
    background-color: transparent !important;
    border: 2px solid white !important;
    color: white !important;
    padding: 0.75rem 1.5rem !important;
    border-radius: 0.5rem !important;
    font-weight: 700 !important;
    transition: all 0.3s !important;
}

.btn-outline:hover {
    background-color: white !important;
    color: #1e3a8a !important;
}

/* Cards */
.card {
    background: white !important;
    border-radius: 1rem !important;
    padding: 2rem !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;
    transition: all 0.3s !important;
}

.card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 20px 25px rgba(0,0,0,0.15) !important;
}

/* Icon Wrapper */
.icon-wrapper {
    width: 4rem !important;
    height: 4rem !important;
    border-radius: 9999px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 1rem !important;
}

.icon-wrapper-blue {
    background: linear-gradient(135deg, #2563eb 0%, #1e3a8a 100%) !important;
}

.icon-wrapper-maroon {
    background: linear-gradient(135deg, #be123c 0%, #8b1538 100%) !important;
}

/* Stats */
.stat-number {
    font-size: 3rem !important;
    font-weight: 900 !important;
    color: white !important;
}

.stat-label {
    font-size: 1.125rem !important;
    color: rgba(255,255,255,0.9) !important;
}

/* Sections */
.section {
    padding: 5rem 0 !important;
}

.section-title {
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-bottom: 3rem !important;
    color: #1e3a8a !important;
}

/* Gradient Backgrounds */
.bg-gradient-blue {
    background: linear-gradient(135deg, #2563eb 0%, #1e3a8a 100%) !important;
}

.bg-gradient-maroon {
    background: linear-gradient(135deg, #be123c 0%, #8b1538 100%) !important;
}

.bg-gradient-mixed {
    background: linear-gradient(135deg, #1e3a8a 0%, #8b1538 100%) !important;
}

/* Text Colors */
.text-primary-blue {
    color: #1e3a8a !important;
}

.text-primary-maroon {
    color: #8b1538 !important;
}

/* Responsive */
@media (max-width: 768px) {
    .section-title {
        font-size: 2rem !important;
    }
    
    .stat-number {
        font-size: 2rem !important;
    }
}

/*
 * ==========================================================================
 * تصميم وبرمجة شركة دروب ايديا للتجارة الالكترونية والرقمية
 * https://dropidea.com
 * +962798402930
 * ==========================================================================
 */