/*
Theme Name:   Felix Day (Storefront child)
Theme URI:    https://felix-day.com/
Description:  Storefront child theme for Felix Day — adds the brand-PDP offers
              table that compares gift-card sellers, denominations, and prices.
Author:       Felix Day
Template:     storefront
Version:      0.1.0
Text Domain:  felix-day
*/

/* ─── Offers table on brand PDP ─────────────────────────────────────── */

.felix-offers {
  margin: 1.5rem 0;
}

.felix-offers__title {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.felix-offers__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
}

.felix-offers__table th,
.felix-offers__table td {
  text-align: left;
  padding: 0.6rem 0.75rem;
  border-bottom: 1px solid #e5e7eb;
}

.felix-offers__table th {
  font-weight: 600;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #6b7280;
  background: #f9fafb;
}

.felix-offers__price {
  font-weight: 700;
  white-space: nowrap;
}

.felix-offers__form {
  display: inline-block;
  padding: 0.15rem 0.5rem;
  border-radius: 100px;
  background: #eef2ff;
  color: #4338ca;
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.felix-offers__form--physical {
  background: #ecfdf5;
  color: #065f46;
}

.felix-offers__seen {
  color: #6b7280;
  font-size: 0.85rem;
  white-space: nowrap;
}

.felix-offers__buy {
  display: inline-block;
  padding: 0.4rem 0.9rem;
  background: #111827;
  color: #fff !important;
  border-radius: 6px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}

.felix-offers__buy:hover {
  background: #1f2937;
}

.felix-offers__empty {
  color: #6b7280;
  font-style: italic;
}

@media (max-width: 600px) {
  .felix-offers__table th,
  .felix-offers__table td {
    padding: 0.5rem 0.4rem;
    font-size: 0.85rem;
  }
  .felix-offers__seen {
    display: none;   /* keep the table readable on narrow screens */
  }
}