/* global.css */
body {
    background-color: #fef2df;
    font-family: 'Comfortaa', cursive;
  }

  .font_color_navbar{
    background-color: #fef2df !important;   
    }

    .logo_fidelyne {
        font-family: 'Pacifico', cursive;
        font-weight: bold;
        font-size: 30px;
        
        color: #1f2a30 !important;
    }

    .text-fidelyne-dark{

        color: #1f2a30 !important;
      }

      .bg-blanc-doux {
        background-color: #FAF9F6 !important;
    }

    input.form-control.is-invalid,
textarea.form-control.is-invalid,
select.form-control.is-invalid {
    background-color: #fceeee !important; /* rouge très doux */
}

input.bg-blanc-doux,
textarea.bg-blanc-doux,
select.bg-blanc-doux {
    background-color: #FAF9F6 !important;
}

.hr-creme_orange {
    height: 2px; /* épaisseur du trait */
    background-color: #fee9c3; /* remplace par ton orange "crème" */
    width: 100%; /* ou 50% si tu veux un trait plus court */
    border: none;
  }


.bg-creme_orange {
  background-color: #fee9c3 !important;
}


  .sidebar-expanded {
    width: 250px;
    transition: all 0.3s ease;
}

.sidebar-collapsed {
    width: 80px !important;
}

/* floute le contenu de l’élément */
.text-flou {
    filter: blur(4px);
    -webkit-filter: blur(4px);
  }
  
  /* facultatif : supprime le flou au survol */
  /* .text-flou:hover {
    filter: none;
    -webkit-filter: none;
  } */



    .fs-mini {
        font-size: 14px  !important;
    }

.scanner-box {
  width: 320px;
  height: 320px;
  background: #fff6e0; /* avant que la caméra charge */
  border: 4px solid #ff6600; /* orange Fidelyne */
  border-radius: 16px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  position: relative;
}

.modal-content {
  border-radius: 0;
  border: none;
}

.modal-header {
  background-color: #fff6e0;
  border-bottom: none;
}

.modal-title {
  font-weight: bold;
  font-size: 1.25rem;
}

#reader,
#reader video {
  background-color: #fff6e0 !important;
}