/**
 * EU Withdrawal, Returns & Refunds Compliance — cross-theme fallback styles.
 *
 * Loaded ONLY when the active theme is not Hummingbird (e.g. Classic on
 * PrestaShop 1.7/8, or a custom theme). It reproduces the modern component
 * classes the storefront markup relies on — grid-table, card-block,
 * buttons-wrapper, badge pill, account-menu links, a few Bootstrap 5 utilities —
 * so the same templates render correctly without depending on the theme. These
 * class names are not used by the Classic theme, so the rules cannot clash with
 * it; on Hummingbird this file is never enqueued.
 *
 * @author    PrestaInsights
 * @copyright 2026 PrestaInsights
 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
 */

/* ----- Card ----- */
.card-block { padding: 1.25rem 1.5rem; }

/* ----- Responsive grid-table ----- */
.grid-table { width: 100%; }
.grid-table__inner { display: block; }
.grid-table__header,
.grid-table__row {
  display: grid;
  column-gap: 1rem;
  align-items: center;
  padding: 0.65rem 0;
  border-bottom: 1px solid #ededed;
}
.grid-table__header {
  font-size: 0.82rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: #777;
}
.grid-table__row:last-child { border-bottom: 0; }
.grid-table__inner--2 .grid-table__header,
.grid-table__inner--2 .grid-table__row { grid-template-columns: 1fr auto; }
.grid-table__inner--4 .grid-table__header,
.grid-table__inner--4 .grid-table__row { grid-template-columns: auto minmax(0, 1fr) auto auto; }
.grid-table__inner--6 .grid-table__header,
.grid-table__inner--6 .grid-table__row { grid-template-columns: repeat(5, minmax(0, 1fr)) auto; }
.grid-table__cell { min-width: 0; }
.grid-table__cell--right { text-align: right; justify-self: end; }
.grid-table__cell--center { text-align: center; justify-self: center; }
.grid-table__cell-group { display: flex; flex-direction: column; }
.grid-table__cell-group--sm { gap: 2px; }

/* Stack into label/value rows on small screens (uses data-ps-label) */
@media (max-width: 767px) {
  .grid-table--collapse .grid-table__header { display: none; }
  .grid-table--collapse .grid-table__row {
    grid-template-columns: 1fr !important;
    row-gap: 0.25rem;
    padding: 0.85rem 0;
  }
  .grid-table--collapse .grid-table__cell[data-ps-label]::before {
    content: attr(data-ps-label);
    display: block;
    font-size: 0.78rem;
    font-weight: 700;
    color: #999;
  }
  .grid-table--collapse .grid-table__cell--right,
  .grid-table--collapse .grid-table__cell--center {
    text-align: left;
    justify-self: start;
  }
}

/* ----- Buttons wrapper ----- */
.buttons-wrapper { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; }
.buttons-wrapper--end { justify-content: flex-end; }
.buttons-wrapper--split { justify-content: space-between; }

/* ----- Badge pill ----- */
.badge.pill { border-radius: 10rem; padding: 0.35em 0.7em; }

/* ----- Account-menu link (displayCustomerAccount fragment) ----- */
.account-menu__link { display: inline-flex; align-items: center; gap: 0.5rem; }
.account-menu__icon { font-size: 1.25rem; line-height: 1; }

/* ----- Misc helpers (Bootstrap 5 names missing from Bootstrap 4 themes) ----- */
.container--limited-sm { max-width: 600px; margin-inline: auto; }
.form-label { display: inline-block; margin-bottom: 0.4rem; font-weight: 600; }
.form-label.required::after { content: " *"; color: #c00; }
.gap-2 { gap: 0.5rem; }


/* ===== Fix leggibilità testo tema scuro — aggiunto manualmente ===== */
.page-content--module-euwithdrawalreturns-withdrawal,
.page-content--module-euwithdrawalreturns-withdrawal strong,
.page-content--module-euwithdrawalreturns-withdrawal label,
.page-content--module-euwithdrawalreturns-withdrawal .grid-table__cell {
    color: #e5e7eb !important;
}
.page-content--module-euwithdrawalreturns-withdrawal .text-secondary {
    color: #9ca3af !important;
}
/* ===== Fine fix ===== */