/**
 * WASLA (وصلة) - Feuille de style personnalisée complémentaire à Bootstrap 5
 * Technologies: CSS3, Bootstrap 5.3, Polices Google Fonts (Plus Jakarta Sans & Cairo)
 */

:root {
    --wasla-primary: #2a154c;
    --wasla-primary-hover: #3b1e6a;
    --wasla-secondary: #e11d48;
    --wasla-secondary-hover: #be123c;
    --wasla-accent: #0d9488;
    --wasla-dark: #0f172a;
    --wasla-card-dark: #1e293b;
    --wasla-light: #f8fafc;
}

body {
    font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
    background-color: #f8fafc;
    color: #1e293b;
}

.font-arabic {
    font-family: 'Cairo', 'Tajawal', sans-serif;
}

/* Custom Navbar */
.wasla-navbar {
    background-color: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid #e2e8f0;
}

/* Custom Wasla Logo Badge */
.wasla-logo-box {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: linear-gradient(135deg, #2a154c 0%, #4c1d95 50%, #e11d48 100%);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 900;
    box-shadow: 0 4px 14px rgba(42, 21, 76, 0.25);
}

/* Custom Buttons */
.btn-wasla-primary {
    background-color: var(--wasla-primary);
    color: #ffffff;
    border: none;
    font-weight: 700;
    border-radius: 10px;
    padding: 10px 20px;
    transition: all 0.2s ease;
}

.btn-wasla-primary:hover {
    background-color: var(--wasla-primary-hover);
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(42, 21, 76, 0.25);
}

.btn-wasla-secondary {
    background-color: var(--wasla-secondary);
    color: #ffffff;
    border: none;
    font-weight: 700;
    border-radius: 10px;
    padding: 10px 20px;
    transition: all 0.2s ease;
}

.btn-wasla-secondary:hover {
    background-color: var(--wasla-secondary-hover);
    color: #ffffff;
}

/* Cards & Badges */
.wasla-card {
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
    transition: all 0.2s ease;
    background: #ffffff;
}

.wasla-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.badge-trust {
    background-color: #ecfdf5;
    color: #065f46;
    border: 1px solid #a7f3d0;
    font-weight: 700;
    border-radius: 8px;
    padding: 4px 8px;
}

.badge-category {
    background-color: #f3e8ff;
    color: #6b21a8;
    border: 1px solid #e9d5ff;
    font-weight: 600;
    border-radius: 8px;
    padding: 4px 8px;
}

/* Dark Theme for Admin / Dashboard */
.wasla-dark-panel {
    background-color: #0f172a;
    color: #f1f5f9;
    border: 1px solid #334155;
    border-radius: 16px;
}