﻿/* ============================================================
   WooCommerce global overrides — edu-formacionclaude theme
   Enqueued via functions.php only on WC pages
   ============================================================ */

:root {
  --wc-purple: #ea580c;
  --wc-purple-dark: #c2410c;
  --wc-purple-glow: rgba(234,88,12,.1);
  --wc-amber: #f59e0b;
  --wc-border: #e3e2e0;
  --wc-surface: #f7f6f3;
  --wc-radius: 8px;
}

/* ── GLOBAL INPUTS ── */
.woocommerce input[type=text],
.woocommerce input[type=email],
.woocommerce input[type=password],
.woocommerce input[type=tel],
.woocommerce textarea,
.woocommerce select {
  border: 1.5px solid var(--wc-border) !important;
  border-radius: 9px !important;
  padding: 11px 14px !important;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif !important;
  font-size: 15px !important;
  color: #1a2233 !important;
  transition: border-color .15s, box-shadow .15s !important;
  background: #fff !important;
}
.woocommerce input:focus,
.woocommerce textarea:focus,
.woocommerce select:focus {
  border-color: var(--wc-purple) !important;
  box-shadow: 0 0 0 3px var(--wc-purple-glow) !important;
  outline: none !important;
}

/* ── BUTTONS ── */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button {
  background: linear-gradient(135deg, var(--wc-purple), var(--wc-purple-dark)) !important;
  color: #fff !important;
  border-radius: 9px !important;
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 12px 24px !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(234,88,12,.22) !important;
  transition: all .18s !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce .button:hover {
  box-shadow: 0 6px 22px rgba(234,88,12,.32) !important;
  transform: translateY(-1px) !important;
  color: #fff !important;
}
.woocommerce a.button.alt,
.woocommerce button.button.alt {
  background: linear-gradient(135deg, var(--wc-amber), #d97706) !important;
  box-shadow: 0 4px 14px rgba(245,158,11,.22) !important;
}

/* ── NOTICES ── */
.woocommerce-error,
.wc-block-components-notice-banner.is-error {
  background: #fef2f2 !important;
  border: 1px solid #fecaca !important;
  border-left: 4px solid #ef4444 !important;
  color: #b91c1c !important;
  border-radius: var(--wc-radius) !important;
  padding: 14px 18px !important;
  list-style: none !important;
}
.woocommerce-message {
  background: #f0fdf4 !important;
  border: 1px solid #bbf7d0 !important;
  border-left: 4px solid #22c55e !important;
  color: #166534 !important;
  border-radius: var(--wc-radius) !important;
  padding: 14px 18px !important;
  list-style: none !important;
}
.woocommerce-info {
  background: #eff6ff !important;
  border: 1px solid #bfdbfe !important;
  border-left: 4px solid var(--wc-purple) !important;
  color: #1e40af !important;
  border-radius: var(--wc-radius) !important;
  padding: 14px 18px !important;
  list-style: none !important;
}

/* ── MY ACCOUNT LAYOUT ── */
.woocommerce-MyAccount-navigation {
  background: #111827;
  border-radius: 12px;
  padding: 8px;
  overflow: hidden;
}
.woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.woocommerce-MyAccount-navigation ul li a {
  display: block;
  padding: 10px 14px;
  border-radius: 8px;
  color: rgba(255,255,255,.65);
  font-size: 13.5px;
  font-weight: 500;
  text-decoration: none;
  transition: background .13s, color .13s;
}
.woocommerce-MyAccount-navigation ul li a:hover {
  background: rgba(255,255,255,.06);
  color: #fff;
}
.woocommerce-MyAccount-navigation ul li.is-active a {
  background: rgba(234,88,12,.2);
  color: #fdba74;
  font-weight: 600;
}

.woocommerce-MyAccount-content {
  background: #fff;
  border: 1px solid var(--wc-border);
  border-radius: 12px;
  padding: 28px 32px;
}

/* ── CHECKOUT ── */
.woocommerce-checkout .col2-set { gap: 24px; }
#order_review_heading,
.woocommerce-checkout h3 {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #1a2233 !important;
  margin-bottom: 16px !important;
}

#order_review {
  background: var(--wc-surface);
  border: 1px solid var(--wc-border);
  border-radius: 12px;
  padding: 24px;
}

.woocommerce-checkout-review-order-table {
  width: 100%;
  border-collapse: collapse;
}
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
  padding: 10px 0;
  border-bottom: 1px solid var(--wc-border);
  font-size: 14px;
}
.woocommerce-checkout-review-order-table .order-total td,
.woocommerce-checkout-review-order-table .order-total th {
  font-weight: 700;
  font-size: 16px;
  border-bottom: none;
  padding-top: 16px;
}

#place_order {
  width: 100% !important;
  padding: 16px !important;
  font-size: 16px !important;
  border-radius: 12px !important;
  margin-top: 8px !important;
}

/* ── CART ── */
.woocommerce-cart-form__cart-item td { padding: 14px 8px; }
.cart_totals { background: var(--wc-surface); border: 1px solid var(--wc-border); border-radius: 12px; padding: 24px; }
.cart_totals h2 { font-family: "Plus Jakarta Sans", sans-serif !important; font-size: 18px !important; margin-bottom: 16px !important; }

/* ── ORDER TABLE ── */
.woocommerce-orders-table { width: 100%; border-collapse: collapse; }
.woocommerce-orders-table th { font-size: 12px; text-transform: uppercase; letter-spacing: .8px; color: #6b7280; padding: 8px 12px; border-bottom: 2px solid var(--wc-border); }
.woocommerce-orders-table td { padding: 12px; border-bottom: 1px solid var(--wc-border); font-size: 14px; }
.woocommerce-orders-table__cell-order-status .woocommerce-order-status { background: var(--wc-purple-glow); color: var(--wc-purple); padding: 3px 10px; border-radius: 20px; font-size: 12px; font-weight: 600; }

/* ── PRODUCT PAGE ── */
.single-product .woocommerce-product-gallery { border-radius: 12px; overflow: hidden; }
.single-product .price { font-family: "Plus Jakarta Sans", sans-serif !important; font-size: 28px !important; color: var(--wc-purple) !important; }

/* ── CHECKOUT: hide page.php empty title ── */
.woocommerce-checkout .content-wrap > h1:empty,
.woocommerce-checkout .content-wrap > h1:blank { display: none; }
/* Also constrain the checkout form width */
.woocommerce-checkout .content-wrap { max-width: 860px; margin: 0 auto; }

/* ── CHECKOUT ENHANCEMENTS ── */
.edu-checkout-header {
  text-align: center;
  padding: 0 0 28px;
  border-bottom: 1px solid var(--wc-border);
  margin-bottom: 32px;
}
.edu-checkout-title {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  color: #1a2233 !important;
  margin-bottom: 12px !important;
}
.edu-checkout-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
  font-size: 13px;
  color: #6b7280;
  font-weight: 500;
}

/* Two-column layout */
.woocommerce-checkout #customer_details,
.woocommerce-checkout .col2-set {
  width: 100% !important;
  float: none !important;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2 {
  width: 100% !important;
  float: none !important;
}

/* Billing section */
.woocommerce-billing-fields__field-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.woocommerce-billing-fields__field-wrapper .form-row-wide,
.woocommerce-billing-fields__field-wrapper .form-row-last,
.woocommerce-billing-fields__field-wrapper .form-row-first {
  width: 100% !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.woocommerce-billing-fields__field-wrapper .form-row-wide {
  grid-column: 1 / -1;
}

/* Field labels */
.woocommerce-checkout .woocommerce-input-wrapper { width: 100%; }
.woocommerce-checkout label { font-size: 13px; font-weight: 600; color: #1a2233; display: block; margin-bottom: 6px; }
.woocommerce-checkout label .optional { display: none; }

/* Section headings */
#billing_first_name_field label,
#order_review_heading { font-family: "Plus Jakarta Sans", sans-serif !important; }
.woocommerce-checkout h3#ship-to-different-address { display: none; }

/* Country selector */
.woocommerce-checkout .select2-container--default .select2-selection--single {
  border: 1.5px solid var(--wc-border) !important;
  border-radius: 9px !important;
  height: 44px !important;
  font-family: "Plus Jakarta Sans", sans-serif !important;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 44px !important;
  padding: 0 14px !important;
  font-size: 15px !important;
  color: #1a2233 !important;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 44px !important;
}

/* Before submit: secure badge */
.edu-checkout-before-submit { margin-bottom: 10px; }
.edu-secure-badge {
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: center;
  font-size: 12px;
  color: #6b7280;
  background: #f7f9fc;
  border: 1px solid var(--wc-border);
  border-radius: 8px;
  padding: 9px 14px;
  margin-bottom: 12px;
}
.edu-secure-badge svg { color: #22c55e; flex-shrink: 0; }

/* Stripe payment element */
.woocommerce-checkout .payment_methods { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.woocommerce-checkout .payment_methods li {
  background: #fff;
  border: 1.5px solid var(--wc-border);
  border-radius: 10px;
  padding: 14px 16px;
  margin-bottom: 10px;
}
.woocommerce-checkout .payment_methods li.payment_method_stripe {
  border-color: var(--wc-purple);
}
.woocommerce-checkout .payment_methods label {
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer;
  display: flex !important;
  align-items: center;
  gap: 8px;
}
.woocommerce-checkout .payment_methods input[type="radio"] {
  accent-color: var(--wc-purple);
  width: 16px;
  height: 16px;
}
.woocommerce-checkout .payment_box {
  background: #f7f9fc;
  border-radius: 8px;
  padding: 16px;
  margin-top: 12px;
}

/* Place order button */
#place_order {
  background: linear-gradient(135deg, var(--wc-purple), var(--wc-purple-dark)) !important;
  box-shadow: 0 6px 24px rgba(234,88,12,.3) !important;
  letter-spacing: .2px !important;
}
#place_order:hover {
  box-shadow: 0 10px 32px rgba(234,88,12,.4) !important;
  transform: translateY(-1px) !important;
}

/* Guest checkout notice */
.woocommerce-checkout .woocommerce-info {
  background: #f0f9ff !important;
  border-color: #bae6fd !important;
  border-left-color: #0ea5e9 !important;
  color: #0369a1 !important;
}

/* Hide coupon toggle by default (minimal checkout) */
.woocommerce-checkout .woocommerce-form-coupon-toggle { display: none; }

/* Responsive */
@media (max-width: 640px) {
  .woocommerce-billing-fields__field-wrapper {
    grid-template-columns: 1fr;
  }
  .edu-checkout-trust { flex-direction: column; align-items: center; gap: 8px; }
}
