/**
 * ND Cards (Hub) — DOAR acordeonul „Detalii complete"; restul cardului
 * (cz-ndcard) e stilizat de tema (blocks/cards-bonus/style.css).
 * Cardul e grid `auto 1fr auto` → acordeonul ocupă un rând întreg.
 */
.cz-ndcard__more { grid-column: 1 / -1; border-top: 1px solid rgba(0, 0, 0, .08); margin-top: .25rem; }
.cz-ndcard__more summary {
  display: flex; align-items: center; justify-content: center; gap: 7px;
  list-style: none; cursor: pointer;
  font-size: 13.5px; font-weight: 700; padding: 9px 0 2px;
  opacity: .85;
}
.cz-ndcard__more summary:hover { opacity: 1; }
.cz-ndcard__more summary::-webkit-details-marker { display: none; }
.cz-ndcard__more summary::marker { content: none; }
.cz-ndcard__more > summary .cdhc-bc__chev { transition: transform .18s ease; }
.cz-ndcard__more[open] > summary .cdhc-bc__chev { transform: rotate(180deg); }

.cz-ndcard__more-in { padding: 8px 0 4px; display: flex; flex-direction: column; gap: 14px; }
.cz-ndcard__blk-t {
  margin: 0 0 8px; font-size: 11px; font-weight: 800; letter-spacing: .08em;
  text-transform: uppercase; opacity: .7;
}
.cz-ndcard__dl { margin: 0; display: flex; flex-direction: column; }
.cz-ndcard__dl > div {
  display: flex; gap: 12px; font-size: 13.5px; line-height: 1.5;
  padding: 6px 0; border-bottom: 1px solid rgba(0, 0, 0, .06);
}
.cz-ndcard__dl > div:last-child { border-bottom: none; }
.cz-ndcard__dl dt { flex: none; width: 148px; font-weight: 500; opacity: .7; }
.cz-ndcard__dl dd { margin: 0; font-weight: 600; }

@media (min-width: 720px) {
  .cz-ndcard__more-in { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 36px; }
}
@media (max-width: 719px) {
  .cz-ndcard__dl > div { flex-direction: column; gap: 1px; }
  .cz-ndcard__dl dt { width: auto; }
}

/* ── Filtre rapide (chips — același design ca la tabelul comparativ) ── */
.cz-ndf {
  /* containerul temei (.cz-cards-nodeposit) e flex → bara ocupă un rând întreg */
  flex: 1 1 100%; width: 100%; min-width: 0;
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  margin: 0 0 2px;
}
.cz-ndf__label {
  font-size: 11px; font-weight: 700; letter-spacing: .06em;
  text-transform: uppercase; opacity: .65; margin-right: 2px;
}
.cz-ndf__chip {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 7px 14px; border-radius: 999px;
  border: 1px solid #D6DEE2; background: #fff; color: #3D5866;
  font-size: 13px; font-weight: 600; cursor: pointer;
  transition: border-color .15s ease, background .15s ease, color .15s ease;
}
.cz-ndf__chip:hover { border-color: #B8C6CD; }
.cz-ndf__chip.is-active {
  background: #F36620; border-color: #F36620; color: #fff;
}
.cz-ndf__chip.is-active:hover { background: #D55515; border-color: #D55515; }
.cz-ndf__chip:focus-visible { outline: 2px solid #2F80ED; outline-offset: 2px; }
.cz-ndf__count { font-size: 12px; opacity: .65; margin-left: auto; white-space: nowrap; }

/* Mobil: chips pe un singur rând cu scroll orizontal + fade la dreapta
   (hint că se glisează) — identic cu filtrele tabelului comparativ. */
@media (max-width: 719px) {
  .cz-ndf {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 2px;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
    scrollbar-width: none;
    -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 22px), transparent);
    mask-image: linear-gradient(to right, #000 calc(100% - 22px), transparent);
  }
  .cz-ndf::-webkit-scrollbar { display: none; }
  .cz-ndf__chip { flex: none; white-space: nowrap; }
  .cz-ndf__label { flex: none; }
  .cz-ndf__count { margin-left: 0; flex: none; }
}

/* ── Coduri multiple (V3): restul codurilor pe rând secundar, fără copy ── */
.cz-ndcard__codes-rest { flex: 1 1 100%; width: 100%; font-size: 11.5px; line-height: 1.5; color: #5F7683; margin-top: 2px; }

/* Textul legal din coloana dreaptă (clasa temei) — puțin mai estompat. */
.cz-cards-nodeposit--hub .cz-ndcard__right .cz-ndcard__tc { opacity: .75; }

/* ── T&C complet (sub-acordeon, pe toată lățimea detaliilor) ── */
.cz-ndcard__terms { border-top: 1px solid rgba(0, 0, 0, .08); padding-top: 6px; font-size: 11px; }
@media (min-width: 720px) {
  .cz-ndcard__terms { grid-column: 1 / -1; }
}
.cz-ndcard__terms summary {
  display: flex; align-items: center; justify-content: center; gap: 6px;
  list-style: none; cursor: pointer;
  font-size: 12.5px; font-weight: 700; padding: 4px 0; opacity: .8;
}
.cz-ndcard__terms summary:hover { opacity: 1; }
.cz-ndcard__terms summary::-webkit-details-marker { display: none; }
.cz-ndcard__terms summary::marker { content: none; }
.cz-ndcard__terms > summary .cdhc-bc__chev { transition: transform .18s ease; }
.cz-ndcard__terms[open] > summary .cdhc-bc__chev { transform: rotate(180deg); }
.cz-ndcard__terms-in { padding: 6px 0 4px; font-size: 12px; line-height: 1.6; opacity: .85; text-align: left; }
.cz-ndcard__terms-in p { margin: 0 0 6px; }
.cz-ndcard__terms-in ul { list-style: disc; }
.cz-ndcard__terms-in ol { list-style: decimal; }
.cz-ndcard__terms-in ul, .cz-ndcard__terms-in ol { margin: 0 0 6px; padding-left: 22px; }
.cz-ndcard__terms-in li { margin: 0; padding: 0; display: list-item; text-align: left; font-size: 14px; }
.cz-ndcard__terms-in li::before { content: none; } /* fără iconițele temei pe li */
.cz-ndcard__terms-in li::marker { color: currentColor; }

.cz-ndcard__more summary:focus-visible,
.cz-ndcard__terms summary:focus-visible { outline: 2px solid #2F80ED; outline-offset: 2px; border-radius: 6px; }
@media (prefers-reduced-motion: reduce) {
  .cz-ndcard__more .cdhc-bc__chev { transition: none; }
}