/* ================================================================
   GC Radíkov – Reciprocita plugin CSS
   Přesná kopie původního recip-scope designu
   ================================================================ */

.gcrad-rec-scope,
.gcrad-rec-scope * {
  all: unset;
  box-sizing: border-box;
}

.gcrad-rec-scope {
  display: block;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  color: #111827 !important;
}

.gcrad-rec-scope .card {
  display: block;
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.08) !important;
  overflow: hidden !important;
  width: 100% !important;
}

.gcrad-rec-scope .wrap {
  display: block;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.gcrad-rec-scope table {
  display: table !important;
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: fixed !important;
  min-width: 0 !important;
}

.gcrad-rec-scope thead { display: table-header-group !important; }
.gcrad-rec-scope tbody { display: table-row-group !important; }
.gcrad-rec-scope tr    { display: table-row !important; }
.gcrad-rec-scope th,
.gcrad-rec-scope td    { display: table-cell !important; }

.gcrad-rec-scope thead th {
  background: #dcfce7 !important;
  color: #14532d !important;
  font-weight: 800 !important;
  padding: 12px !important;
  border-bottom: 1px solid #e5e7eb !important;
  text-align: center !important;
  vertical-align: middle !important;
}

.gcrad-rec-scope tbody td {
  padding: 12px !important;
  border-bottom: 1px solid #e5e7eb !important;
  color: #111827 !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.gcrad-rec-scope th + th,
.gcrad-rec-scope td + td {
  border-left: 1px solid rgba(229,231,235,.8) !important;
}

.gcrad-rec-scope tbody tr:nth-child(odd)  { background: #ffffff !important; }
.gcrad-rec-scope tbody tr:nth-child(even) { background: #f9fafb !important; }

.gcrad-rec-scope .left   { text-align: left !important; }
.gcrad-rec-scope .center { text-align: center !important; font-variant-numeric: tabular-nums !important; }

.gcrad-rec-scope .note {
  display: block;
  padding: 12px 14px !important;
  font-size: 12px !important;
  color: #6b7280 !important;
}

/* ================================================================
   RESPONSIVE – stacked cards
   ================================================================ */
@media (max-width: 760px) {
  .gcrad-rec-scope table,
  .gcrad-rec-scope thead,
  .gcrad-rec-scope tbody,
  .gcrad-rec-scope tr,
  .gcrad-rec-scope th,
  .gcrad-rec-scope td {
    display: block !important;
    width: 100% !important;
  }

  .gcrad-rec-scope thead { display: none !important; }

  .gcrad-rec-scope tbody tr {
    padding: 14px 16px !important;
    border-bottom: 1px solid #e5e7eb !important;
  }
  .gcrad-rec-scope tbody tr:nth-child(odd)  { background: #ffffff !important; }
  .gcrad-rec-scope tbody tr:nth-child(even) { background: #f9fafb !important; }

  .gcrad-rec-scope tbody td {
    display: block !important;
    border-bottom: none !important;
    border-left: none !important;
    padding: 0 !important;
    text-align: left !important;
  }

  .gcrad-rec-scope tbody td.left:first-child {
    font-weight: 800 !important;
    font-size: 15px !important;
    padding-bottom: 2px !important;
  }

  .gcrad-rec-scope tbody td.left:nth-child(2) {
    font-weight: 400 !important;
    font-size: 13px !important;
    color: #6b7280 !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #f0f0f0 !important;
    margin-bottom: 8px !important;
  }

  .gcrad-rec-scope tbody td.center {
    display: flex !important;
    justify-content: space-between !important;
    align-items: baseline !important;
    padding: 3px 0 !important;
    font-size: 14px !important;
  }

  .gcrad-rec-scope tbody td.center::before {
    content: attr(data-label);
    font-weight: 400 !important;
    font-size: 13px !important;
    color: #6b7280 !important;
  }
}

@media (max-width: 520px) {
  .gcrad-rec-scope thead th,
  .gcrad-rec-scope tbody td { padding: 10px !important; font-size: 14px !important; }
}