#cookieBanner {
   position: fixed;
   bottom: 0;
   left: 0;
   right: 0;
   background: rgba(33, 37, 41, 0.98);
   color: white;
   z-index: 9999;
   box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.3);
   /* display: none; */
   padding: 20px;
   animation: slideUp 0.4s ease-out;
 }

 @keyframes slideUp {
   from {
     transform: translateY(100%);
   }

   to {
     transform: translateY(0);
   }
 }

 /* --- banner cookie --- */
 .view-bann {
   position: fixed;
   left: 50px;
   bottom: 50px;
   cursor: pointer;
   z-index: 15;
 }

 .cookie-item {
   background: #f8f9fa;
   border-radius: 8px;
   padding: 15px;
   margin-bottom: 15px;
   border-left: 4px solid #0d6efd;
 }

 /* Switch personalizzati per cookie banner */
 .form-switch .form-check-input {
   width: 3em;
   height: 1.5em;
   opacity: 1 !important;
   /* Sovrascrive lo style inline opacity:0 */
   cursor: pointer;
 }

 .form-switch .form-check-input:disabled {
   opacity: 0.5 !important;
   cursor: not-allowed;
 }

 .form-switch .form-check-input:checked {
   background-color: #198754;
   border-color: #198754;
 }

 .form-switch .form-check-input:focus {
   border-color: #86b7fe;
   box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
 }

 /* Stile per label degli switch */
 .form-check-label {
   cursor: pointer;
   user-select: none;
 }

 /* Spacing per il contenuto del modal */
 .modal-body .form-check {
   padding: 1rem;
   border-radius: 0.5rem;
   transition: background-color 0.2s;
 }

 .modal-body .form-check:hover {
   background-color: #f8f9fa;
 }

 @media only screen and (max-width: 767px) {
  #cookieBanner {
    bottom: 80px;
  }
 }