/* Styles personnalisés pour PilPerf */

body {
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size: 0.9375rem !important; /* 15px - légèrement augmenté */
    color: #343640;
}

*:not(.fas):not(.fa-solid):not(.fa-fw):not(.fa):not(.far):not(.fal):not(.fab):not(.fa-brands):not([class*="fa-"]):not(.material-icons):not([class*="material-icons"]):not(i) {
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

/* Exclure les icônes Font Awesome de la police Roboto */
.fas, .fa-solid, .fa-fw, .fa, .far, .fal, .fab, .fa-brands,
[class^="fa-"], [class*=" fa-"] {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", "Font Awesome 6 Brands" !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-weight: 600;
}

h1, .h1 {
    font-size: 1rem !important;
}

h2, .h2 {
    font-size: 0.95rem !important;
}

h3, .h3 {
    font-size: 0.9rem !important;
}

h4, .h4, h5, .h5, h6, .h6 {
    font-size: 0.9375rem !important; /* 15px */
}

p, span, div, a, li, td, th, label, input, select, textarea, button {
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size: 0.9375rem !important; /* 15px - légèrement augmenté */
}

/* Styles supplémentaires pour le login */
.login-container {
    min-height: 100vh;
    display: flex;
    align-items: center;
}

/* Styles pour les formulaires */
.form-control:focus {
    border-color: #FF7900;
    box-shadow: 0 0 0 0.2rem rgba(255, 121, 0, 0.25);
}

/* Lien "Mot de passe oublié" */
a.small {
    color: #FF7900;
    text-decoration: none;
}

a.small:hover {
    color: #e66a00;
    text-decoration: underline;
}

/* Checkbox personnalisée */
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #FF7900;
    border-color: #FF7900;
}

/* Bouton primaire avec couleur orange */
.btn-primary {
    background-color: #FF7900 !important;
    border-color: #FF7900 !important;
    color: #ffffff !important;
}

.btn-primary:hover {
    background-color: #e66a00 !important;
    border-color: #e66a00 !important;
    color: #ffffff !important;
}

.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 121, 0, 0.5) !important;
}

/* Bouton info - remplacer le bleu par orange */
.btn-info {
    background-color: #FF7900 !important;
    border-color: #FF7900 !important;
    color: #ffffff !important;
}

.btn-info:hover {
    background-color: #e66a00 !important;
    border-color: #e66a00 !important;
    color: #ffffff !important;
}

.btn-info:focus, .btn-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 121, 0, 0.5) !important;
}

/* Bouton secondary - remplacer le gris/bleu par gris foncé de la charte */
.btn-secondary {
    background-color: #343640 !important;
    border-color: #343640 !important;
    color: #ffffff !important;
}

.btn-secondary:hover {
    background-color: #2a2d35 !important;
    border-color: #2a2d35 !important;
    color: #ffffff !important;
}

.btn-secondary:focus, .btn-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 54, 64, 0.5) !important;
}

/* Remplacer tous les boutons bleus par défaut par orange */
button.btn:not(.btn-success):not(.btn-danger):not(.btn-warning):not(.btn-dark) {
    background-color: #FF7900 !important;
    border-color: #FF7900 !important;
    color: #ffffff !important;
}

button.btn:not(.btn-success):not(.btn-danger):not(.btn-warning):not(.btn-dark):hover {
    background-color: #e66a00 !important;
    border-color: #e66a00 !important;
    color: #ffffff !important;
}

/* S'assurer qu'aucun bouton n'utilise le bleu */
.btn[style*="blue"],
.btn[style*="#4e73df"],
.btn[style*="#007bff"],
.btn[style*="#0d6efd"] {
    background-color: #FF7900 !important;
    border-color: #FF7900 !important;
    color: #ffffff !important;
}

/* Bouton link - remplacer le bleu par orange */
.btn-link {
    color: #FF7900 !important;
    text-decoration: none !important;
}

.btn-link:hover {
    color: #e66a00 !important;
    text-decoration: underline !important;
}

.btn-link:focus {
    color: #e66a00 !important;
    box-shadow: none !important;
}

/* Texte principal */
.text-primary {
    color: #FF7900 !important;
}

/* Bordure primaire */
.border-primary {
    border-color: #FF7900 !important;
}

/* Image de fond pour le login */
.bg-login-image {
    background: url("../img/logo_prc_off.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* Background du login selon la charte graphique - OPTION 1: Gradient Orange/Noir élégant */
.bg-gradient-primary {
    background: linear-gradient(135deg, #343640 0%, #FF7900 50%, #343640 100%) !important;
    background-color: #343640 !important;
    min-height: 100vh;
    position: relative;
}

/* Overlay avec pattern subtil pour plus de profondeur */
.bg-gradient-primary::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: 
        radial-gradient(circle at 20% 50%, rgba(255, 121, 0, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(255, 121, 0, 0.1) 0%, transparent 50%);
    pointer-events: none;
}

/* OPTION 2: Gradient radial orange (décommentez pour utiliser)
.bg-gradient-primary {
    background: radial-gradient(ellipse at center, #FF7900 0%, #e66a00 50%, #343640 100%) !important;
    background-color: #343640 !important;
    min-height: 100vh;
}
*/

/* OPTION 3: Gradient vertical doux orange vers blanc cassé (décommentez pour utiliser)
.bg-gradient-primary {
    background: linear-gradient(180deg, #FF7900 0%, #ff9933 30%, #fff5e6 100%) !important;
    background-color: #FF7900 !important;
    min-height: 100vh;
}
*/

/* OPTION 4: Pattern géométrique avec orange et noir (décommentez pour utiliser)
.bg-gradient-primary {
    background-color: #343640 !important;
    background-image: 
        linear-gradient(45deg, rgba(255, 121, 0, 0.1) 25%, transparent 25%),
        linear-gradient(-45deg, rgba(255, 121, 0, 0.1) 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, rgba(255, 121, 0, 0.1) 75%),
        linear-gradient(-45deg, transparent 75%, rgba(255, 121, 0, 0.1) 75%);
    background-size: 60px 60px;
    background-position: 0 0, 0 30px, 30px -30px, -30px 0px;
    min-height: 100vh;
}
*/

/* OPTION 5: Gradient diagonal avec overlay sombre (décommentez pour utiliser)
.bg-gradient-primary {
    background: 
        linear-gradient(135deg, rgba(255, 121, 0, 0.9) 0%, rgba(52, 54, 64, 0.95) 100%),
        url("../img/logo_prc_off.jpg");
    background-size: cover;
    background-position: center;
    background-blend-mode: overlay;
    min-height: 100vh;
}
*/

/* Cartes : bordure gauche colorée selon indicateur (vert / orange / rouge) - PilPerf */
.card.border-left-success { border-left: 4px solid #28a745 !important; }
.card.border-left-warning { border-left: 4px solid #fd7e14 !important; }
.card.border-left-danger { border-left: 4px solid #dc3545 !important; }