/*
html, body {
    transform: scale(0.95);
    transform-origin: top left;
    width: 105.26%;
    height: 105.26%;
}
*/
.tooltip {
  z-index: 9999999 !important;
}

.tooltip.wide-tooltip .tooltip-inner {
  max-width: 900px;
  /* o più, se ti serve più spazio */
  white-space: pre-wrap;
  /* per andare a capo automaticamente */
  text-align: left;
}

.select2-selection__clear {
  cursor: pointer;
  font-size: 1.5em;
  /* se la vuoi un po’ più grande */
  margin-right: 5px;
  /* spaziatura */
  margin-top: 2px;
  /* spaziatura */
}

.swal2-container {
  z-index: 9999999 !important;
}

#layout-menu {
  overflow-x: hidden !important;
}

#layout-menu .app-brand {
  overflow: hidden !important;
}

#layout-menu .layout-menu-toggle {
  display: none !important;
}

#layout-menu .menu-inner {
  overflow-x: hidden !important;
}

.layout-menu .menu-inner .menu-link {
  padding-top: 0.3rem !important;
  padding-bottom: 0.3rem !important;
}

.layout-menu .menu-inner .menu-item {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.selectpicker {
  padding-top: 7.2px !important;
  padding-bottom: 7.2px !important;
}

/*
.aa-List {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
  }
  
  .aa-Panel {
    overflow: visible !important;
  }
  
  .description-text {
    position: relative;
    transition: all 0.5s ease;
  }
  
  .description-text:not(.text-truncate) {

    margin-bottom: 10px!important;
    background: var(--bs-body-bg);
    padding: 0.5rem;
    border-radius: 0.375rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border: 1px solid var(--bs-border-color);
    max-width: 100%; 
    z-index: 9999999; 
    white-space: normal;
    word-wrap: break-word;
  }
    */

/* Definisce il colore Bianco per le frecce, mantenendo la classe 'swiper-button-blue' */
.swiper-button-blue {
  /* Imposta il colore per l'icona della freccia su Bianco */
  color: #ffffff;
  /* Aggiunge un'ombra scura per la visibilità su sfondi chiari e scuri */
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8),
    /* Ombra intensa */
    0 0 10px rgba(0, 0, 0, 0.5);
  /* Ombra diffusa */
}

/* Assicura che il bianco e l'ombra siano applicati anche alle icone di navigazione */
/* Sovrascrive lo stile di Swiper per le frecce 'Next' e 'Prev' */
.swiper-button-next.swiper-button-blue,
.swiper-button-prev.swiper-button-blue {
  color: #ffffff;
  /* Bianco */
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8),
    0 0 10px rgba(0, 0, 0, 0.5);
}

/* Se devi forzare il colore, usa !important */
/*
.swiper-button-next.swiper-button-blue,
.swiper-button-prev.swiper-button-blue {
    color: #007bff !important;
}
*/

/* Stile per il Pulsante "Chiedi a Teex AI" con lo stesso gradiente della Nav Pill AI attiva */
.btn-teex-ai-gradient {
  background: linear-gradient(270deg, rgb(181 212 255) 0%, var(--bs-primary) 50%) !important;
  box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--bs-primary-rgb), 0.3) !important;
  color: var(--bs-white) !important;
  border: none !important;
}

.btn-teex-ai-gradient:hover,
.btn-teex-ai-gradient:focus,
.btn-teex-ai-gradient:active {
  background: linear-gradient(270deg, rgb(181 212 255) 0%, var(--bs-primary) 50%) !important;
  box-shadow: 0 0.25rem 0.5rem 0 rgba(var(--bs-primary-rgb), 0.4) !important;
  color: var(--bs-white) !important;
}

.btn-teex-ai-gradient i {
  color: var(--bs-white) !important;
}

.btn-teex-ai-gradient span {
  color: var(--bs-white) !important;
}



/* DataTables word-wrap per celle con testo lungo */
#kt_datatable_mod td.dt-wrap {
  white-space: normal;
  word-wrap: break-word;
  word-break: break-word;
}

/* Assicura che la tabella rispetti i limiti del contenitore */
#kt_datatable_mod {
  width: 100% !important;
  table-layout: auto;
}

/* Celle centrate mantengono il wrap */
#kt_datatable_mod td.dt-center.dt-wrap {
  text-align: center;
}



/* Applica la larghezza del 25% solo su tablet e desktop (768px+) */
@media (min-width: 768px) {
  .dt-wrap {
    width: 25% !important;
  }
}

@media (max-width: 991.98px) {
  #modalChatLive .modal-dialog {
    margin: 1.25rem auto;
    width: calc(100% - 1.5rem);
    max-width: 100%;
  }
  #modalChatLive .modal-content {
    border-radius: 32px;
  }
}
/* ── Bottone "Invita un amico" in fondo al menu ── */
.referral-block-wrapper {
  padding: .75rem .75rem .5rem;
  margin-top: auto;
}
/* se sotto c'è il blocco del piano, lo spazio in mezzo lo dà già il wrapper sopra */
.referral-block-wrapper + .trial-block-wrapper {
  padding-top: 0;
  margin-top: 0;
}

/* ── Trial Block Sidebar ── */
.trial-block-wrapper {
  padding: .75rem .75rem .5rem;
  margin-top: auto;
}
#layout-menu {
  display: flex !important;
  flex-direction: column;
}
#layout-menu .menu-inner {
  flex: 1;
}
.trial-block {
  margin: 0;
  background: var(--bs-menu-bg);
  border: 1px solid #3447FE;
  border-radius: 6px;
  padding: 1rem 1rem 1.25rem;
  position: relative;
  overflow: hidden;
}
.trial-block .trial-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: .6rem;
}
.trial-block .trial-title {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #3447FE;
}
.trial-block .trial-days-badge {
  background: rgba(234, 84, 85, .12);
  color: #ea5455;
  font-size: 10px;
  font-weight: 700;
  padding: 3px 9px;
  border-radius: 50px;
  white-space: nowrap;
}
.trial-block .trial-meta {
  font-size: 11px;
  color: var(--bs-menu-color);
  margin-bottom: .5rem;
}
.trial-block .trial-track {
  background: rgba(52, 71, 254, .15);
  border-radius: 50px;
  height: 6px;
  overflow: hidden;
  margin-bottom: .9rem;
}
.trial-block .trial-fill {
  height: 100%;
  border-radius: 50px;
  background: linear-gradient(270deg, rgba(var(--bs-primary-rgb), 0.7) 0%, var(--bs-primary) 100%);
  transition: width .4s ease;
}
.trial-block .trial-btn {
  display: block;
  width: 100%;
  padding: 8px 12px;
  border: none;
  border-radius: 6px;
  background: #3447FE;
  color: #fff;
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(52, 71, 254, .4);
  transition: background .15s ease, box-shadow .15s ease, transform .1s ease;
  text-decoration: none;
}
.trial-block .trial-btn:hover {
  background: #2535e0;
  color: #fff;
  box-shadow: 0 6px 16px rgba(52, 71, 254, .5);
}
.trial-block .trial-btn:active { transform: scale(.98); }

/* ── select2: la select originale nascosta non deve sfondare la pagina ──
   select2 nasconde la <select> di partenza con .select2-hidden-accessible
   (position:absolute; width:1px). Se però la select ha anche .w-100, le due
   regole hanno la stessa specificità e sono entrambe !important: vince
   l'ultima caricata, e core.css è incluso DOPO select2.css nel layout.
   Risultato: la select nascosta resta larga quanto il contenitore, in
   posizione assoluta, e allarga la pagina (scrollbar orizzontale + spazio
   vuoto a destra). Con il selettore di tipo alziamo la specificità e la
   regola di select2 torna a vincere a prescindere dall'ordine di caricamento. */
select.select2-hidden-accessible {
  width: 1px !important;
  height: 1px !important;
}