.selector-livrare {
  border: 1.5px solid #bbb;
  margin-bottom: 0;
}

.selector-livrare__sumar {
  padding: 20px 24px;
  background: transparent;
  cursor: pointer;
}

.selector-livrare__sumar:hover { background: rgba(0,0,0,.03); }

.selector-livrare__sumar-text {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.selector-livrare__sumar-label-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.selector-livrare__sumar-label {
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: #888;
  white-space: nowrap;
}

.selector-livrare__sumar-val {
  font-size: 19px;
  font-weight: 400;
  color: #111;
  line-height: 1.3;
}
.selector-livrare__sumar-val.sumar-val-goala { color: #2d2d2d; font-weight: 400; }

.selector-livrare__modifica {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
  text-decoration: underline;
  color: #777;
  background: none;
  border: none;
  cursor: pointer;
  font-family: inherit;
  padding: 0;
  transition: text-decoration .12s;
}
.selector-livrare__modifica:hover { text-decoration: none; }

.selector-livrare__editor {
  border-top: 1px solid #ddd;
  padding: 20px 24px;
  display: flex;
  flex-direction: column;
  gap: 0 !important;
}

.selector-livrare__editor[hidden] { display: none !important; }

.single_add_to_cart_button.super-needs-date {
  opacity: .55;
  cursor: not-allowed;
}

.selector-livrare.selector-livrare--eroare {
  border-color: #cc1818;
}
.super-livrare-eroare.wc-block-components-validation-error {
  color: #cc1818;
  font-size: var(--wp--preset--font-size--small, 14px);
  line-height: 1.4;
  padding: 8px 0 0;
  white-space: normal;
}
.super-livrare-eroare.wc-block-components-validation-error > p {
  align-items: center;
  display: flex;
  gap: 2px;
  line-height: 1;
  margin: 0;
  padding: 0;
}
.super-livrare-eroare.wc-block-components-validation-error svg {
  fill: currentColor;
  height: 1.5em;
  margin: -.4735em 0;
  width: 1.5em;
}
.super-livrare-eroare[hidden] { display: none; }

.chip-data[hidden],
.chip-interval[hidden],
.selector-livrare__grup[hidden] { display: none !important; }

.selector-livrare__titlu {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: #999;
  margin-bottom: 10px;
}

.selector-livrare__grup {
  padding: 16px 0 !important;
}

.selector-livrare__grup:first-child {
  padding-top: 0;
}

.selector-livrare__grup + .selector-livrare__grup {
  border-top: 1px dashed #ddd;
}

.selector-livrare__scroll {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.chip-data {
  display: flex;
  flex: 1 1 calc(50% - 4px);
  min-width: 0;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border: 1.5px solid #2d2d2d;
  border-radius: 0;
  background: #fff;
  cursor: pointer;
  font-family: inherit;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #2d2d2d;
  white-space: normal;
  text-align: center;
  line-height: 1.25;

  box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
  transition: box-shadow .2s ease-in-out, color .2s ease-in-out, border-color .2s ease-in-out;
}

.chip-data:hover:not(.activ) {
  border-color: #2d2d2d;
  color: #2d2d2d;
  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.07);
}

.chip-data.activ {
  color: #fff;
  border-color: #2d2d2d;
  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.88);
}

.chip-data--calendar {
  flex: 0 0 100%;
}

.selector-livrare__intervale {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* Eticheta de interval nu se rupe în interior („09:00 -" / „13:00") — se întâmpla în coloanele
   înguste (sumarul checkout-ului pe WC 11.2, produsul la ~1000-1080px pe Blocksy): rămâne pe un
   rând, iar dacă un font mai lat al temei nu lasă loc pentru toate trei, chip-urile trec întregi
   pe rândul următor. */
.chip-interval {
  display: flex;
  flex: 1 1 0;
  min-width: max-content;
  align-items: center;
  justify-content: center;
  padding: 10px 4px;
  border: 1.5px solid #2d2d2d;
  border-radius: 0;
  background: #fff;
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #2d2d2d;
  cursor: pointer;
  white-space: nowrap;
  text-align: center;
  line-height: 1.25;
  transition: background-color .2s ease-in-out, color .2s ease-in-out;
}

.chip-interval:hover:not(.activ) {
  background-color: #2d2d2d;
  color: #fff;
}

.chip-interval.activ {
  background: #2d2d2d;
  border-color: #2d2d2d;
  color: #fff;
}

#selector-calendar-wrap {
  display: flex;
  justify-content: center;
  background: transparent;
  padding: 16px 0 0 0;
}

#selector-calendar-wrap .flatpickr-calendar {
  width: 100%;
  max-width: 420px;
  font-family: inherit;
  margin: 0;
}

.selector-calendar-status {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 140px;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 1.4;
  color: #666;
  text-align: center;
}

.selector-calendar-status--eroare {
  color: #b3261e;
  min-height: 0;
}

.selector-calendar-spinner {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  border: 2px solid #cfd8cf;
  border-top-color: #3d4a3e;
  border-radius: 50%;
  animation: selector-calendar-spin .7s linear infinite;
}

@keyframes selector-calendar-spin {
  to { transform: rotate( 360deg ); }
}

.btn-comanda-produs {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 56px;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  text-decoration: none;
  border: none;
  border-radius: 0;
  cursor: pointer;
  transition: background .2s, opacity .2s;
  background: #111;
  color: #fff;
}

.btn-comanda-produs:hover:not(.btn-comanda-produs--dezactivat) {
  background: #333;
}

.btn-comanda-produs--dezactivat {
  background: #c8c8c8;
  color: #fff;
  cursor: pointer;
}

.wp-block-super-delivery-date-inner {
  margin-top: 16px;
  border: 1px solid #ddd !important;
  border-radius: 4px;
  overflow: hidden;
  transition: border-color .3s;
}

.wp-block-super-delivery-date-inner.selector-livrare--eroare {
  border-color: #cc1818 !important;
}

.wp-block-super-delivery-date-inner .selector-livrare__sumar {
  padding: 12px 16px;
  gap: 10px;
}

.wp-block-super-delivery-date-inner .selector-livrare__sumar-text {
  gap: 2px;
}

.wp-block-super-delivery-date-inner .selector-livrare__sumar-label {
  font-size: 0.6875rem;
  color: #888;
  letter-spacing: .07em;
}

.wp-block-super-delivery-date-inner .selector-livrare__sumar-val {
  font-size: 0.8125rem;
  font-weight: 400;
  color: #111;
  line-height: 1.3;
}

.wp-block-super-delivery-date-inner .selector-livrare__sumar-val.sumar-val-goala {
  color: #111;
  font-weight: 500;
}

.wp-block-super-delivery-date-inner .selector-livrare__modifica {
  font-size: 0.625rem;
  color: #777;
  letter-spacing: .04em;
}

.wp-block-super-delivery-date-inner .selector-livrare__editor {
  border-top: 1px solid #ddd;
  padding: 0 16px;
  gap: 0;
}

.wp-block-super-delivery-date-inner .selector-livrare__grup {
  padding: 14px 0 4px;
}

.wp-block-super-delivery-date-inner .selector-livrare__grup:first-child {
  padding-top: 14px;
}

.wp-block-super-delivery-date-inner .selector-livrare__titlu {
  font-size: 0.625rem;
  color: #999;
  letter-spacing: .12em;
  margin-bottom: 8px;
}

.wp-block-super-delivery-date-inner .selector-livrare__scroll { gap: 8px; }
.wp-block-super-delivery-date-inner .selector-livrare__intervale { gap: 8px; }

.wp-block-super-delivery-date-inner .chip-data {
  padding: 8px 10px;
  border-width: 1.5px;
  font-size: 12px !important;
  font-weight: 600;
  letter-spacing: .04em;
}

.wp-block-super-delivery-date-inner .chip-interval {
  padding: 8px 4px;
  border-width: 1.5px;
  font-size: 12px !important;
  font-weight: 500;
  letter-spacing: .03em;
}

.wp-block-super-delivery-date-inner #selector-calendar-wrap {
  padding: 12px 0 4px;
}

.wp-block-super-delivery-date .selector-livrare__editor {
  border-top: 1px solid #ddd;
  padding: 0 16px;
  gap: 0;
}

.wp-block-super-delivery-date .selector-livrare__grup {
  padding: 14px 0 4px;
}

.wp-block-super-delivery-date .selector-livrare__grup:first-child {
  padding-top: 14px;
}

.wp-block-super-delivery-date .selector-livrare__titlu {
  font-size: 0.625rem;
  color: #999;
  letter-spacing: .12em;
  margin-bottom: 8px;
}

.wp-block-super-delivery-date .selector-livrare__scroll { gap: 8px; }
.wp-block-super-delivery-date .selector-livrare__intervale { gap: 8px; }

.wp-block-super-delivery-date .chip-data {
  padding: 8px 10px;
  border-width: 1.5px;
  font-size: 12px !important;
}

.wp-block-super-delivery-date .chip-interval {
  padding: 8px 10px;
  border-width: 1.5px;
  font-size: 12px !important;
}

.wp-block-super-delivery-date #selector-calendar-wrap {
  padding: 12px 0 4px;
}

/* Aceeași înălțime pentru pilulele de zi și de interval, în ambele widgeturi (produs + checkout):
   înălțimea o dă DOAR min-height-ul comun (padding vertical 0, textul e centrat de flex) — rămân
   egale oricare ar fi fontul temei, inclusiv când o etichetă se rupe pe două rânduri.
   Aceeași valoare pe desktop și pe mobil. */
.chip-data,
.chip-interval,
.wp-block-super-delivery-date-inner .chip-data,
.wp-block-super-delivery-date-inner .chip-interval,
.wp-block-super-delivery-date .chip-data,
.wp-block-super-delivery-date .chip-interval {
  min-height: 42px;
  padding-top: 0;
  padding-bottom: 0;
}

@media (max-width: 520px) {
  /* Mai mult loc pentru eticheta zilei pe telefon, în ambele widgeturi (produs + checkout): spațiul
     lateral al widgetului 16px (nu 24px) și pilula de zi cu 10px interior (nu 14px). Cu „Afișare
     zoom" pe iPhone (ecran de 375px), „DUMINICĂ 11 OCT" se rupea pe două rânduri; acum încape pe
     unul. Înălțimea pilulelor rămâne cea comună (42px). !important DOAR pe orizontală: widgetul
     de checkout (React) își scrie padding-ul inline. */
  .selector-livrare__sumar,
  .selector-livrare__editor {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .chip-data {
    padding-left: 10px;
    padding-right: 10px;
  }

  .selector-livrare__intervale,
  .wp-block-super-delivery-date-inner .selector-livrare__intervale,
  .wp-block-super-delivery-date .selector-livrare__intervale {
    flex-direction: column;
    gap: 6px;
  }

  .chip-interval,
  .wp-block-super-delivery-date-inner .chip-interval,
  .wp-block-super-delivery-date .chip-interval {
    flex: none;
    width: 100%;
    text-align: left;
    justify-content: flex-start;
    padding: 0 16px;
    font-size: 0.875rem !important;
  }
}