/* =============================================================
   EllaCar — pages.css (Design v4)
   Pages intérieures en mode clair.
   Header + footer restent navy (core.css).
   ============================================================= */

body{background:#fff;color:var(--ec-text)}

.ec-inner{padding:28px 0 56px}

/* Fond subtil pour sections (optionnel) */
.ec-section-soft{
  background:linear-gradient(180deg, rgba(2,6,23,.02), rgba(2,6,23,0));
  border-top:1px solid rgba(15,23,42,.06);
  border-bottom:1px solid rgba(15,23,42,.06);
}

/* Cards */
.ec-card,
.ec-dark-card{
  border:1px solid rgba(15,23,42,.10);
  border-radius:20px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 18px 55px rgba(2,6,23,.08);
}

/* Inputs */
.ec-input,
.ec-select,
.ec-arc-input,
.ec-arc-select,
.ec-dark-input,
.ec-dark-select{
  background:#fff !important;
  color:var(--ec-text) !important;
  border:1px solid rgba(15,23,42,.14) !important;
  border-radius:14px !important;
  min-height:44px;
  padding:12px 14px;
}
.ec-input::placeholder,
.ec-dark-input::placeholder{color:rgba(71,85,105,.55) !important}

.ec-input:focus,
.ec-select:focus,
.ec-arc-input:focus,
.ec-arc-select:focus,
.ec-dark-input:focus,
.ec-dark-select:focus{
  border-color:rgba(255,179,0,.55) !important;
  box-shadow:0 0 0 4px rgba(255,179,0,.16) !important;
  outline:none !important;
}

.ec-select option,
.ec-dark-input option{background:#fff;color:var(--ec-text)}

/* Labels */
.ec-field label,
.ec-dark-label{
  color:rgba(71,85,105,.85) !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.06em;
  text-transform:uppercase;
}

/* Buttons */
.ec-btn{border-radius:14px}

/* Links */
.ec-link{color:var(--ec-navy);font-weight:900;text-decoration:none}
.ec-link:hover{text-decoration:underline}

/* Breadcrumb */
.ec-breadcrumb{color:rgba(71,85,105,.85);font-size:14px}
.ec-breadcrumb a{opacity:.9;text-decoration:none}
.ec-breadcrumb a:hover{text-decoration:underline}

/* Tables (reservation / recap) */
.ec-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid rgba(15,23,42,.10);border-radius:16px}
.ec-table th{background:rgba(2,6,23,.03);text-align:left;padding:12px 14px;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:rgba(71,85,105,.9)}
.ec-table td{padding:12px 14px;border-top:1px solid rgba(15,23,42,.08)}

/* Small pills */
.ec-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid rgba(15,23,42,.12);background:rgba(2,6,23,.02);font-weight:800}

/* Vehicle page (reservation panel) */
.ec-res-panel__head{background:rgba(255,179,0,.16);border-bottom:1px solid rgba(15,23,42,.08)}
.ec-res-panel__title{font-weight:950}