.elementor-1026 .elementor-element.elementor-element-d2e5c27{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1026 .elementor-element.elementor-element-de04694{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-37ce1c3 *//* ===== Container général ===== */
.latepoint-w {
  background: #111 !important;
  border-radius: 15px !important;
  padding: 30px !important;
  color: #fff !important;
  font-family: var(--font-text) !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}

/* ===== Déconnexion + titre ===== */
.latepoint-w a[href*="logout"] {
  display: inline-block !important;
  background: linear-gradient(180deg,#d4af37,#f1d27a) !important;
  color: #111 !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  padding: 8px 16px !important;
  margin-bottom: 20px !important;
  text-decoration: none !important;
  transition: all .3s ease !important;
}
.latepoint-w a[href*="logout"]:hover {
  transform: scale(1.05) !important;
}
.latepoint-w h4 {
  font-family: var(--font-primary) !important;
  font-size: 1.8rem !important;
  color: var(--gold) !important;
  margin-bottom: 25px !important;
}

/* ===== Onglets ===== */
.latepoint-tab-triggers {
  display: flex !important;
  flex-wrap: wrap !important;  /* ✅ permet retour à la ligne si besoin */
  justify-content: center !important;
  gap: 10px !important;
  margin-bottom: 25px !important;
}
.latepoint-tab-trigger {
  background: #1c1c1c !important;
  color: #fff !important;
  padding: 10px 18px !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all .3s ease !important;
  flex: 1 1 auto !important;   /* ✅ onglets adaptatifs */
  text-align: center !important;
  white-space: nowrap !important; /* ✅ évite les retours à la ligne internes */
}
.latepoint-tab-trigger:hover {
  background: #2a2a2a !important;
  color: var(--gold) !important;
}
.latepoint-tab-trigger.active {
  background: linear-gradient(180deg,#d4af37,#f1d27a) !important;
  color: #111 !important;
  font-weight: 700 !important;
}

/* ===== Contenus ===== */
.latepoint-tabs-w .tab-content-customer-bookings,
.latepoint-tabs-w .tab-content-customer-orders,
.latepoint-tabs-w .tab-content-customer-info-form,
.latepoint-tabs-w .tab-content-customer-new-appointment-form,
.latepoint-tabs-w .tab-content-customer-booking-messages {
  background: #0b0b0b !important;
  border-radius: 12px !important;
  padding: 20px !important;
  color: #fff !important;
}

/* ===== Boutons internes ===== */
.latepoint-w .btn, 
.latepoint-w button, 
.latepoint-w input[type=submit] {
  background: linear-gradient(180deg,#d4af37,#f1d27a) !important;
  color: #111 !important;
  border: none !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  padding: 10px 20px !important;
  transition: all .3s ease !important;
}
.latepoint-w .btn:hover,
.latepoint-w button:hover,
.latepoint-w input[type=submit]:hover {
  transform: scale(1.05) !important;
}

/* ===== Responsive ===== */
@media(max-width:768px) {
  .latepoint-tab-triggers {
    flex-direction: column !important;
    gap: 12px !important;
  }
  .latepoint-tab-trigger {
    flex: 1 1 100% !important;
    text-align: center !important;
  }
}/* End custom CSS */