/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 11 oct. 2025, 11:06:08
    Author     : Honorine 2N
*/


/* Styles pour le Conteneur de la Modale (l'arrière-plan sombre) */
.modal {
    display: none; /* Caché par défaut */
    position: fixed; /* Reste en place même en scrollant */
    z-index: 1000; /* Assure qu'elle est au-dessus de tout le reste */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto; /* Permet le défilement si le contenu est trop grand */
    background-color: rgba(0,0,0,0.4); /* Arrière-plan semi-transparent noir */
}

/* Styles pour le Contenu de la Modale (la boîte blanche) */
.modal-content {
    background-color: #fefefe;
    margin: 10% auto; /* 10% du haut et centré horizontalement */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Peut être ajusté */
    max-width: 500px;
    position: relative;
    border-radius: 10px;
}
.main-cta-button {
    padding: 12px 20px;
    font-size: 1.1em;
    background-color: #2a6496;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}
/* Style pour le Bouton de Fermeture (le 'x') */
.close-btn {
    color: #aaa;
    float: right; /* Positionne en haut à droite */
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    line-height: 1; /* Assure un bon alignement */
}

.close-btn:hover,
.close-btn:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/* Styles du Calculateur existant (si vous avez intégré le CSS précédent) */
.calculator-container {
    padding: 0; /* Retirer les marges pour mieux s'intégrer à la modale */
    box-shadow: none; 
    border: none;
    max-width: 100%;
}

/* Vous devez vous assurer que votre CSS d'origine est également inclus */
/* ... (Les styles pour label, input, button, #result du code précédent) ... */