/* ═══════════════════════════════════════════════════════════
   PARCONAUTE — woocommerce.css
   Styles custom pour les pages WooCommerce standards
   (panier, checkout, mon compte)
═══════════════════════════════════════════════════════════ */

/* ── Wrapper global WC ─────────────────────────────────── */
.wc-wrapper {
  max-width: 1180px;
  margin: 0 auto;
  padding: 40px 20px 60px;
}
.wc-wrapper h1,
.wc-wrapper h2 {
  margin-bottom: 24px;
}
.woocommerce-notices-wrapper { margin-bottom: 20px; }
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border-radius: 8px;
  padding: 14px 20px;
  font-size: 0.9rem;
  margin-bottom: 16px;
}
.woocommerce-message { background: #f0fdf4; border-left: 4px solid #22c55e; }
.woocommerce-info    { background: #eff6ff; border-left: 4px solid #3b82f6; }
.woocommerce-error   { background: #fef2f2; border-left: 4px solid #ef4444; }

/* ── Formulaires WC ────────────────────────────────────── */
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="tel"],
.woocommerce input[type="password"],
.woocommerce input[type="number"],
.woocommerce textarea,
.woocommerce select {
  width: 100%;
  padding: 12px 16px;
  border: 1.5px solid #E0DAD3;
  border-radius: 8px;
  font-size: 0.95rem;
  font-family: 'Roboto', sans-serif;
  transition: border-color 0.22s ease;
  outline: none;
  background: #FFFFFF;
  color: #000;
}
.woocommerce input:focus,
.woocommerce textarea:focus,
.woocommerce select:focus {
  border-color: #CDBC72;
  box-shadow: 0 0 0 3px rgba(205,188,114,.15);
}
.woocommerce label {
  font-size: 0.875rem;
  font-weight: 500;
  color: #4A4540;
  margin-bottom: 5px;
  display: block;
}
.form-row { margin-bottom: 18px; }
.woocommerce-form__label-for-checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 0.9rem;
}
.woocommerce .required { color: #CDBC72; }

/* ── Boutons WC ─────────────────────────────────────────── */
.woocommerce button[type="submit"],
.woocommerce input[type="submit"],
.woocommerce .button,
.woocommerce a.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 28px;
  background: #CDBC72;
  color: #FFFFFF;
  border: 2px solid #CDBC72;
  border-radius: 8px;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
  font-size: 0.95rem;
  cursor: pointer;
  transition: all 0.22s ease;
  text-decoration: none;
  line-height: 1.4;
}
.woocommerce button[type="submit"]:hover,
.woocommerce input[type="submit"]:hover,
.woocommerce .button:hover,
.woocommerce a.button:hover {
  background: #B8A85C;
  border-color: #B8A85C;
  transform: translateY(-1px);
}
/* Bouton alt (Valider la commande, etc.) — override la couleur violet WC par défaut */
.woocommerce .button.alt,
.woocommerce a.button.alt,
.woocommerce button.alt,
.wc-proceed-to-checkout .checkout-button,
a.checkout-button { background: #CDBC72 !important; border-color: #CDBC72 !important; color: #fff !important; }
.woocommerce .button.alt:hover,
.woocommerce a.button.alt:hover,
.wc-proceed-to-checkout .checkout-button:hover,
a.checkout-button:hover { background: #B8A85C !important; border-color: #B8A85C !important; }

/* ── Panier ─────────────────────────────────────────────── */
.woocommerce-cart .cart-collaterals {
  margin-top: 32px;
}
.cart-subtotal th, .order-total th {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}
.order-total .woocommerce-Price-amount {
  font-size: 1.3rem;
  color: #CDBC72;
}
table.shop_table {
  width: 100%;
  border-collapse: collapse;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0,0,0,.08);
}
table.shop_table th {
  background: #F8F7F5;
  padding: 14px 16px;
  text-align: left;
  font-family: 'Open Sans', sans-serif;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #8A8279;
}
table.shop_table td {
  padding: 16px;
  border-bottom: 1px solid #F0EDE8;
  vertical-align: middle;
}
.woocommerce-cart-form__cart-item .product-thumbnail img {
  width: 70px;
  border-radius: 8px;
}
.product-remove a {
  color: #8A8279;
  font-size: 1.2rem;
  transition: color 0.22s;
}
.product-remove a:hover { color: #ef4444; }
.qty {
  width: 60px;
  text-align: center;
  padding: 8px;
  border: 1.5px solid #E0DAD3;
  border-radius: 6px;
  font-size: 0.95rem;
}
.cart-subtotal, .shipping, .order-total {
  border-top: 2px solid #F0EDE8;
}
.cart-collaterals .cart_totals {
  background: #F8F7F5;
  border-radius: 12px;
  padding: 28px;
}
.cart_totals h2 { font-size: 1.2rem; margin-bottom: 20px; }
.woocommerce-shipping-calculator .button { margin-top: 10px; }

/* ── Checkout ───────────────────────────────────────────── */
.woocommerce-checkout .col2-set {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}
@media (min-width: 768px) {
  .woocommerce-checkout .col2-set { grid-template-columns: 1fr 1fr; }
}
#order_review_heading { margin-top: 32px; margin-bottom: 16px; }
#order_review { background: #F8F7F5; border-radius: 12px; padding: 28px; }
.woocommerce-checkout-review-order-table th {
  background: transparent;
  font-family: 'Open Sans', sans-serif;
  font-size: 0.85rem;
  color: #8A8279;
}
.woocommerce-checkout #payment {
  background: #F8F7F5;
  border-radius: 12px;
  padding: 24px;
  margin-top: 24px;
}
.woocommerce-checkout #payment ul.payment_methods li {
  margin-bottom: 14px;
}
.woocommerce-checkout #place_order {
  width: 100%;
  padding: 16px 32px;
  font-size: 1.05rem;
  margin-top: 16px;
}

/* ── Mon compte ─────────────────────────────────────────── */
/* Réduire la taille du titre H1 sur les pages WC (panier, compte…) */
.wc-wrapper h1,
.wc-wrapper h1.page-title { font-size: clamp(1.3rem, 2.5vw, 1.8rem); margin-bottom: 24px; }

.woocommerce-MyAccount-navigation {
  background: #F8F7F5;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 28px;
}
.woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  display: flex !important;
  flex-direction: column;
  gap: 4px;
  padding: 0 !important;
  margin: 0 !important;
}
.woocommerce-MyAccount-navigation li { list-style: none !important; }
.woocommerce-MyAccount-navigation li a {
  display: block;
  padding: 9px 16px;
  border-radius: 6px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #4A4540;
  transition: all 0.22s ease;
}
.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li a:hover {
  background: #CDBC72;
  color: #fff;
}
/* Tableau de bord (utilisateur connecté) : nav + contenu */
@media (min-width: 768px) {
  .woocommerce-account.logged-in .wc-wrapper .woocommerce,
  .woocommerce-account.logged-in .woocommerce {
    display: grid !important;
    grid-template-columns: 220px 1fr !important;
    grid-template-areas:
      "notices  notices"
      "nav      content" !important;
    gap: 32px !important;
    align-items: start !important;
  }
  /* wc_print_notices() insère toujours un wrapper — le faire passer sur toute la largeur */
  .woocommerce-account.logged-in .woocommerce .woocommerce-notices-wrapper {
    grid-area: notices;
  }
  .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-navigation {
    grid-area: nav;
    margin-bottom: 0;
  }
  .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content {
    grid-area: content;
  }
}
/* Connexion/inscription — layout via template override form-login.php */
.parconaute-login-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  width: 100%;
  max-width: 820px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .parconaute-login-grid { grid-template-columns: 1fr 1fr; align-items: start; }
}
.parconaute-login-grid .col-1,
.parconaute-login-grid .col-2 { float: none !important; width: 100% !important; }
/* Centrage du contenu Panier et Mon compte */
.woocommerce-cart .woocommerce,
.woocommerce-account .woocommerce {
  width: 100% !important;
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}
/* Cart totals : stack vertical + centrage */
.woocommerce-cart .cart-collaterals {
  float: none !important;
  clear: both;
  width: 100% !important;
}
.woocommerce-cart .cart_totals {
  max-width: 480px;
  margin: 0 auto;
  float: none !important;
  width: 100% !important;
}
.woocommerce-orders-table__cell-order-actions .button {
  padding: 6px 14px;
  font-size: 0.8rem;
}

/* ── WC Price ───────────────────────────────────────────── */
.woocommerce-Price-amount { color: #CDBC72; font-weight: 700; }
ins .woocommerce-Price-amount { color: #CDBC72; }
del .woocommerce-Price-amount { color: #8A8279; }
del { text-decoration: line-through; opacity: .7; }

/* ── Product tabs (description / reviews) ─────────────── */
.woocommerce-tabs .tabs {
  display: flex;
  border-bottom: 2px solid #F0EDE8;
  margin-bottom: 28px;
  gap: 0;
}
.woocommerce-tabs .tabs li a {
  display: block;
  padding: 12px 24px;
  font-size: 0.9rem;
  font-weight: 500;
  color: #8A8279;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  transition: all 0.22s ease;
}
.woocommerce-tabs .tabs li.active a {
  color: #CDBC72;
  border-bottom-color: #CDBC72;
}
.woocommerce-tabs .tabs li a:hover { color: #CDBC72; }

/* ── Reviews ────────────────────────────────────────────── */
.review_form_wrapper { margin-top: 24px; }
.comment-form-rating .stars a { color: #CDBC72; }
.star-rating { color: #CDBC72; }
.woocommerce-review__author { font-weight: 600; }
.woocommerce-review__date { color: #8A8279; font-size: 0.8rem; }

/* ── Bullet points dans descriptions produit ────────────── */
.product-desc-content ul,
.product-short-desc ul { list-style: disc; padding-left: 1.5em; margin-bottom: 1em; }
.product-desc-content ol,
.product-short-desc ol { list-style: decimal; padding-left: 1.5em; margin-bottom: 1em; }
.product-desc-content li,
.product-short-desc li { margin-bottom: 5px; }

/* ── Override couleurs WC par défaut (bleu/violet) ──────── */
/* WooCommerce ajoute .woocommerce au <body> sur les pages shop/produit — on scope
   sous .entry-content pour ne pas toucher le header nav (var(--gray-700)). */
.entry-content .woocommerce a:not(.button):not(.btn),
.wc-wrapper .woocommerce a:not(.button):not(.btn) { color: #CDBC72; }
.entry-content .woocommerce a:not(.button):not(.btn):hover,
.wc-wrapper .woocommerce a:not(.button):not(.btn):hover { color: #B8A85C; }
/* Notification "ajouté au panier" — aligner icône et bouton */
.woocommerce-message,
.woocommerce-info { display: flex !important; align-items: center !important; gap: 12px !important; flex-wrap: wrap; }
.woocommerce-message::before,
.woocommerce-info::before { flex-shrink: 0; position: static !important; }
.woocommerce-message a.button,
.woocommerce-info a.button,
.woocommerce-message .button,
.woocommerce-info .button { background: #CDBC72 !important; border-color: #CDBC72 !important; color: #fff !important; margin-left: auto; }
.woocommerce #respond input#submit { background: #CDBC72 !important; color: #fff !important; }

/* ── Responsive cart table ──────────────────────────────── */
@media (max-width: 640px) {
  table.shop_table thead { display: none; }
  table.shop_table tbody tr { display: grid; padding: 16px 0; border-bottom: 1px solid #F0EDE8; }
  table.shop_table td { border-bottom: none; padding: 4px 0; display: flex; justify-content: space-between; align-items: center; }
  .product-thumbnail img { width: 56px; }
}