/* =========================================================================
   Marquabel — habillage léger des pages WooCommerce (compte, panier, commande).
   Nettoie le rendu Divi par défaut : boutons cohérents, menu « Mon compte »
   propre, tableaux et formulaires soignés. Couleurs marque : indigo #3a3a5e,
   accent orange #e8632a. Volontairement léger / facile à surcharger par le
   futur thème définitif.
   ========================================================================= */

/* --- Boutons généraux : contour fin compact (comme « Voir le BAT ») --- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce-account .woocommerce form.login .button,
.woocommerce-account .woocommerce form.register .button {
  display: inline-block;
  background: #fff;
  color: #3a3a5e;
  border: 1px solid #3a3a5e;
  border-radius: 6px;
  padding: .45em .95em;
  font-size: .85em;
  font-weight: 600;
  line-height: 1.3;
  text-transform: none;
  letter-spacing: 0;
  box-shadow: none;
  transition: background .15s ease, color .15s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce-account .woocommerce form.login .button:hover,
.woocommerce-account .woocommerce form.register .button:hover {
  background: #3a3a5e;
  border-color: #3a3a5e;
  color: #fff;
}

/* --- CTA d'achat : orange (ajouter au panier, commander, payer) --- */
.woocommerce #place_order,
.woocommerce .checkout-button,
.woocommerce .wc-proceed-to-checkout a.checkout-button,
.woocommerce button.single_add_to_cart_button {
  background: #e8632a;
  border-color: #e8632a;
}
.woocommerce #place_order:hover,
.woocommerce .checkout-button:hover,
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce button.single_add_to_cart_button:hover {
  background: #cf5320;
  border-color: #cf5320;
}

/* --- Menu « Mon compte » : liste verticale nette --- */
.woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0 0 1.5em;
  padding: 0;
  border: 1px solid #e6e6ea;
  border-radius: 8px;
  overflow: hidden;
}
.woocommerce-MyAccount-navigation li {
  margin: 0;
  border-bottom: 1px solid #eee;
}
.woocommerce-MyAccount-navigation li:last-child { border-bottom: 0; }
.woocommerce-MyAccount-navigation li a {
  display: block;
  padding: .7em 1.1em;
  color: #3a3a5e;
  text-decoration: none;
  font-weight: 500;
  transition: background .12s ease;
}
.woocommerce-MyAccount-navigation li a:hover {
  background: #f5f5f8;
}
.woocommerce-MyAccount-navigation li.is-active a {
  background: #3a3a5e;
  color: #fff;
  font-weight: 600;
}

/* --- Tableaux (commandes, panier, adresses) --- */
.woocommerce table.shop_table {
  border: 1px solid #e6e6ea;
  border-radius: 8px;
  border-collapse: separate;
  border-spacing: 0;
}
.woocommerce table.shop_table th {
  background: #f7f7f9;
  color: #3a3a5e;
}
.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
  padding: .85em 1em;
}

/* --- Champs de formulaire --- */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce .woocommerce-input-wrapper input {
  border: 1px solid #d6d6de;
  border-radius: 6px;
  padding: .55em .7em;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
  border-color: #3a3a5e;
  outline: none;
}

/* --- Encadrés d'info (« Aucun moyen sauvegardé », messages) --- */
.woocommerce-info,
.woocommerce-message {
  border-top-color: #3a3a5e;
  border-radius: 6px;
}
.woocommerce-info::before,
.woocommerce-message::before { color: #3a3a5e; }

/* --- Titres de section dans Mon compte --- */
.woocommerce-account .entry-content h3,
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
  color: #3a3a5e;
}

/* --- Renfort : Divi surcharge les boutons (taille + couleur) → on force le
       contour fin compact, comme « Voir le BAT ». --- */
.woocommerce a.button,
.woocommerce a.woocommerce-button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-MyAccount-content a.button {
  background: #fff !important;
  border: 1px solid #3a3a5e !important;
  color: #3a3a5e !important;
  border-radius: 6px !important;
  padding: .45em .95em !important;
  font-size: .85em !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  box-shadow: none !important;
}
.woocommerce a.button:hover,
.woocommerce a.woocommerce-button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce-MyAccount-content a.button:hover {
  background: #3a3a5e !important;
  border-color: #3a3a5e !important;
  color: #fff !important;
}
/* CTA d'achat en orange (priorité sur le renfort indigo) */
.woocommerce #place_order,
.woocommerce .wc-proceed-to-checkout a.checkout-button,
.woocommerce .checkout-button,
.woocommerce button.single_add_to_cart_button {
  background: #e8632a !important;
  border-color: #e8632a !important;
  color: #fff !important;
}
.woocommerce #place_order:hover,
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce .checkout-button:hover,
.woocommerce button.single_add_to_cart_button:hover {
  background: #cf5320 !important;
  border-color: #cf5320 !important;
}

/* =========================================================================
   Titres élégants + barre latérale — uniformité « gracieuse » Marquabel.
   Titres en indigo avec un liseré orange court ; widgets soignés.
   ========================================================================= */

/* Titre de page (Mon compte, Téléchargements, Adresses…) */
.woocommerce-account .entry-title,
.woocommerce-page .entry-title,
.woocommerce-account h1.entry-title {
  color: #3a3a5e !important;
  font-weight: 700;
}

/* Titres de section (compte, adresses) avec liseré orange */
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3,
.woocommerce-Address h3,
.woocommerce-column__title {
  color: #3a3a5e !important;
  font-weight: 600;
  position: relative;
  padding-bottom: .35em;
  margin-bottom: .85em;
}
.woocommerce-MyAccount-content h2::after,
.woocommerce-MyAccount-content h3::after,
.woocommerce-Address h3::after,
.woocommerce-column__title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40px;
  height: 3px;
  background: #e8632a;
  border-radius: 2px;
}

/* Barre latérale : titres de widgets élégants + liens de marque */
.et_pb_widget .widgettitle,
.widget .widgettitle,
.widget-title {
  color: #3a3a5e !important;
  font-weight: 600 !important;
  position: relative;
  padding-bottom: .4em;
  margin-bottom: .85em;
  border-bottom: 1px solid #ececf0;
}
.et_pb_widget .widgettitle::after,
.widget .widgettitle::after,
.widget-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 40px;
  height: 3px;
  background: #e8632a;
}
.et_pb_widget li a,
.widget li a {
  color: #3a3a5e;
  text-decoration: none;
  transition: color .12s ease;
}
.et_pb_widget li a:hover,
.widget li a:hover {
  color: #e8632a;
}
.et_pb_widget li,
.widget li {
  padding: .22em 0;
}