/*
 * woocommerce-2.css — Checkout + My Account + Order Confirmation
 */

/* ── CHECKOUT ── */
.woocommerce-checkout .woocommerce { padding: 2rem 5%; max-width: 1200px; margin: 0 auto; }

.woocommerce-checkout h3 {
  font-family: 'Playfair Display', serif;
  color: var(--brown);
  font-size: 1.3rem;
  margin-bottom: 1.2rem;
  padding-bottom: 0.7rem;
  border-bottom: 2px solid var(--border);
}

.woocommerce-checkout #customer_details {
  background: white;
  border-radius: var(--radius-md);
  padding: 2rem;
  border: 1px solid rgba(160,97,30,0.08);
  box-shadow: 0 4px 24px var(--shadow);
}

/* Shared form label style for checkout + account */
.woocommerce-checkout .form-row,
.woocommerce-account .form-row { margin-bottom: 1rem !important; }

.woocommerce-checkout .form-row label,
.woocommerce-account .form-row label {
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  color: var(--text-mid) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 0.4rem !important;
  display: block !important;
}

.woocommerce-checkout .required { color: var(--caramel) !important; }

.woocommerce-checkout #order_review_heading {
  font-family: 'Playfair Display', serif;
  color: var(--brown);
  font-size: 1.3rem;
  margin-bottom: 1.2rem;
}

.woocommerce-checkout #order_review {
  background: var(--card-bg);
  border-radius: var(--radius-md);
  padding: 2rem;
  border: 1px solid rgba(160,97,30,0.1);
}

.woocommerce-checkout table.shop_table { width: 100%; border: none !important; }

.woocommerce-checkout table.shop_table th,
.woocommerce-checkout table.shop_table td {
  border: none !important;
  border-bottom: 1px solid rgba(160,97,30,0.1) !important;
  padding: 0.8rem 0 !important;
  font-size: 0.92rem;
  color: var(--text-mid);
}

.woocommerce-checkout table.shop_table .order-total th,
.woocommerce-checkout table.shop_table .order-total td {
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  color: var(--brown) !important;
  border-bottom: none !important;
  padding-top: 1rem !important;
}

/* Payment section */
.woocommerce-checkout #payment {
  background: white;
  border-radius: var(--radius-md);
  padding: 1.6rem;
  border: 1px solid rgba(160,97,30,0.1);
  margin-top: 1.5rem;
}

.woocommerce-checkout #payment ul.payment_methods { list-style: none; padding: 0; margin: 0 0 1.2rem; border: none !important; }

.woocommerce-checkout #payment ul.payment_methods li {
  padding: 0.8rem 1rem;
  border-radius: 12px;
  border: 1.5px solid rgba(160,97,30,0.15);
  margin-bottom: 0.6rem;
  transition: border-color 0.2s, background 0.2s;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  flex-wrap: wrap;
}

.woocommerce-checkout #payment ul.payment_methods label { font-weight: 600; font-size: 0.92rem; color: var(--brown); cursor: pointer; }

.woocommerce-checkout #payment div.payment_box {
  background: rgba(160,97,30,0.04);
  border-radius: var(--radius-sm);
  padding: 0.8rem 1rem;
  font-size: 0.85rem;
  color: var(--text-mid);
  margin-top: 0.5rem;
  border: 1px dashed rgba(160,97,30,0.2);
  width: 100%;
}

.woocommerce-checkout #payment ul.payment_methods li:has(input[value="cod"]) { border-color: var(--green); background: rgba(90,112,64,0.04); }
.woocommerce-checkout #payment ul.payment_methods li:has(input[value="cod"]) label::before { content: '🚚 '; }
.woocommerce-checkout #payment ul.payment_methods li:has(input[value="bacs"]) label::before { content: '🏦 '; }

.woocommerce-checkout #place_order {
  display: block !important;
  width: 100% !important;
  background: var(--caramel) !important;
  color: white !important;
  border-radius: var(--radius-pill) !important;
  padding: 1.1rem 2rem !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  text-align: center !important;
  border: none !important;
  cursor: pointer !important;
  box-shadow: 0 4px 24px rgba(160,97,30,0.3) !important;
  transition: background 0.2s, transform 0.2s !important;
  margin-top: 1rem;
}

.woocommerce-checkout #place_order:hover { background: var(--caramel-dark) !important; transform: translateY(-2px) !important; }

.woocommerce-checkout .woocommerce-privacy-policy-text { font-size: 0.78rem; color: var(--text-light); text-align: center; margin-top: 0.8rem; line-height: 1.6; }


/* ── MY ACCOUNT ── */
.woocommerce-account .woocommerce { padding: 2rem 5%; max-width: 1000px; margin: 0 auto; }

.woocommerce-account .u-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }

.woocommerce-account .u-column1,
.woocommerce-account .u-column2 {
  background: white;
  border-radius: var(--radius-md);
  padding: 2.5rem;
  border: 1px solid rgba(160,97,30,0.08);
  box-shadow: 0 4px 24px var(--shadow);
}

.woocommerce-account h2 {
  font-family: 'Playfair Display', serif;
  color: var(--brown);
  font-size: 1.4rem;
  margin-bottom: 1.5rem;
  padding-bottom: 0.8rem;
  border-bottom: 2px solid var(--border);
}

.wdf-spam-notice {
  background: rgba(204,138,46,0.1);
  border: 1px solid rgba(204,138,46,0.25);
  border-radius: var(--radius-sm);
  padding: 0.7rem 1rem;
  font-size: 0.8rem;
  color: var(--text-mid);
  margin: 0.5rem 0 1rem;
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  line-height: 1.5;
}

.woocommerce-account .lost_password { margin-top: 0.5rem; }
.woocommerce-account .lost_password a { font-size: 0.82rem; color: var(--caramel); }
.woocommerce-account .lost_password a:hover { text-decoration: underline; }

.woocommerce-account .woocommerce-form__label-for-checkbox { display: flex; align-items: center; gap: 0.5rem; font-size: 0.88rem; color: var(--text-mid); cursor: pointer; }

/* Logged-in account dashboard */
.woocommerce-account .woocommerce-MyAccount-navigation {
  background: var(--card-bg);
  border-radius: var(--radius-md);
  padding: 1.5rem;
  border: 1px solid rgba(160,97,30,0.1);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; margin: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li { border-bottom: 1px solid rgba(160,97,30,0.1); }
.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child { border-bottom: none; }

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  display: block;
  padding: 0.75rem 0.9rem;
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--text-mid);
  border-radius: var(--radius-sm);
  transition: background 0.2s, color 0.2s;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
  background: rgba(160,97,30,0.1);
  color: var(--caramel-dark);
}

.woocommerce-account .woocommerce-MyAccount-content {
  background: white;
  border-radius: var(--radius-md);
  padding: 2rem;
  border: 1px solid rgba(160,97,30,0.08);
}


/* ── ORDER CONFIRMATION ── */
.woocommerce-order-received .woocommerce { padding: 3rem 5%; max-width: 800px; margin: 0 auto; text-align: center; }

.woocommerce-order-received .woocommerce-order {
  background: white;
  border-radius: var(--radius-lg);
  padding: 3rem;
  border: 1px solid rgba(160,97,30,0.08);
  box-shadow: 0 8px 40px var(--shadow);
}

.woocommerce-order-received .woocommerce-thankyou-order-received { font-family: 'Playfair Display', serif; font-size: 1.6rem; color: var(--brown); margin-bottom: 1rem; }

.woocommerce-order-received .woocommerce-order-overview {
  display: flex;
  justify-content: center;
  gap: 2rem;
  flex-wrap: wrap;
  list-style: none;
  padding: 1.5rem 0;
  margin: 1.5rem 0;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

.woocommerce-order-received .woocommerce-order-overview li { font-size: 0.85rem; color: var(--text-light); text-align: center; }
.woocommerce-order-received .woocommerce-order-overview li strong { display: block; font-size: 1rem; color: var(--brown); margin-top: 0.2rem; }


/* ── RESPONSIVE ── */
@media (max-width: 768px) {
  .woocommerce-account .u-columns { grid-template-columns: 1fr; }
  .woocommerce-checkout .woocommerce { padding: 1.5rem 4%; }
  .woocommerce-account .u-column1,
  .woocommerce-account .u-column2 { padding: 1.5rem; }
}

@media (max-width: 480px) {
  .woocommerce-order-received .woocommerce-order { padding: 1.5rem; }
}