/*! blacklux-quote-modelli.css — versione 1.3.0 — Blacklux Transfer
 *  I modelli della barra: cambiano SOLO l'aspetto.
 *  Le funzioni, i campi e il passaggio al calcolatore restano identici.
 *  Il foglio di base non viene toccato: ogni modello aggiunge le sue regole.
 */

/* ============ CHIARA — su fondo bianco ============ */
.blq.blq-m-chiara {
  --blq-panel: #FFFFFF;
  --blq-panel-2: #F4F5F7;
  --blq-line: rgba(10,12,18,0.13);
  --blq-line-strong: rgba(10,12,18,0.28);
  --blq-text: #14171F;
  --blq-muted: #5B6270;
  --blq-ph: #8A909C;
  --blq-error: #C0392B;
  --blq-group: #FFFFFF;
  --blq-scheme: light;
  --blq-cal: none;
}
.blq-m-chiara .blq-bar { box-shadow: 0 18px 46px rgba(10,12,18,0.13); }
.blq-m-chiara select.blq-input option { background: #FFFFFF; color: #14171F; }
.blq-m-chiara .blq-swap { box-shadow: 0 6px 16px rgba(10,12,18,0.18); }


/* ============ FOTO — vetro trasparente sopra un'immagine ============ */
.blq.blq-m-foto {
  --blq-panel: rgba(10,12,18,0.52);
  --blq-panel-2: rgba(10,12,18,0.52);
  --blq-group: rgba(8,10,15,0.42);
}
.blq-m-foto .blq-tabs-wrap,
.blq-m-foto .blq-bar {
  -webkit-backdrop-filter: blur(16px) saturate(135%);
  backdrop-filter: blur(16px) saturate(135%);
  border-color: rgba(255,255,255,0.20);
}
.blq-m-foto .blq-group { border-color: rgba(255,255,255,0.16); }
.blq-m-foto .blq-panel {
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border-color: rgba(255,255,255,0.18);
}
.blq.blq-m-foto { --blq-swap-bg: rgba(20,23,31,0.9); }
.blq.blq-m-foto { --blq-nota: #E6E8EC; }
.blq-m-foto .blq-note { text-shadow: 0 1px 8px rgba(0,0,0,0.6); }

/* ============ COLONNA — verticale, per la barra laterale ============ */
.blq-m-colonna .blq-tabs-wrap { display: block; width: 100%; }
.blq-m-colonna .blq-tab { flex: 1 1 0; width: auto; padding: 10px 12px; gap: 8px; }
.blq-m-colonna .blq-tab .blq-ico { display: none; }
.blq-m-colonna .blq-bar {
  grid-template-columns: minmax(0,1fr);
  gap: 12px;
  padding: 10px;
  border-radius: 0 18px 18px 18px;
}
.blq-m-colonna .blq-group {
  grid-template-columns: minmax(0,1fr);
  grid-template-areas: "from" "to" "date" "time";
}
.blq-m-colonna .blq-bar .blq-field { border-right: 0; border-bottom: 1px solid var(--blq-line); }
.blq-m-colonna .blq-bar .blq-f-time { border-bottom: 0; }
.blq-m-colonna .blq-swap { right: 14px; top: auto; bottom: -18px; margin-top: 0; }
.blq-m-colonna .blq-f-to { padding-left: 46px !important; }
.blq-m-colonna .blq-f-to .blq-mark { left: 14px; }
.blq-m-colonna .blq-cta { padding-top: 1.15em; padding-bottom: 1.15em; }
.blq-m-colonna .blq-options { grid-template-columns: minmax(0,1fr); }
.blq-m-colonna .blq-return { grid-template-columns: minmax(0,1fr); padding-left: 18px; }
.blq-m-colonna .blq-check label { display: block; }

/* ============ ESSENZIALE — una riga sola, senza linguette ============ */
.blq-m-essenziale .blq-tabs-wrap { display: none; }
.blq-m-essenziale .blq-bar { border-radius: 18px; padding: 10px; box-shadow: 0 18px 50px rgba(0,0,0,0.45); }
.blq-m-essenziale .blq-bar .blq-field { padding: 8px 14px 7px 14px; }
.blq-m-essenziale .blq-bar .blq-f-from,
.blq-m-essenziale .blq-bar .blq-f-to { padding-left: 42px; }
.blq-m-essenziale .blq-f-to { padding-left: 50px !important; }
.blq-m-essenziale .blq-mark { margin-top: -11px; }
.blq-m-essenziale .blq-mark.blq-ico { width: 22px; height: 22px; flex-basis: 22px; }
.blq.blq-m-essenziale { --blq-label-size: 10px; --blq-input-size: 15px; }
.blq-m-essenziale .blq-label { margin-bottom: 2px; }
.blq-m-essenziale .blq-input { height: 25px; }
.blq-m-essenziale .blq-cta { min-width: 148px; padding: 0.8em 1.4em; }
.blq-m-essenziale .blq-swap { width: 32px; height: 32px; margin-top: -6px; }

/* ============ RIQUADRO — tutto dentro una scheda sola ============ */
.blq-m-riquadro { display: block; }
.blq-m-riquadro .blq-tabs-wrap {
  display: block; width: 100%;
  margin: 0; padding: 14px 14px 0;
  border: 1px solid var(--blq-line);
  border-bottom: 0;
  border-radius: 18px 18px 0 0;
}
.blq-m-riquadro .blq-tab { flex: 1 1 0; width: auto; }
.blq-m-riquadro .blq-bar { border-radius: 0; border-top: 0; border-bottom: 0; box-shadow: none; }
.blq-m-riquadro .blq-options {
  margin: 0;
  padding: 0 14px 14px;
  background: var(--blq-panel) !important;
  border: 1px solid var(--blq-line);
  border-top: 0;
  border-radius: 0 0 18px 18px;
}
.blq-m-riquadro .blq-panel { background: transparent !important; border-color: var(--blq-line); }
.blq-m-riquadro { filter: drop-shadow(0 32px 70px rgba(0,0,0,0.5)); }

/* ============ Sul telefono i modelli tornano tutti a una colonna ============ */
@media (max-width: 559.98px) {
  .blq-m-essenziale .blq-bar .blq-f-from,
  .blq-m-essenziale .blq-bar .blq-f-to { padding-left: 46px; }
  .blq-m-riquadro .blq-tabs-wrap { padding: 10px 10px 0; }
  .blq-m-riquadro .blq-options { padding: 0 10px 10px; }
}