/* Theme lePERMISLIBRE - Couleurs inspirées du site officiel */
:root {
    /* Couleurs principales */
    --lpl-red: #E53935;           /* Rouge principal lePERMISLIBRE */
    --lpl-red-light: #FF6B6B;    /* Rouge clair */
    --lpl-red-dark: #C62828;     /* Rouge foncé */
    
    /* Couleurs pastel douces */
    --lpl-blue-pastel: #E3F2FD;    /* Bleu très clair */
    --lpl-green-pastel: #E8F5E8;   /* Vert très clair */
    --lpl-orange-pastel: #FFF3E0;  /* Orange très clair */
    --lpl-purple-pastel: #F3E5F5;  /* Violet très clair */
    --lpl-yellow-pastel: #FFFDE7;  /* Jaune très clair */
    
    /* Couleurs secondaires */
    --lpl-blue: #2196F3;         /* Bleu */
    --lpl-green: #4CAF50;        /* Vert */
    --lpl-orange: #FF9800;       /* Orange */
    --lpl-purple: #9C27B0;       /* Violet */
    --lpl-yellow: #FFC107;       /* Jaune */
    
    /* Neutres */
    --lpl-white: #FFFFFF;
    --lpl-gray-50: #FAFAFA;
    --lpl-gray-100: #F5F5F5;
    --lpl-gray-200: #EEEEEE;
    --lpl-gray-300: #E0E0E0;
    --lpl-gray-400: #BDBDBD;
    --lpl-gray-500: #9E9E9E;
    --lpl-gray-600: #757575;
    --lpl-gray-700: #616161;
    --lpl-gray-800: #424242;
    --lpl-gray-900: #212121;
    
    /* Textes */
    --lpl-text-primary: #212121;
    --lpl-text-secondary: #757575;
    --lpl-text-muted: #9E9E9E;
}

/* Logo lePERMISLIBRE */
.lpl-logo {
    font-family: 'Inter', 'Segoe UI', sans-serif;
    font-weight: 800;
    font-size: 1.5rem;
    color: var(--lpl-red);
    text-decoration: none;
    letter-spacing: -0.025em;
}

.lpl-logo:hover {
    color: var(--lpl-red-dark);
    text-decoration: none;
}

.lpl-logo-icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: var(--lpl-red);
    border-radius: 6px;
    margin-right: 8px;
    position: relative;
    vertical-align: middle;
}

.lpl-logo-icon::before {
    content: "🚗";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
    color: white;
}

/* Surcharge des couleurs DaisyUI */
[data-theme="lpl-theme"] {
    --p: 229 57 53;     /* Rouge principal */
    --pf: 198 40 40;    /* Rouge foncé */
    --pc: 255 255 255;  /* Blanc sur rouge */
    
    --s: 33 150 243;    /* Bleu secondaire */
    --sf: 25 118 210;   /* Bleu foncé */
    --sc: 255 255 255;  /* Blanc sur bleu */
    
    --a: 76 175 80;     /* Vert accent */
    --af: 56 142 60;    /* Vert foncé */
    --ac: 255 255 255;  /* Blanc sur vert */
    
    --n: 97 97 97;      /* Neutre */
    --nf: 66 66 66;     /* Neutre foncé */
    --nc: 255 255 255;  /* Blanc sur neutre */
    
    --b1: 255 255 255;  /* Background principal */
    --b2: 250 250 250;  /* Background secondaire */
    --b3: 245 245 245;  /* Background tertiaire */
    --bc: 33 33 33;     /* Texte sur background */
    
    --in: 33 150 243;   /* Info */
    --inc: 255 255 255; /* Texte sur info */
    
    --su: 76 175 80;    /* Success */
    --suc: 255 255 255; /* Texte sur success */
    
    --wa: 255 152 0;    /* Warning */
    --wac: 255 255 255; /* Texte sur warning */
    
    --er: 244 67 54;    /* Error */
    --erc: 255 255 255; /* Texte sur error */
}

/* Couleurs personnalisées pour les éléments spécifiques */
.bg-lpl-red { background-color: var(--lpl-red) !important; }
.bg-lpl-red-light { background-color: var(--lpl-red-light) !important; }
.bg-lpl-blue-pastel { background-color: var(--lpl-blue-pastel) !important; }
.bg-lpl-green-pastel { background-color: var(--lpl-green-pastel) !important; }
.bg-lpl-orange-pastel { background-color: var(--lpl-orange-pastel) !important; }
.bg-lpl-purple-pastel { background-color: var(--lpl-purple-pastel) !important; }
.bg-lpl-yellow-pastel { background-color: var(--lpl-yellow-pastel) !important; }

.text-lpl-red { color: var(--lpl-red) !important; }
.text-lpl-red-dark { color: var(--lpl-red-dark) !important; }
.text-lpl-blue { color: var(--lpl-blue) !important; }
.text-lpl-green { color: var(--lpl-green) !important; }
.text-lpl-orange { color: var(--lpl-orange) !important; }

.border-lpl-red { border-color: var(--lpl-red) !important; }
.border-lpl-blue-pastel { border-color: var(--lpl-blue-pastel) !important; }

/* Boutons personnalisés */
.btn-lpl-primary {
    background-color: var(--lpl-red);
    border-color: var(--lpl-red);
    color: white;
}

.btn-lpl-primary:hover {
    background-color: var(--lpl-red-dark);
    border-color: var(--lpl-red-dark);
    color: white;
}

.btn-lpl-secondary {
    background-color: var(--lpl-blue);
    border-color: var(--lpl-blue);
    color: white;
}

.btn-lpl-success {
    background-color: var(--lpl-green);
    border-color: var(--lpl-green);
    color: white;
}

.btn-lpl-warning {
    background-color: var(--lpl-orange);
    border-color: var(--lpl-orange);
    color: white;
}

/* Cards avec fond pastel */
.card-lpl-blue {
    background-color: var(--lpl-blue-pastel);
    border: 1px solid rgba(33, 150, 243, 0.2);
}

.card-lpl-green {
    background-color: var(--lpl-green-pastel);
    border: 1px solid rgba(76, 175, 80, 0.2);
}

.card-lpl-orange {
    background-color: var(--lpl-orange-pastel);
    border: 1px solid rgba(255, 152, 0, 0.2);
}

.card-lpl-purple {
    background-color: var(--lpl-purple-pastel);
    border: 1px solid rgba(156, 39, 176, 0.2);
}

.card-lpl-yellow {
    background-color: var(--lpl-yellow-pastel);
    border: 1px solid rgba(255, 193, 7, 0.2);
}

/* Navbar avec le style lePERMISLIBRE */
.navbar-lpl {
    background-color: var(--lpl-white);
    border-bottom: 1px solid var(--lpl-gray-200);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Navigation fixe */
.navbar-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    backdrop-filter: blur(8px);
    background: rgba(255, 255, 255, 0.95);
    border-bottom: 2px solid var(--lpl-red);
}

/* Espacement pour contenu sous navbar fixe */
.content-with-fixed-navbar {
    padding-top: 80px; /* Hauteur de la navbar + marge */
}

/* Amélioration du z-index pour les dropdowns */
.dropdown-content {
    z-index: 1100;
}

/* Stats avec couleurs pastel */
.stat-lpl-red {
    background: linear-gradient(135deg, var(--lpl-red), var(--lpl-red-light));
    color: white;
}

.stat-lpl-blue {
    background: linear-gradient(135deg, var(--lpl-blue), var(--lpl-blue-pastel));
    color: var(--lpl-text-primary);
}

.stat-lpl-green {
    background: linear-gradient(135deg, var(--lpl-green), var(--lpl-green-pastel));
    color: var(--lpl-text-primary);
}

.stat-lpl-orange {
    background: linear-gradient(135deg, var(--lpl-orange), var(--lpl-orange-pastel));
    color: var(--lpl-text-primary);
}

/* Animations douces */
.transition-lpl {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Ombres douces */
.shadow-lpl {
    box-shadow: 0 4px 6px -1px rgba(229, 57, 53, 0.1), 0 2px 4px -1px rgba(229, 57, 53, 0.06);
}

.shadow-lpl-lg {
    box-shadow: 0 10px 15px -3px rgba(229, 57, 53, 0.1), 0 4px 6px -2px rgba(229, 57, 53, 0.05);
}