/*

=================================

WooCommerce - Styles Communs

=================================

*/



/* ========================================

   Variables et Utilitaires

======================================== */



/* Classe bouton réutilisable */

.woo-btn {

  background-color: var(--bs-primary);

  color: #ffffff;

  border: 1px solid var(--bs-primary);

  border-radius: var(--radius-sm);

  padding: 0.75rem 2rem;

  font-family: var(--body-font);

  font-size: var(--text-md);

  font-weight: 500;

  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

  cursor: pointer;

  text-decoration: none;

  display: inline-block;

}



.woo-btn:hover {

  background-color: var(--bs-primary);

  opacity: 0.9;

  color: #ffffff;

}



/* Bouton secondaire */

.woo-btn-outline {

  background-color: transparent;

  color: var(--bs-primary);

  border: 1px solid var(--bs-primary);

}



.woo-btn-outline:hover {

  background-color: var(--bs-primary);

  color: #ffffff;

}



/* ========================================

   Container général

======================================== */



.woocommerce-container {

  min-height: 60vh;

  background-color: var(--bs-gray-light);

}



/* ========================================

   Formulaires

======================================== */



.woocommerce form .form-row input.input-text,

.woocommerce form .form-row textarea {

  width: 100%;

  padding: 0.75rem 1rem;

  font-family: var(--body-font);

  font-size: var(--text-md);

  background-color: #ffffff;

  border: 1px solid var(--bs-gray-light);

  border-radius: var(--radius-md);

  transition: border-color 0.3s ease;

}



.woocommerce form .form-row input.input-text:focus,

.woocommerce form .form-row textarea:focus {

  outline: none;

  border-color: var(--bs-primary);

}



/* Boutons des formulaires */

.woocommerce form .button,

.woocommerce form button.button,

.woocommerce form input.button {

  background-color: var(--bs-primary);

  color: #ffffff;

  border: 1px solid var(--bs-primary);

  border-radius: var(--radius-sm);

  padding: 0.75rem 2rem;

  font-family: var(--body-font);

  font-size: var(--text-md);

  font-weight: 500;

  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

  cursor: pointer;

}



.woocommerce form .button:hover,

.woocommerce form button.button:hover,

.woocommerce form input.button:hover {

  opacity: 0.9;

}



/* ========================================

   Messages et notifications

======================================== */



.woocommerce-message,

.woocommerce-info,

.woocommerce-error {

  border-radius: var(--radius-md);

  padding: 1rem 1.5rem;

  margin-bottom: 1.5rem;

  font-family: var(--body-font);

  font-size: var(--text-md);

}



.woocommerce-message {

  background-color: #d4edda;

  color: #155724;

  border-left: 4px solid #28a745;

}



.woocommerce-info {

  background-color: #d1ecf1;

  color: #0c5460;

  border-left: 4px solid #17a2b8;

}



.woocommerce-error {

  background-color: #f8d7da;

  color: #721c24;

  border: none;

}



.woocommerce-error::before {

  display: none !important;

}



.woocommerce-error a {

  display: none !important;

}



/* ========================================

   Symbole Euro

======================================== */



.woocommerce-Price-currencySymbol {

  font-size: 0.6em;

  vertical-align: super;

  margin-right: 2px;

}