/*
 * AAWP Table Builder — CSS Override moderno
 *
 * Si applica ai template `table-builder.php` di AAWP (post type aawp_table,
 * shortcode [amazon table="ID"]).
 *
 * STRATEGIA:
 *   - NON tocca la struttura/markup del template AAWP
 *   - Sovrascrive solo aspetti visivi: font, colori, bordi, bottoni
 *   - Usa le stesse CSS variables del bridge (--aawp-cta-*)
 *   - Differenzia 2 tipi di bottoni:
 *     • .aawp-button.aawp-button--amazon (CTA Amazon) → beige/oro
 *     • .aawp-tb-recensione-btn (link interno) → bianco con bordo nero
 *   - Lascia intatti gli elementi distintivi: barre voti, voto finale,
 *     criteri di valutazione (sono dati editoriali specifici)
 *
 * @package AAWP_Creators_Bridge
 * @since 1.2.3
 */

/* ============================================================================
 * VARIABILI
 * ============================================================================ */
.aawp .aawp-tb {
  --aawp-tb-bg: #ffffff;
  --aawp-tb-bg-alt: #fafafa;
  --aawp-tb-border: rgba(0, 0, 0, 0.08);
  --aawp-tb-text: #1a1a1a;
  --aawp-tb-text-muted: #5a5a5a;

  /* CTA Amazon — eredita o usa default beige/oro */
  --aawp-cta-bg: #F5C871;
  --aawp-cta-bg-hover: #E8B14E;
  --aawp-cta-border: #D4A044;
  --aawp-cta-text: #1a1a1a;

  /* Bottoni secondari (es. "Leggi >" Recensione) — bianco outline */
  --aawp-secondary-bg: #ffffff;
  --aawp-secondary-bg-hover: #f5f5f5;
  --aawp-secondary-border: #1a1a1a;
  --aawp-secondary-text: #1a1a1a;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  color: var(--aawp-tb-text);
  font-size: 13px;
  line-height: 1.5;
}

/* ============================================================================
 * STRUTTURA TABELLA
 * ============================================================================ */
.aawp .aawp-tb__row {
  border-bottom: 1px solid var(--aawp-tb-border);
}

.aawp .aawp-tb__row:last-child {
  border-bottom: none;
}

.aawp .aawp-tb__head {
  font-weight: 500 !important;
  color: var(--aawp-tb-text-muted) !important;
  background: var(--aawp-tb-bg-alt) !important;
  padding: 14px 12px !important;
  font-size: 13px !important;
}

.aawp .aawp-tb__data {
  padding: 14px 12px !important;
  background: var(--aawp-tb-bg);
}

.aawp .aawp-tb__data--highlight {
  background: #fefcf7 !important;
}

/* ============================================================================
 * BOTTONE CTA AMAZON — selettore esatto
 *   <a class="aawp-button aawp-button--buy aawp-button--amazon ...">
 * ============================================================================ */
.aawp .aawp-tb a.aawp-button,
.aawp .aawp-tb a.aawp-button.aawp-button--amazon,
.aawp .aawp-tb a.aawp-button.aawp-button--buy,
.entry-content .aawp .aawp-tb a.aawp-button,
.entry-content .aawp .aawp-tb a.aawp-button.aawp-button--amazon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  background: var(--aawp-cta-bg) !important;
  background-color: var(--aawp-cta-bg) !important;
  background-image: none !important;
  color: var(--aawp-cta-text) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  padding: 9px 12px !important;
  border-radius: 8px !important;
  text-align: center !important;
  border: 0.5px solid var(--aawp-cta-border) !important;
  border-bottom: 0.5px solid var(--aawp-cta-border) !important;
  text-decoration: none !important;
  text-transform: none !important;
  line-height: 1.3 !important;
  box-shadow: none !important;
  width: 100% !important;
  max-width: 200px !important;
  white-space: normal !important;
}

.aawp .aawp-tb a.aawp-button:hover,
.aawp .aawp-tb a.aawp-button.aawp-button--amazon:hover {
  background: var(--aawp-cta-bg-hover) !important;
  background-color: var(--aawp-cta-bg-hover) !important;
  color: var(--aawp-cta-text) !important;
  text-decoration: none !important;
}

/* ============================================================================
 * BOTTONE RECENSIONE — selettore esatto
 *   <a class="aawp-tb-recensione-btn">
 * Stile outline: bianco con bordo nero
 * ============================================================================ */
.aawp .aawp-tb a.aawp-tb-recensione-btn,
.aawp a.aawp-tb-recensione-btn,
.entry-content .aawp .aawp-tb a.aawp-tb-recensione-btn,
.entry-content a.aawp-tb-recensione-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  background: var(--aawp-secondary-bg) !important;
  background-color: var(--aawp-secondary-bg) !important;
  background-image: none !important;
  color: var(--aawp-secondary-text) !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  padding: 7px 12px !important;
  border-radius: 8px !important;
  text-align: center !important;
  border: 1px solid var(--aawp-secondary-border) !important;
  border-bottom: 1px solid var(--aawp-secondary-border) !important;
  text-decoration: none !important;
  text-transform: none !important;
  line-height: 1.3 !important;
  box-shadow: none !important;
  width: auto !important;
  min-width: 70px !important;
  max-width: 140px !important;
  white-space: nowrap !important;
}

.aawp .aawp-tb a.aawp-tb-recensione-btn:hover,
.aawp a.aawp-tb-recensione-btn:hover {
  background: var(--aawp-secondary-bg-hover) !important;
  background-color: var(--aawp-secondary-bg-hover) !important;
  color: var(--aawp-secondary-text) !important;
  text-decoration: none !important;
  border-color: var(--aawp-secondary-border) !important;
}

/* ============================================================================
 * IMMAGINI PRODOTTO
 * ============================================================================ */
.aawp .aawp-tb__data img {
  max-width: 100% !important;
  max-height: 110px !important;
  object-fit: contain !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* ============================================================================
 * TITOLI PRODOTTI
 * ============================================================================ */
.aawp .aawp-tb__data h2,
.aawp .aawp-tb__data h3,
.aawp .aawp-tb__data h4 {
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  color: var(--aawp-tb-text) !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  text-align: center !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
}

.aawp .aawp-tb__data h2 a,
.aawp .aawp-tb__data h3 a,
.aawp .aawp-tb__data h4 a {
  color: var(--aawp-tb-text) !important;
  text-decoration: none !important;
  border-bottom: none !important;
  font-weight: 500 !important;
}

.aawp .aawp-tb__data h2 a:hover,
.aawp .aawp-tb__data h3 a:hover,
.aawp .aawp-tb__data h4 a:hover {
  text-decoration: underline !important;
}

/* ============================================================================
 * RESPONSIVE
 * ============================================================================ */
@media (max-width: 720px) {
  .aawp .aawp-tb a.aawp-button {
    font-size: 12px !important;
    padding: 10px 12px !important;
  }

  .aawp .aawp-tb a.aawp-tb-recensione-btn {
    font-size: 11px !important;
    padding: 6px 10px !important;
  }
}