/* ═══════════════════════════════════════════════
   ProfiSaison — WooCommerce Override CSS
   Account, Checkout, Cart styling
   ═══════════════════════════════════════════════ */

/* ── General WC Overrides ─────────────────────── */

.woocommerce {
  font-family: var(--font-serif);
  color: var(--text);
}

.woocommerce h1,
.woocommerce h2,
.woocommerce h3 {
  font-family: var(--font-sans);
  color: var(--text);
}

/* ── Buttons ──────────────────────────────────── */

.woocommerce .button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button {
  padding: 12px 28px;
  background-color: var(--burnt-orange) !important;
  color: #fff !important;
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0.025em;
  border-radius: 2px;
  border: none;
  transition: opacity 0.2s ease;
}

.woocommerce .button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button:hover {
  opacity: 0.9;
  background-color: var(--burnt-orange) !important;
}

.woocommerce .button.alt,
.woocommerce button.button.alt {
  background-color: var(--chefchaouen) !important;
}

.woocommerce .button.alt:hover,
.woocommerce button.button.alt:hover {
  background-color: var(--chefchaouen) !important;
  opacity: 0.9;
}

/* ── My Account ───────────────────────────────── */

.woocommerce-MyAccount-navigation {
  width: 100%;
  margin-bottom: 2rem;
}

@media (min-width: 768px) {
  .woocommerce-MyAccount-navigation {
    width: 220px;
    margin-bottom: 0;
    margin-right: 2rem;
    float: left;
  }
}

.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border: 1px solid var(--text-10);
}

.woocommerce-MyAccount-navigation ul li {
  border-bottom: 1px solid var(--text-06);
}

.woocommerce-MyAccount-navigation ul li:last-child {
  border-bottom: none;
}

.woocommerce-MyAccount-navigation ul li a {
  display: block;
  padding: 0.75rem 1.25rem;
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  color: var(--text-70);
  text-decoration: none;
  transition: color 0.15s ease, background-color 0.15s ease;
}

.woocommerce-MyAccount-navigation ul li a:hover {
  color: var(--chefchaouen);
  background: rgba(26, 78, 158, 0.03);
}

.woocommerce-MyAccount-navigation ul li.is-active a {
  color: var(--chefchaouen);
  background: rgba(26, 78, 158, 0.05);
}

.woocommerce-MyAccount-content {
  overflow: hidden;
}

@media (min-width: 768px) {
  .woocommerce-MyAccount-content {
    margin-left: 240px;
  }
}

/* ── Forms ────────────────────────────────────── */

.woocommerce form .form-row label {
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  color: var(--text);
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
  padding: 0.75rem 1rem;
  border: 1px solid var(--text-10);
  border-radius: 4px;
  font-family: var(--font-serif);
  font-size: 1rem;
  color: var(--text);
  background: #fff;
  transition: border-color 0.2s ease;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
  outline: none;
  border-color: var(--ecru-gold);
  box-shadow: 0 0 0 2px rgba(201, 166, 107, 0.15);
}

/* ── Notices ──────────────────────────────────── */

.woocommerce-message,
.woocommerce-info {
  border-top-color: var(--ecru-gold);
}

.woocommerce-message::before,
.woocommerce-info::before {
  color: var(--ecru-gold);
}

.woocommerce-error {
  border-top-color: var(--burnt-orange);
}

/* ── Tables ───────────────────────────────────── */

.woocommerce table.shop_table {
  border-collapse: collapse;
  border: 1px solid var(--text-10);
}

.woocommerce table.shop_table th {
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  color: var(--text);
  background: rgba(0, 0, 0, 0.02);
}

.woocommerce table.shop_table td {
  font-family: var(--font-serif);
  color: var(--text-70);
  border-top: 1px solid var(--text-06);
}