/* ===============================
   IDENTITÉ VISUELLE MV AUTONET
================================ */
:root {
  --mv-blue: #0b4da2;
  --mv-blue-dark: #07356f;
  --mv-grey: #f2f4f7;
  --mv-text: #1f2933;
}

/* ===============================
   STYLE GLOBAL
================================ */
body {
  font-family: 'Arial', sans-serif;
  background-color: var(--mv-grey);
  color: var(--mv-text);
}

/* ===============================
   TITRES & TEXTES
================================ */
h1, h2, h3 {
  color: var(--mv-blue-dark) !important;
  font-weight: 700;
}

.sb-description,
.sb-service-description {
  font-size: 14px;
  line-height: 1.6;
  color: #4b5563;
}

/* ===============================
   CARTES SERVICES (FORMULES)
================================ */
.sb-service {
  background: #ffffff;
  border-radius: 18px !important;
  padding: 18px !important;
  margin-bottom: 15px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
  transition: 0.3s ease;
}

.sb-service:hover {
  transform: translateY(-4px);
  box-shadow: 0 15px 30px rgba(0,0,0,0.12);
}

/* Service sélectionné */
.sb-service.selected {
  border: 2px solid var(--mv-blue) !important;
}

/* ===============================
   BOUTONS RÉSERVATION
================================ */
.sb-button,
.sb-primary-button,
.sb-btn {
  background-color: var(--mv-blue) !important;
  color: #ffffff !important;
  border-radius: 30px !important;
  padding: 14px 26px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px;
  transition: 0.3s ease;
}

.sb-button:hover {
  background-color: var(--mv-blue-dark) !important;
  transform: scale(1.05);
}

/* ===============================
   FORMULAIRES (CLIENT)
================================ */
input, select, textarea {
  border-radius: 12px !important;
  border: 1px solid #cbd5e1;
  padding: 12px !important;
  font-size: 14px;
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--mv-blue) !important;
  outline: none;
}

/* ===============================
   BARRE DE PROGRESSION
================================ */
.sb-progress-bar,
.sb-progress-bar-active {
  background-color: var(--mv-blue) !important;
}

/* ===============================
   DÉTAILS PRO – IMAGE CONFI