/* Responsive Tables - Cards (front) */

.rt-cards{border-style:none;color:var(--rt-text-color,#111827)}

/* Desktop table */
.rt-cards__tablewrap{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--rt-card-radius,14px);box-shadow:var(--rt-card-shadow,none);background:var(--rt-card-bg,#fff)}
.rt-cards__tablewrap:before,.rt-cards__tablewrap:after{content:"";position:sticky;top:0;bottom:0;width:var(--rt-scroll-shadow-width,28px);pointer-events:none;opacity:0;transition:opacity .18s ease}
.rt-cards__tablewrap:before{left:0;background:linear-gradient(90deg,var(--rt-card-bg,#fff),rgba(255,255,255,0))}
.rt-cards__tablewrap:after{right:0;background:linear-gradient(270deg,var(--rt-card-bg,#fff),rgba(255,255,255,0))}
.rt-cards__tablewrap.rt-can-left:before{opacity:1}
.rt-cards__tablewrap.rt-can-right:after{opacity:1}

/* Optional: disable scroll shadows */
.rt-cards.rt-no-scroll-shadows .rt-cards__tablewrap:before,
.rt-cards.rt-no-scroll-shadows .rt-cards__tablewrap:after{display:none!important}

.rt-cards__table{width:100%;min-width:640px;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:0;box-shadow:none;background:transparent}
.rt-cards__table th,.rt-cards__table td{padding:var(--rt-cell-pad-y,10px) var(--rt-cell-pad-x,12px);border-bottom:var(--rt-border-width,1px) solid var(--rt-border-color,#e5e7eb);border-right:var(--rt-border-width,1px) solid var(--rt-border-color,#e5e7eb);vertical-align:top}
.rt-cards__table th:last-child,.rt-cards__table td:last-child{border-right:0}
.rt-cards__table tr:last-child td{border-bottom:0}
.rt-cards__table thead th{background:var(--rt-header-bg,#f8fafc);font-weight:700}
.rt-cards__table.rt-zebra tbody tr:nth-child(even) td{background:rgba(2,6,23,.02)}

/* Sticky header & first column (Etap 4.1) */
.rt-cards__table.rt-sticky-header thead th{position:sticky;top:0;z-index:4}
.rt-cards__table.rt-sticky-col1 .rt-col-0{position:sticky;left:0;z-index:3;background:var(--rt-card-bg,#fff)}
.rt-cards__table.rt-sticky-col1 thead .rt-col-0{z-index:5;background:var(--rt-header-bg,#f8fafc)}
.rt-cards__table.rt-sticky-col1 .rt-col-0:after{content:"";position:absolute;top:0;right:-1px;bottom:0;width:1px;background:var(--rt-border-color,#e5e7eb)}

/* Sticky shadows (optional) */
.rt-cards__table.rt-sticky-shadows.rt-sticky-header thead th{
  box-shadow: 0 6px var(--rt-shadow-size,18px) rgba(var(--rt-shadow-rgb,0,0,0), var(--rt-shadow-opacity,.12));
}
.rt-cards__table.rt-sticky-shadows.rt-sticky-col1 .rt-col-0{
  box-shadow: 6px 0 var(--rt-shadow-size,18px) rgba(var(--rt-shadow-rgb,0,0,0), var(--rt-shadow-opacity,.12));
}

/* Column highlight (JS adds .rt-col-active) */
.rt-cards__table.rt-highlight-col .rt-col-active{background:rgba(2,6,23,.06)}

/* Mobile cards */
.rt-cards__cards{display:flex;flex-direction:column;gap:var(--rt-row-gap,10px)}
.rt-cards__card{background:var(--rt-card-bg,#fff);border:var(--rt-border-width,1px) solid var(--rt-border-color,#e5e7eb);border-radius:var(--rt-card-radius,14px);box-shadow:var(--rt-card-shadow,none);padding:var(--rt-card-pad,14px)}
.rt-cards__cardtitle{font-weight:700;margin:0 0 10px}
.rt-cards__row{display:flex;gap:12px;align-items:flex-start;padding:8px 0;border-top:var(--rt-border-width,1px) solid var(--rt-border-color,#e5e7eb)}
.rt-cards__row:first-child{border-top:0;padding-top:0}
.rt-cards__label{flex:0 0 45%;font-size:var(--rt-label-size,13px);color:var(--rt-muted-color,rgba(17,24,39,.72))}
.rt-cards__value{flex:1 1 auto;text-align:var(--rt-value-align,right);font-size:var(--rt-value-size,14px)}

/* Buttons */
.rt-cards__btn{display:inline-block;padding:10px 12px;border-radius:12px;border:1px solid var(--rt-btn-border,rgba(0,0,0,.16));background:var(--rt-btn-bg,#fff);color:var(--rt-btn-text,#111827);text-decoration:none;font-weight:600;line-height:1}

/* Icons */
.rt-icon{display:inline-flex;align-items:center;justify-content:center;min-width:18px}

/* Mobile accordion */
.rt-acc{display:flex;flex-direction:column;gap:10px}
.rt-acc__item{border:var(--rt-border-width,1px) solid var(--rt-border-color,#e5e7eb);border-radius:var(--rt-card-radius,14px);background:var(--rt-card-bg,#fff);box-shadow:var(--rt-card-shadow,none);overflow:hidden}
.rt-acc__summary{cursor:pointer;list-style:none;padding:12px 14px;font-weight:700;background:var(--rt-header-bg,#f8fafc)}
.rt-acc__summary::-webkit-details-marker{display:none}
.rt-acc__panel{padding:12px 14px}
.rt-acc__row{display:flex;gap:12px;align-items:flex-start;padding:8px 0;border-top:var(--rt-border-width,1px) solid var(--rt-border-color,#e5e7eb)}
.rt-acc__row:first-child{border-top:0;padding-top:0}
.rt-acc__rowlabel{flex:0 0 45%;font-size:var(--rt-label-size,13px);color:var(--rt-muted-color,rgba(17,24,39,.72))}
.rt-acc__rowvalue{flex:1 1 auto;text-align:var(--rt-value-align,right);font-size:var(--rt-value-size,14px)}



/* Stage 4.2 tools */
.rt-tools{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:10px 0 14px;padding:10px;border:1px solid var(--rt-border-color,#e5e7eb);border-radius:12px;background:var(--rt-header-bg,#f8fafc)}
.rt-tools__search{flex:1}
.rt-tools__q{width:100%;max-width:520px;padding:10px 12px;border:1px solid var(--rt-border-color,#e5e7eb);border-radius:10px;background:var(--rt-card-bg,#fff);color:var(--rt-text-color,#111827)}
.rt-tools__actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.rt-tools__chk{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--rt-text-color,#111827)}
.rt-tools__clear{padding:9px 12px;border-radius:10px;border:1px solid var(--rt-btn-border,rgba(0,0,0,.16));background:var(--rt-btn-bg,#fff);color:var(--rt-btn-text,#111827);cursor:pointer}
.rt-tools__clear:hover{filter:brightness(.97)}
@media(max-width:640px){.rt-tools{flex-direction:column;align-items:stretch}.rt-tools__q{max-width:none}.rt-tools__actions{justify-content:space-between}}

/* Sorting */
.rt-sortable{cursor:pointer;user-select:none;position:relative;padding-right:26px}
.rt-sortable:after{content:"↕";position:absolute;right:8px;top:50%;transform:translateY(-50%);opacity:.55;font-size:14px}
.rt-sortable.rt-sort-asc:after{content:"↑";opacity:.9}
.rt-sortable.rt-sort-desc:after{content:"↓";opacity:.9}

/* Highlight column (desktop) */
.rt-cards__table.rt-active-col-0 .rt-col-0{background:rgba(2,6,23,.04)}
.rt-cards__table.rt-active-col-1 .rt-col-1{background:rgba(2,6,23,.04)}
.rt-cards__table.rt-active-col-2 .rt-col-2{background:rgba(2,6,23,.04)}
.rt-cards__table.rt-active-col-3 .rt-col-3{background:rgba(2,6,23,.04)}
.rt-cards__table.rt-active-col-4 .rt-col-4{background:rgba(2,6,23,.04)}
.rt-cards__table.rt-active-col-5 .rt-col-5{background:rgba(2,6,23,.04)}
.rt-cards__table.rt-active-col-6 .rt-col-6{background:rgba(2,6,23,.04)}
.rt-cards__table.rt-active-col-7 .rt-col-7{background:rgba(2,6,23,.04)}
.rt-cards__table.rt-active-col-8 .rt-col-8{background:rgba(2,6,23,.04)}
.rt-cards__table.rt-active-col-9 .rt-col-9{background:rgba(2,6,23,.04)}
.rt-cards__table.rt-active-col-10 .rt-col-10{background:rgba(2,6,23,.04)}
.rt-cards__table.rt-active-col-11 .rt-col-11{background:rgba(2,6,23,.04)}
.rt-cards__table.rt-active-col-12 .rt-col-12{background:rgba(2,6,23,.04)}
.rt-cards__table.rt-active-col-13 .rt-col-13{background:rgba(2,6,23,.04)}
.rt-cards__table.rt-active-col-14 .rt-col-14{background:rgba(2,6,23,.04)}
.rt-cards__table.rt-active-col-15 .rt-col-15{background:rgba(2,6,23,.04)}
.rt-cards__table.rt-active-col-16 .rt-col-16{background:rgba(2,6,23,.04)}
.rt-cards__table.rt-active-col-17 .rt-col-17{background:rgba(2,6,23,.04)}
.rt-cards__table.rt-active-col-18 .rt-col-18{background:rgba(2,6,23,.04)}
.rt-cards__table.rt-active-col-19 .rt-col-19{background:rgba(2,6,23,.04)}
.rt-cards__table.rt-active-col-20 .rt-col-20{background:rgba(2,6,23,.04)}
.rt-cards__table.rt-active-col-21 .rt-col-21{background:rgba(2,6,23,.04)}
.rt-cards__table.rt-active-col-22 .rt-col-22{background:rgba(2,6,23,.04)}
.rt-cards__table.rt-active-col-23 .rt-col-23{background:rgba(2,6,23,.04)}
.rt-cards__table.rt-active-col-24 .rt-col-24{background:rgba(2,6,23,.04)}
.rt-cards__table.rt-active-col-25 .rt-col-25{background:rgba(2,6,23,.04)}
.rt-cards__table.rt-active-col-26 .rt-col-26{background:rgba(2,6,23,.04)}
.rt-cards__table.rt-active-col-27 .rt-col-27{background:rgba(2,6,23,.04)}
.rt-cards__table.rt-active-col-28 .rt-col-28{background:rgba(2,6,23,.04)}
.rt-cards__table.rt-active-col-29 .rt-col-29{background:rgba(2,6,23,.04)}
.rt-cards__table.rt-active-col-30 .rt-col-30{background:rgba(2,6,23,.04)}


/* Premium cell types */
.rt-badge{
  display:inline-block;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 1.2;
  background: var(--rt-badge-bg, #e5e7eb);
  color: var(--rt-badge-color, var(--rt-text-color, #111827));
  font-weight: 600;
}
.rt-price{
  display:inline-flex;
  align-items:baseline;
  gap:8px;
  flex-wrap:wrap;
}
.rt-price__amount{ font-weight: 800; font-size: 1.05em; }
.rt-price__old{ text-decoration: line-through; opacity: .6; }
.rt-price__note{ opacity:.75; font-size:.92em; }
.rt-rating{ letter-spacing:1px; font-size: 14px; }
.rt-progress{
  display:flex;
  align-items:center;
  gap:10px;
}
.rt-progress__bar{
  flex: 1 1 auto;
  height: 10px;
  background: rgba(148,163,184,.35);
  border-radius: 999px;
  overflow:hidden;
}
.rt-progress__fill{
  height:100%;
  width: var(--rt-progress, 0%);
  background: var(--rt-primary-color, #2563eb);
}
.rt-progress__meta{
  white-space:nowrap;
  font-size: 12px;
  opacity:.85;
}