/* Wrapper per l'intera griglia delle date */
.row-riga {
    align-items: center;
    background-color: #f7f7f7;
    padding: 14px 10px;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-bottom: 1em !important;
    transition: all 0.3s ease;
}
.row-riga:hover {
    box-shadow: 1px 4px 16px -4px rgba(0, 0, 0, .2);
}
.row-riga .row_col_wrap_12_inner {
    width: 100% !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap !important;
}

.row-riga .row_col_wrap_12_inner .column-stato p  {
    text-align: center !important;
}
/* Colonne base */
.row-riga .column-data,
.row-riga .column-durata,
.row-riga .column-stato,
.row-riga .column-prezzo,
.row-riga .column-preventivo {
  flex: 1 1 20%;
  padding: 5px 10px;
    text-align: left;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
}
.row-riga .column-data h4,
.row-riga .column-data h3,
.row-riga .column-durata h4,
.row-riga .column-durata h3,
.row-riga .column-stato h4,
.row-riga .column-stato h3,
.row-riga .column-prezzo h4,
.row-riga .column-prezzo h3,
.row-riga .column-preventivo h4,
.row-riga .column-preventivo h3{
    margin-bottom: 0 !important;
}

.row-riga .column-stato {
    text-transform: uppercase;
}
/* Stato specifici */
.btr-template-griglia .btr-status-soldout,
.btr-template-griglia .btr-status-chiusa ,
.row-riga .btr-status-soldout,
.row-riga .btr-status-chiusa {
    background-color: #c93030;
    color: white;
    font-weight: bold;
    padding: 7px 7px 7px 7px;
    border-radius: 5px;
    width: 70%;
    text-align: center;
}

.btr-template-griglia .btr-status-disponibile,
.row-riga .btr-status-disponibile {
    background-color: #10b981;
    color: white;
    font-weight: bold;
    padding: 7px 7px 7px 7px;
    border-radius: 5px;
    width: 70%;
    text-align: center;
}

/* Prezzo */
.row-riga .column-prezzo h4 {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}

/* Pulsante preventivo */
.btr-date-btn,
.row-riga .column-preventivo a.nectar-button {
  font-size: 14px;
  padding: 10px 18px;
  background-color: #0097c5;
  color: white;
  border-radius: 3px;
  display: inline-block;
  text-transform: uppercase;
  transition: background-color 0.3s ease;
}
.btr-date-btn:hover,
.row-riga .column-preventivo a.nectar-button:hover {
  background-color: #007ba1;
  color: #fff;
}

/* Riga disabilitata */
.row-riga[style*="pointer-events: none"] {
  opacity: 0.5;
}

/* Visualizzazione a griglia */
.btr-date-list-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 24px;
  margin-top: 2em;
}

.btr-date-grid-item {
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 24px;
  text-align: left;
  font-family: 'Inter', sans-serif;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: all 0.2s ease-in-out;
}
.btr-date-grid-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.btr-date-grid-item.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.btr-date-range {
  font-size: 1.1rem;
  font-weight: 600;
  color: #0097c5;
}

.btr-date-status {
  font-size: 0.85rem;
  font-weight: 600;
  padding: 4px 8px !important;
  background-color: #fef3c7;
  color: #92400e;
  border-radius: 4px;
  display: inline-block;
  width: fit-content !important;
  text-transform: uppercase;
}

.btr-date-status:empty {
  display: none;
}

.btr-date-status.available {
  background-color: #dcfce7;
  color: #166534;
}

.btr-date-status.closed {
  background-color: #fef2f2;
  color: #991b1b;
}

.btr-date-price {
  font-size: 1.25rem;
  font-weight: 700;
  color: #111827;
}

.btr-date-action {
  margin-top: auto;
}



.btr-date-btn.disabled {
  background: #d1d5db;
  color: #6b7280;
  pointer-events: none;
}

/* Stile compatibile griglia anche per lista */
.column-data .btr-date-title,
.column-durata .btr-date-duration,
.column-stato .btr-date-status,
.column-prezzo .btr-date-price,
.column-preventivo .btr-date-action {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 5px;
  font-family: 'Inter', sans-serif;
}

.column-prezzo .btr-date-price {
  font-weight: 700;
  font-size: 1.2rem;
  color: #111827;
}

.column-stato .btr-date-status {
  font-size: 0.85rem;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-block;
  padding: 4px 8px;
  border-radius: 4px;
}

.column-stato .btr-date-status.disponibile {
  background-color: #dcfce7;
  color: #166534;
}

.column-stato .btr-date-status.chiusa {
  background-color: #fef2f2;
  color: #991b1b;
}

.column-preventivo .btr-date-action .btr-date-btn {
  display: inline-block;
  background-color: #0097c5;
  color: #fff;
  font-size: 0.85rem;
  font-weight: 600;
  padding: 10px 16px;
  border-radius: 6px;
  text-transform: uppercase;
  text-decoration: none;
  transition: background 0.3s ease, transform 0.2s ease;
}

.column-preventivo .btr-date-action .btr-date-btn:hover {
  background-color: #007ba1;
  transform: translateY(-1px);
}

.column-preventivo .btr-date-action .btr-date-btn.disabled {
  background-color: #d1d5db;
  color: #6b7280;
  pointer-events: none;
}

/* Widget partenze: misure del file XD di Alex (02/11), artboard larga 1747.
   --u scala tutto sulla larghezza del widget, senza superare il layout. Riga su desktop, card su telefono e nel template Griglia. */
.btr-partenze-riga { display: grid; gap: 23px; container-type: inline-size; }
.btr-date-list-wrapper:has(.btr-partenza-card) { grid-template-columns: repeat(auto-fill, minmax(min(100%, 401px), 1fr)); align-items: start; gap: 33px; }
.btr-partenza { --u: min(calc(100cqi / 1747), 1px); display: grid; grid-template-columns: calc(362 * var(--u)) calc(846 * var(--u)) auto; align-items: center; align-content: start; gap: calc(34 * var(--u)) 0; padding: calc(44 * var(--u)) calc(39 * var(--u)) calc(63 * var(--u)); background: #f8f8f8; border-radius: 20px; font-family: 'Archivo', sans-serif; color: #000; }
.btr-partenza:has(.btr-partenza-notti) { padding-bottom: calc(52 * var(--u)); }
.btr-partenza.ha-prezzo { grid-template-columns: calc(362 * var(--u)) calc(846 * var(--u)) auto auto; }
.btr-partenza-titolo strong, .btr-partenza-titolo span { display: block; font-size: max(18px, calc(30 * var(--u))); font-weight: 700; line-height: 1.07; color: #000; }
.btr-partenza-prezzo { margin-left: calc(40 * var(--u)); font-size: max(13px, calc(20 * var(--u))); font-weight: 700; text-align: center; }
.btr-partenza-azione { margin-left: calc(84 * var(--u)); text-align: left; }
.btr-partenza-titolo { margin-top: calc(-6 * var(--u)); }
.btr-partenza-btn, a.btr-partenza-btn { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: calc(278 * var(--u)); min-height: calc(71 * var(--u)); padding: 8px 12px; background: #0297c7; border-radius: 11px; color: #fff !important; font-size: max(13px, calc(20 * var(--u))); font-weight: 700; line-height: 1.15; text-decoration: none; transition: background-color .2s ease; }
a.btr-partenza-btn:hover { background: #027ba1; }
.btr-partenza-btn.is-spento { opacity: .45; }
.btr-semaforo { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px calc(39 * var(--u)); }
.btr-semaforo-riquadro { display: flex; align-items: center; justify-content: center; box-sizing: border-box; min-height: max(32px, calc(51 * var(--u))); padding: 4px 6px; border-radius: 26px; color: #fff; font-size: max(12px, calc(20 * var(--u))); font-weight: 700; line-height: 1.1; text-align: center; opacity: .45; }
.btr-semaforo-riquadro.is-acceso { opacity: 1; }
.btr-semaforo-verde { background: #65c74e; }
.btr-semaforo-giallo, .btr-semaforo-arancione { background: #ffce00; }
.btr-semaforo-rosso { background: #ea4a2d; }
.btr-partenza-notti { grid-column: 1 / -1; font-size: max(13px, calc(20 * var(--u))); line-height: 1.3; }
.btr-notti-etichetta { font-weight: 400; }
.btr-notte { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px calc(37 * var(--u)); margin-left: calc(5 * var(--u)); }
.btr-notti-etichetta:has(+ .btr-notte + .btr-notte) { display: block; }
.btr-notti-etichetta:has(+ .btr-notte + .btr-notte) ~ .btr-notte { display: flex; margin-left: 0; }
.btr-notte-luci { display: inline-flex; flex-wrap: wrap; gap: 6px calc(28 * var(--u)); }
.btr-luce { display: inline-flex; align-items: center; gap: calc(8 * var(--u)); opacity: .45; }
.btr-luce.is-accesa { opacity: 1; }
.btr-luce::before { content: ""; flex: none; width: max(14px, calc(26 * var(--u))); height: max(14px, calc(26 * var(--u))); border-radius: 50%; }
.btr-luce-verde::before { background: #65c74e; }
.btr-luce-giallo::before { background: #ffce00; }
.btr-luce-rosso::before { background: #ea4a2d; }
.btr-partenza-card, .btr-partenza-card.ha-prezzo { grid-template-columns: minmax(0, 1fr); justify-items: center; gap: 23px 0; padding: 41px 10px 30px; text-align: center; }
.btr-partenza-card:has(.btr-partenza-notti) { padding-bottom: 30px; }
.btr-partenza-card .btr-partenza-titolo strong, .btr-partenza-card .btr-partenza-titolo span { font-size: 30px; line-height: 32px; }
.btr-partenza-card .btr-partenza-titolo, .btr-partenza-card .btr-partenza-notti { width: 100%; }
.btr-partenza-card .btr-semaforo { grid-template-columns: minmax(0, 256px); gap: 13px; width: 100%; justify-content: center; }
.btr-partenza-card .btr-semaforo-riquadro { min-height: 51px; font-size: 20px; }
.btr-partenza-card .btr-partenza-azione { order: 2; margin: 0; text-align: center; }
.btr-partenza-card .btr-partenza-titolo { margin-top: 0; }
.btr-partenza-card .btr-notti-etichetta + .btr-notte { margin-top: 0; padding-top: 2px; }
.btr-partenza-card .btr-partenza-btn, .btr-partenza-card a.btr-partenza-btn { min-width: min(278px, 100%); min-height: 71px; font-size: 20px; }
.btr-partenza-card .btr-partenza-notti, .btr-partenza-card .btr-notti-etichetta { display: block; font-size: 20px; line-height: 1.2; }
.btr-partenza-card .btr-notti-etichetta ~ .btr-notte, .btr-partenza-card .btr-notte { display: flex; flex-direction: column; gap: 4px; margin: 6px -10px 0; padding: 8px 10px 0; }
.btr-partenza-card .btr-notte + .btr-notte { border-top: 1px solid #cecece; }
.btr-partenza-card .btr-notte-luci { justify-content: center; gap: 4px 6px; font-size: min(16px, 3.4vw); }
.btr-partenza-card .btr-luce { gap: 5px; }
.btr-partenza-card .btr-luce::before { width: min(18px, 4vw); height: min(18px, 4vw); }
@container (max-width: 1000px) {
  .btr-partenza,   .btr-partenza.ha-prezzo { grid-template-columns: minmax(0, 1fr); justify-items: center; gap: 23px 0; padding: 41px 10px 30px; text-align: center; }
  .btr-partenza:has(.btr-partenza-notti) { padding-bottom: 30px; }
  .btr-partenza-titolo strong,   .btr-partenza-titolo span { font-size: 30px; line-height: 32px; }
  .btr-partenza-titolo,   .btr-partenza-notti { width: 100%; }
  .btr-semaforo { grid-template-columns: minmax(0, 256px); gap: 13px; width: 100%; justify-content: center; }
  .btr-semaforo-riquadro { min-height: 51px; font-size: 20px; }
  .btr-partenza-azione { order: 2; margin: 0; text-align: center; }
  .btr-partenza-titolo { margin-top: 0; }
  .btr-notti-etichetta + .btr-notte { margin-top: 0; padding-top: 2px; }
  .btr-partenza-btn,   a.btr-partenza-btn { min-width: min(278px, 100%); min-height: 71px; font-size: 20px; }
  .btr-partenza-notti,   .btr-notti-etichetta { display: block; font-size: 20px; line-height: 1.2; }
  .btr-notti-etichetta ~ .btr-notte,   .btr-notte { display: flex; flex-direction: column; gap: 4px; margin: 6px -10px 0; padding: 8px 10px 0; }
  .btr-notte + .btr-notte { border-top: 1px solid #cecece; }
  .btr-notte-luci { justify-content: center; gap: 4px 6px; font-size: min(16px, 3.4vw); }
  .btr-luce { gap: 5px; }
  .btr-luce::before { width: min(18px, 4vw); height: min(18px, 4vw); }
}
.btr-partenza-card .btr-partenza-notti .btr-notti-etichetta ~ .btr-notte { margin: 6px -10px 0; }
.btr-partenza-card .btr-partenza-notti .btr-notti-etichetta + .btr-notte { margin-top: 0; padding-top: 0; }
@container (max-width: 1000px) {
  .btr-partenza-notti .btr-notti-etichetta ~ .btr-notte { margin: 6px -10px 0; }
  .btr-partenza-notti .btr-notti-etichetta + .btr-notte { margin-top: 0; padding-top: 0; }
}
@media (max-width: 360px) {
  .btr-partenza-titolo strong, .btr-partenza-titolo span { font-size: 26px; line-height: 28px; }
}