/* @version: 13 | 2025-10-30 17:43:40 | autore: Simone De Marchi */
/* ===================================================================
   FUTURA2025.CSS – Skin di progetto (layout + sidebar + submenu)
   - Mantiene la palette da bs-theme-overrides.css
   - Non ridefinisce componenti già gestiti in components.css
   =================================================================== */

/* Sfondo app */
body {
  background-color: #f7f9fb;
}

/* Link coerenti alla palette (usa secondary per accenti) */
a {
  color: var(--bs-secondary, #52709c);
  text-decoration: none;
}

/* Blocchi header “informativi” */
.header-block {
  padding: 15px;
  border-radius: 6px;
  border: 1px solid #dee2e6;
  background: #fff;
  margin: 0;
}

/* Box informativi e prezzi – usano palette theme */
.price-box {
  background-color: hsl(131 20% 95%);
  border-radius: 10px;
  padding: 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.price-box h3 {
  color: var(--bs-success, #94ad74);
  font-weight: 700;
  margin: 0;
}
.price-box .small { font-size: .9rem; color: #777; }

.info-box { border-radius: 10px; padding: 20px; }
.info-item { font-size: .95rem; display: flex; align-items: center; gap: 6px; margin-bottom: 5px; }
.info-icon { color: var(--bs-secondary, #52709c); }
.section-title { font-weight: 700; font-size: 1.2rem; margin: 20px 0 10px; color: var(--bs-secondary, #52709c); }

/* Blocchi “giorno/tappa” (riusabili anche altrove) */
.giorno-block {
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 6px;
  padding: 15px;
  margin-bottom: 20px;
}
.giorno-block h6 {
  font-size: .95rem;
  font-weight: 600;
  color: var(--bs-secondary, #52709c);
  margin-bottom: 12px;
}
.tappa-block {
  border-left: 3px solid var(--bs-secondary, #52709c);
  padding: 10px 15px;
  margin-bottom: 10px;
  background-color: #f8f9fa;
  border-radius: 6px;
}
.note { font-style: italic; color: #888; font-size: .9rem; margin-top: 5px; }

/* ----------------------------------------------------
   Tabelle – leggere migliorie skin
   (la logica sticky/scroll sta in components.css)
   ---------------------------------------------------- */
.table-striped>tbody>tr:nth-of-type(odd) {
  --bs-table-striped-bg: rgba(133, 153, 183, 0.06);
}
.table-hover>tbody>tr {
  --bs-table-hover-bg: rgba(187, 198, 220, 0.32);
  cursor: pointer;
}

/* Card / ombre leggere */
:root { --bs-box-shadow: 0 3px 4px 0 rgba(0,0,0,.03); }
.card { --bs-card-border-color: #f1f1f4; }

/* ----------------------------------------------------
   SIDEBAR + Toggle
   ---------------------------------------------------- */
.sidebar {
  width: 250px !important;
  transition: all .3s ease;
}
.sidebar .nav-link { display: flex; align-items: center; white-space: nowrap; }
.sidebar .nav-link i { margin-right: 10px; min-width: 20px; }
a.nav-link.active { width: 80% !important; }
.sidebar .nav-link span { display: inline; transition: opacity .3s ease; }

/* Voci menu laterale */
/*li.nav-item {
   padding:3px;
   border-radius:20px !Important;
}
li.nav-item:hover {
   background: #667487 !important;
}*/



/* Sidebar compressa */
.sidebar.toggled { width: 80px !important; }
.sidebar.toggled .nav-link span { display: none !important; }
.sidebar.toggled .navbar-brand img { display: none !important; }
.sidebar.toggled .nav-link { text-align: center; padding-left: 0 !important; padding-right: 0 !important; }
.sidebar.toggled .nav-link i { margin-right: 0 !important; }

/* Toggle button desktop */
#sidebarToggleBtn {
  top: 1rem;
  left: 250px;
  position: fixed;
  z-index: 1051;
  transition: left .3s ease;
  background: #8899b7;
  border: 0;
  color: #fff;
  margin-left: -42px !important;
  border-radius: 0 10px 10px 0;
}
#sidebarToggleBtn.sidebar-collapsed { left: 80px !important; }

/*============ MOBILE ================== */
@media (max-width: 768px) {

/*------- CONTENT -----*/
#content {
    background-color: #ffffff!important;
}
.card.shadow {
    box-shadow: none !important;
}
.card {
    --bs-card-border-color: #ffffff;
}

  .sidebar {
    position: fixed;
    left: -250px;
    top: 0;
    height: 100%;
    z-index: 1040;
    width: 250px;
    transition: left .3s ease;
  }
  .sidebar.mobile-active { left: 0 !important; }
  ul#accordionSidebar { width: 75% !important; }

  .sidebar i { margin-right: 10px; }
  #content-wrapper { margin-left: 0 !important; }
  #sidebarToggleBtn { left: 1rem !important; }
}

/* Bottone chiusura sidebar mobile */
button#mobileSidebarClose {
  background: transparent;
  border: 0;
  color: #fff;
  border-bottom: 1px solid #a1afc6;
  border-top: 1px solid #a1afc6;
  border-radius: 0;
  width: 100% !important;
  margin-left: 0 !important;
  padding: 15px 0;
}

/* Link menu sidebar */
.sidebar .nav-item .nav-link {
  text-align: left;
  padding: 17px 0;
  width: 100%;
  font-size: 13px;
}

/* Contenuto */
#content { background-color: #f7f9fb; }

/* Footer */
footer { border-top: 1px solid #d4d4d4; }

/* ----------------------------------------------------
   Main submenu
   ---------------------------------------------------- */
.dm-main-submenu ul {
  margin-bottom: 18px;
  border-bottom: 1px solid #e3e3e3;
}
.dm-main-submenu a.nav-link {
  color: var(--bs-gray-700);
  border: 0;
  margin: 0 1rem;
  text-transform: uppercase;
  font-size: 14px;
  border-bottom: 2px solid var(--bs-secondary, #52709c) !important;
  padding: 20px 0 5px !important;
}
.dm-main-submenu a.nav-link.active {
  font-weight: 700;
  border-bottom: 2px solid var(--bs-success, #94ad74) !important;
  width: auto !important;
}

/* ----------------------------------------------------
   Card footer / info
   ---------------------------------------------------- */
.dataTables_info { padding: 10px 25px !important; }
.card-footer a {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  color: #8494b2;
}

/* ----------------------------------------------------
   Login skin
   ---------------------------------------------------- */
.bg-gradient-primary {
  background-color: #8b9ab8;
  background-image: none;
  background-size: cover;
}
.flex-grow-1.bg-login-image {
  background-image: url('../img/Login-Futura-mobilita.jpg');
}