/* ---------- Style de base ---------- */
body, html {
    height: 100%;
    width: 100%;
    margin: 0;
    font-family: 'Lato', sans-serif;
    background-color: #f5f7fa;
}

.full-screen-container {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 20px;
}

/* ---------- Conteneurs et Sections ---------- */
.content-box {
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 1200px;
    padding: 20px;
}

.form-card, .form-container {
    background: #ffffff;
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 1rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    border: 1px solid #e1e4e8;
}

.form-card {
    padding: 2rem;
    margin: 20px auto;
    border-radius: 12px;
}

/* ---------- Header avec Logo et Titre ---------- */
.header-section {
    display: flex;
    align-items: center;
    width: 100%;
    padding-bottom: 1rem;
    border-bottom: 2px solid #133273;
    margin-bottom: 1rem;
}

.header-logo {
    max-width: 80px;
    margin-right: 15px;
}

.header-title {
    color: #133273;
    font-weight: 700;
    font-size: 1.8rem;
    text-align: center;
    flex-grow: 1;
}

.form-section {
    background-color: #f9fafb;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
}

.form-group {
    margin-bottom: 15px;
}

.barcode-input, #numberId {
    font-size: 1rem;
    padding: 12px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    width: 100%;
    text-align: center;
}

#help-btn {
    color: #007bff;
}

#btnReset {
    color: #6c757d;
    font-size: 0.9rem;
}

/* ---------- Champs de Saisie ---------- */
.form-control-custom, .custom-select-custom, .form-control, .custom-select {
    border-radius: 8px;
    font-size: 1rem;
    padding: 0.75rem;
}

.form-control-custom, .custom-select-custom {
    border: 1px solid #dee2e6;
    box-shadow: none;
    padding: 0.5rem;
}

.form-control-custom:focus, .custom-select-custom:focus {
    border-color: #133273;
    box-shadow: 0 0 5px rgba(19, 50, 115, 0.2);
}

.custom-control-label {
    font-size: 0.9rem;
}

#coverDisplay img {
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* ---------- Titres et Texte ---------- */
.section-title {
    color: #133273;
    font-weight: 600;
    font-size: 1.4rem;
    margin-bottom: 0.5rem;
    text-align: center;
}

.instruction-text {
    color: #dc3545;
    font-size: 1rem;
    font-weight: 500;
    margin-top: 0.5rem;
    text-align: center;
}

/* ---------- Boutons ---------- */
.button-container {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-top: 1.5rem;
}

.btn-profile {
    min-width: 100px;
    max-width: 150px;
    padding: 10px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 15px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

#prevBtn.btn-profile, #btnCancel.btn-profile {
    background-color: #6c757d;
    color: #fff;
}

#prevBtn.btn-profile:hover, #btnCancel.btn-profile:hover {
    background-color: #5a6268;
    transform: scale(1.05);
}

#nextBtn.btn-profile {
    background-color: #a9438c;
    color: #fff;
}

#nextBtn.btn-profile:hover {
    background-color: #a9438c;
    transform: scale(1.05);
}

#btnSubmit.btn-profile {
    background-color: #21253c;
    color: #fff;
}

#btnSubmit.btn-profile:hover {
    background-color: #0056b3;
    transform: scale(1.05);
}

.btn-profile-primary {
    background-color: #007bff;
    color: #ffffff;
    border: 1px solid #007bff;
}

.btn-profile-primary:hover {
    background-color: #0056b3;
    border-color: #0056b3;
}

.btn-profile-danger {
    color: #dc3545;
    border: 1px solid #dc3545;
}

.btn-profile-danger:hover {
    background-color: #dc3545;
    color: #ffffff;
}

/* ---------- Boîte de Téléchargement et Upload ---------- */
.upload-box {
    border: 2px dashed #21253c;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    cursor: pointer;
}

.custom-file-upload {
    display: inline-block;
    padding: 10px;
    cursor: pointer;
    background-color: #21253c;
    color: #fff;
    border-radius: 5px;
}

.uploaded-image {
    max-width: 150px;
    margin-top: 10px;
    border-radius: 10px;
}

#file-upload, .upload-box input {
    display: none;
}

/* ---------- SweetAlert Styles ---------- */
.custom-swal-button {
    background-color: #6c63ff !important;
    color: white !important;
    font-size: 1em;
    padding: 0.6em 2em;
    border-radius: 0.3em;
    font-weight: bold;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s;
}

.custom-swal-button:hover {
    background-color: #5a52e0 !important;
}

.swal2-icon.swal2-success {
    border-color: #6c63ff;
}

.swal2-icon.swal2-success [class^="swal2-success-line"] {
    background-color: #6c63ff;
}

/* ---------- Spinner (Chargement) ---------- */
.loading-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(255, 255, 255, 0.9);
    z-index: 1000;
}

.spinner, .spinner-large {
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-left-color: #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

.spinner {
    width: 40px;
    height: 40px;
}

.spinner-large {
    width: 4rem;
    height: 4rem;
    color: #007bff;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Style du conteneur de capture */
.upload-box {
    border: 2px dashed #21253c;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    position: relative;
}

/* Style du bouton Capture */
.btn-capture {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px;
    margin-top: 10px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

.btn-capture:hover {
    background-color: #0056b3;
    transform: scale(1.05);
}

#webcam {
    width: 100%;
    height: 30vh;
    border-radius: 10px;
    object-fit: cover;
    display: none;
}

#image-preview {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    height: 220px;
}

.uploaded-image {
    max-width: 100%;
    max-height: 100%;
    border-radius: 10px;
}

/* Style des boutons d'option Take a Photo et Upload */
.btn-webcam, .btn-upload {
    background-color: #21253c;
    color: #ffffff;
    border: none;
    padding: 10px 15px;
    margin: 5px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.btn-webcam:hover, .btn-upload:hover {
    background-color: #0056b3;
    transform: scale(1.05);
}

.photo-module {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ffffff;
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    margin: auto;
}

.photo-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.webcam-wrapper {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    height: 30vh;
}

.webcam, .canvas {
    width: 100%;
    border-radius: 12px;
    object-fit: cover;
    display: none;
}

.countdown-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 80px;
    font-weight: bold;
    text-align: center;
}

.button-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
}

.btn {
    width: 100%;
    max-width: 240px;
    padding: 12px 18px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}

.primary-btn {
    background: #007bff;
    color: white;
}

.secondary-btn {
    background: #28a745;
    color: white;
    display: none;
}

.btn:hover {
    opacity: 0.85;
}

.preview-container {
    text-align: center;
    border-radius: 12px;
    padding: 15px;
    background: #f5f5f5;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
}

.preview-container h4 {
    font-size: 18px;
    color: #444;
    margin-bottom: 10px;
}

.image-preview {
    width: 100%;
    height: 30vh;
    border-radius: 12px;
    background: url(data:image/png;base64,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) no-repeat center;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    object-fit: contain;
}

.image-preview:before {
    content: "";
    display: none;
}

.upload-instructions {
    text-align: left;
    background-color: #eef2f7;
    padding: 10px;
    border-radius: 8px;
    margin-top: 15px;
    font-size: 14px;
    color: #333;
}

.upload-instructions ul {
    padding-left: 20px;
    list-style: disc;
}

.upload-instructions ul li {
    margin-bottom: 5px;
}

#loadingSpinner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
}