/* =============================================================
   privacy.css — Lytton Studio
   Privacy page specific styles — responsive cookie table
   Mobile-first · WCAG 2.2 AA
   Created: 15 June 2026
   ============================================================= */

/* ── Cookie table — responsive stacked card on mobile ────────── */
.cookie-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.93rem;
}

.cookie-table thead { display: none; }

.cookie-table tbody tr {
  display: block;
  margin-bottom: 1rem;
  border: 1px solid var(--ls-border);
  border-radius: var(--ls-radius);
  padding: 0.75rem;
}

.cookie-table td {
  display: block;
  padding: 0.3rem 0.5rem;
}

.cookie-table td::before {
  content: attr(data-label);
  display: block;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--ls-teal);
  margin-bottom: 0.15rem;
}

/* Tablet+: restore standard table layout */
@media (min-width: 40rem) {
  .cookie-table thead { display: table-header-group; }

  .cookie-table thead tr {
    background: var(--ls-teal);
    color: #ffffff;
  }

  .cookie-table thead th {
    padding: 0.75rem 1rem;
    text-align: left;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }

  .cookie-table tbody tr {
    display: table-row;
    margin-bottom: 0;
    border: none;
    border-radius: 0;
    padding: 0;
    border-bottom: 1px solid var(--ls-border);
  }

  .cookie-table tbody tr:last-child { border-bottom: none; }

  .cookie-table td {
    display: table-cell;
    padding: 0.75rem 1rem 0.75rem 0;
    vertical-align: top;
    line-height: 1.55;
  }

  .cookie-table td::before { display: none; }
}