/**

 * My Account Page - Styles Modernes

 * Design moderne avec navigation sidebar

 */



.woocommerce-account-page {

  padding: 8rem 0;

}



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

   EN-TÊTE DU COMPTE

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



.account-header {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding-bottom: 16px;

  border-bottom: 2px solid #f8f9fa;

}



.account-title {

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

  font-size: 32px;

  font-weight: 700;

  margin: 0;

  color: var(--bs-dark, #212529);

}



.account-subtitle {

  font-size: 16px;

  margin: 0;

  color: #6c757d;

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

}



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

   CARTE DE NAVIGATION

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



.account-navigation-card {

  background: #fff;

  border: 1px solid #e9ecef;

  border-radius: 12px;

  padding: 0;

  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);

  overflow: hidden;

}



/* Navigation WooCommerce */

.woocommerce-MyAccount-navigation {

  margin: 0;

  padding: 0;

  width: 100% !important;

}



.woocommerce-MyAccount-navigation ul {

  padding: 1rem;

  list-style: none;

  display: flex;

  flex-direction: column;

  gap: 1rem;

  margin: 0 !important;

}



.woocommerce-MyAccount-navigation li {

  margin: 0;

  padding: 0;

  list-style: none;

}



.woocommerce-MyAccount-navigation a {

  display: block;

  width: 100%;

  color: var(--bs-gray-medium);

  text-decoration: none;

  transition: all 0.2s ease;

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

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

  font-weight: 400;

  border-left: 3px solid transparent;

  padding: 0.5rem;

}



.woocommerce-MyAccount-navigation a:hover {

  color: var(--bs-primary);

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

}



.woocommerce-MyAccount-navigation li.is-active a {

  color: var(--bs-primary);

  font-weight: 700;

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

}



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

   CARTE DE CONTENU

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



/* Titre des sections */

.woocommerce-MyAccount-content h2,

.woocommerce-MyAccount-content h3 {

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

  font-size: 24px;

  font-weight: 700;

  margin: 0 0 24px 0;

  color: var(--bs-dark, #212529);

}



/* Formulaires */

.woocommerce-MyAccount-content .woocommerce-form-row {

  margin-bottom: 20px;

}



.woocommerce-MyAccount-content label {

  display: block;

  margin-bottom: 8px;

  font-weight: 600;

  color: var(--bs-dark, #212529);

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

  font-size: 14px;

}



.woocommerce-MyAccount-content input[type='text'],

.woocommerce-MyAccount-content input[type='email'],

.woocommerce-MyAccount-content input[type='password'],

.woocommerce-MyAccount-content input[type='tel'],

.woocommerce-MyAccount-content textarea {

  width: 100%;

  padding: 12px 16px;

  border: 1px solid #dee2e6;

  border-radius: 8px;

  font-size: 15px;

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

  transition: all 0.2s ease;

}



.woocommerce-MyAccount-content input:focus,

.woocommerce-MyAccount-content textarea:focus {

  outline: none;

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

  box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.1);

}



/* Boutons */

.woocommerce-MyAccount-content .button {

  display: inline-block;

  padding: 12px 24px;

  font-size: 15px;

  font-weight: 600;

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

  text-align: center;

  text-decoration: none;

  border: none;

  border-radius: 8px;

  cursor: pointer;

  transition: all 0.3s ease;

}



.woocommerce-MyAccount-content .button.woocommerce-Button {

  background: var(--bs-primary, #0d6efd);

  color: #fff;

}



.woocommerce-MyAccount-content .button.woocommerce-Button:hover {

  background: var(--bs-primary, #0d6efd);

  opacity: 0.9;

  transform: translateY(-2px);

  box-shadow: 0 4px 12px rgba(13, 110, 253, 0.2);

}



/* Tableau des commandes */

.woocommerce-MyAccount-content table.shop_table {

  width: 100%;

  border-collapse: collapse;

  margin-bottom: 24px;

}



.woocommerce-MyAccount-content table.shop_table thead {

  background: #f8f9fa;

}



.woocommerce-MyAccount-content table.shop_table th {

  padding: 12px 16px;

  text-align: left;

  font-weight: 600;

  font-size: 14px;

  color: var(--bs-dark, #212529);

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

  border-bottom: 2px solid #dee2e6;

}



.woocommerce-MyAccount-content table.shop_table td {

  padding: 12px 16px;

  font-size: 15px;

  color: #6c757d;

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

  border-bottom: 1px solid #f8f9fa;

}



.woocommerce-MyAccount-content table.shop_table tbody tr:hover {

  background: #f8f9fa;

}



.woocommerce-MyAccount-content

  .woocommerce-orders-table__cell-order-actions

  a.button {

  display: inline-block;

  padding: 6px 16px;

  font-size: 14px;

  background: transparent;

  color: var(--bs-primary, #0d6efd);

  border: 1px solid var(--bs-primary, #0d6efd);

  border-radius: 6px;

  text-decoration: none;

  transition: all 0.2s ease;

}



.woocommerce-MyAccount-content

  .woocommerce-orders-table__cell-order-actions

  a.button:hover {

  background: var(--bs-primary, #0d6efd);

  color: #fff;

}



/* Badge statut commande */

.woocommerce-MyAccount-content

  .woocommerce-orders-table__cell-order-status

  .woocommerce-badge {

  display: inline-block;

  padding: 4px 12px;

  font-size: 13px;

  font-weight: 600;

  border-radius: 20px;

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

}



.woocommerce-MyAccount-content .woocommerce-badge.processing {

  background: #fff3cd;

  color: #856404;

}



.woocommerce-MyAccount-content .woocommerce-badge.completed {

  background: #d4edda;

  color: #155724;

}



.woocommerce-MyAccount-content .woocommerce-badge.on-hold {

  background: #d1ecf1;

  color: #0c5460;

}



.woocommerce-MyAccount-content .woocommerce-badge.cancelled {

  background: #f8d7da;

  color: #721c24;

}



/* Messages */

.woocommerce-MyAccount-content .woocommerce-message {

  padding: 16px 20px;

  margin-bottom: 24px;

  background: #d4edda;

  color: #155724;

  border-radius: 8px;

  border: none;

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

  font-size: 15px;

}



/* Adresses */

.woocommerce-MyAccount-content .woocommerce-Address {

  background: #f8f9fa;

  padding: 20px;

  border-radius: 8px;

  margin-bottom: 24px;

}



.woocommerce-MyAccount-content .woocommerce-Address-title {

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-bottom: 16px;

}



.woocommerce-MyAccount-content .woocommerce-Address-title h3 {

  margin: 0;

  font-size: 20px;

}



.woocommerce-MyAccount-content .woocommerce-Address-title .edit {

  font-size: 14px;

  color: var(--bs-primary, #0d6efd);

  text-decoration: none;

  font-weight: 600;

}



.woocommerce-MyAccount-content .woocommerce-Address-title .edit:hover {

  text-decoration: underline;

}



.woocommerce-MyAccount-content .woocommerce-Address address {

  margin: 0;

  font-style: normal;

  line-height: 1.6;

  color: #6c757d;

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

  font-size: 15px;

}



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

   EDIT ACCOUNT FORM - STYLES MODERNISÉS

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



/* Conteneur du formulaire */

.woocommerce-EditAccountForm {

  max-width: 100%;

}



/* Styles des labels */

.woocommerce-EditAccountForm label {

  font-weight: 500;

  color: var(--bs-gray-dark);

  margin-bottom: 0.5rem;

  display: block;

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

}



/* Styles des inputs - Background blanc, sans border, avec border-radius */

.woocommerce-EditAccountForm input[type='text'],

.woocommerce-EditAccountForm input[type='email'],

.woocommerce-EditAccountForm input[type='password'] {

  width: 100%;

  padding: 0.75rem 1rem;

  background-color: #ffffff;

  border: none;

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

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

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

  color: var(--bs-gray-dark);

  transition: all 0.3s ease;

  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);

}



/* Focus sur les inputs */

.woocommerce-EditAccountForm input[type='text']:focus,

.woocommerce-EditAccountForm input[type='email']:focus,

.woocommerce-EditAccountForm input[type='password']:focus {

  outline: none;

  box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.15), 0 1px 3px rgba(0, 0, 0, 0.08);

}



/* Espacement entre les champs */

.woocommerce-EditAccountForm p.form-row {

  margin-bottom: 1.5rem;

}



/* Style du fieldset pour le changement de mot de passe */

.woocommerce-EditAccountForm fieldset {

  border: none;

  padding: 1.5rem;

  background-color: #f8f9fa;

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

  margin-bottom: 1.5rem;

  margin-top: 1rem;

}



.woocommerce-EditAccountForm fieldset legend {

  font-weight: 600;

  color: var(--bs-gray-dark);

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

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

  margin-bottom: 1rem;

  padding: 0 0.5rem;

  width: auto;

}



/* Description du champ */

.woocommerce-EditAccountForm span#account_display_name_description {

  display: block;

  margin-top: 0.5rem;

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

  color: var(--bs-gray-medium);

}



.woocommerce-EditAccountForm span#account_display_name_description em {

  font-style: normal;

}



/* Bouton d'enregistrement - Style btn-primary */

.woocommerce-EditAccountForm button[type='submit'],

.woocommerce-EditAccountForm .woocommerce-Button {

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

  color: #ffffff;

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

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

  padding: 0.875rem 2rem;

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

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

  font-weight: 500;

  cursor: pointer;

  transition: all 0.3s ease;

  display: inline-block;

  text-align: center;

}



.woocommerce-EditAccountForm button[type='submit']:hover,

.woocommerce-EditAccountForm .woocommerce-Button:hover {

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

  color: #ffffff;

  opacity: 0.9;

  transform: translateY(-1px);

  box-shadow: 0 4px 8px rgba(13, 110, 253, 0.2);

}



/* Marque required */

.woocommerce-EditAccountForm .required {

  color: #dc3545;

  font-weight: 600;

}



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

   DASHBOARD MODERNE

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



.woocommerce-MyAccount-dashboard-modern {

  width: 100%;

}



/* En-tête de bienvenue */

.dashboard-welcome {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 2rem;

  background: linear-gradient(135deg, var(--bs-primary) 0%, #0a58ca 100%);

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

  margin-bottom: 2rem;

  color: #ffffff;

}



.welcome-content {

  flex: 1;

}



.welcome-greeting {

  font-size: 24px;

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

  margin-bottom: 0.5rem;

  opacity: 0.9;

  font-weight: 400;

}



.welcome-username {

  font-size: 28px;

  font-weight: 700;

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

  color: #ffffff;

}



.welcome-subtitle {

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

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

  margin: 0;

  opacity: 0.85;

}



.welcome-logout {

  display: flex;

  align-items: center;

}



.logout-link {

  display: inline-flex;

  align-items: center;

  gap: 0.5rem;

  padding: 0.625rem 1.25rem;

  background-color: rgba(255, 255, 255, 0.15);

  color: #ffffff;

  text-decoration: none;

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

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

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

  font-weight: 500;

  transition: all 0.3s ease;

  border: 1px solid rgba(255, 255, 255, 0.2);

}



.logout-link:hover {

  background-color: rgba(255, 255, 255, 0.25);

  color: #ffffff;

  transform: translateY(-1px);

}



.logout-link svg {

  width: 18px;

  height: 18px;

}



/* Cartes d'action rapide */

.dashboard-quick-actions {

  margin-bottom: 2rem;

}



.quick-action-card {

  display: flex;

  align-items: center;

  gap: 1.25rem;

  padding: 1.75rem;

  background-color: #ffffff;

  border: 1px solid #e9ecef;

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

  text-decoration: none;

  transition: all 0.3s ease;

  height: 100%;

  position: relative;

  overflow: hidden;

}



.quick-action-card::before {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 4px;

  height: 100%;

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

  transform: scaleY(0);

  transition: transform 0.3s ease;

  transform-origin: bottom;

}



.quick-action-card:hover {

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

  box-shadow: 0 8px 24px rgba(13, 110, 253, 0.15);

  transform: translateY(-4px);

}



.quick-action-card:hover::before {

  transform: scaleY(1);

  transform-origin: top;

}



.action-icon {

  flex-shrink: 0;

  width: 56px;

  height: 56px;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: rgba(13, 110, 253, 0.1);

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

  color: var(--bs-primary);

  transition: all 0.3s ease;

}



.quick-action-card:hover .action-icon {

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

  color: #ffffff;

  transform: scale(1.05);

}



.action-content {

  flex: 1;

}



.action-title {

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

  font-weight: 600;

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

  color: var(--bs-gray-dark);

  margin: 0 0 0.5rem 0;

  transition: color 0.3s ease;

}



.quick-action-card:hover .action-title {

  color: var(--bs-primary);

}



.action-description {

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

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

  color: var(--bs-gray-medium);

  margin: 0;

  line-height: 1.5;

}



.action-arrow {

  flex-shrink: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 32px;

  height: 32px;

  color: var(--bs-gray-medium);

  transition: all 0.3s ease;

}



.quick-action-card:hover .action-arrow {

  color: var(--bs-primary);

  transform: translateX(4px);

}



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

   MY ADDRESSES - CARTES MODERNES

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



.woocommerce-MyAccount-addresses-modern {

  width: 100%;

}



/* En-tête de la section adresses */

.addresses-header {

  margin-bottom: 2rem;

}



.addresses-title {

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

  font-size: 28px;

  font-weight: 700;

  margin: 0 0 0.5rem 0;

  color: var(--bs-gray-dark);

}



.addresses-subtitle {

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

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

  color: var(--bs-gray-medium);

  margin: 0;

}



/* Carte d'adresse */

.address-card {

  background-color: #ffffff;

  border: 1px solid #e9ecef;

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

  overflow: hidden;

  transition: all 0.3s ease;

  height: 100%;

  display: flex;

  flex-direction: column;

}



.address-card:hover {

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

  box-shadow: 0 8px 24px rgba(13, 110, 253, 0.12);

  transform: translateY(-2px);

}



/* Header de la carte */

.address-card-header {

  display: flex;

  align-items: center;

  gap: 1rem;

  padding: 1.5rem;

  background-color: #f8f9fa;

  border-bottom: 1px solid #e9ecef;

}



.address-card-icon {

  flex-shrink: 0;

  width: 48px;

  height: 48px;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: rgba(13, 110, 253, 0.1);

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

  color: var(--bs-primary);

}



.address-card-title h3 {

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

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

  font-weight: 600;

  color: var(--bs-gray-dark);

  margin: 0;

}



/* Contenu de l'adresse */

.address-card-content {

  padding: 1.5rem;

  flex: 1;

}



.address-text {

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

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

  color: var(--bs-gray-dark);

  line-height: 1.8;

  margin: 0;

  font-style: normal;

}



/* État vide */

.address-empty {

  display: flex;

  align-items: center;

  gap: 0.75rem;

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

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

  color: var(--bs-gray-medium);

  margin: 0;

  font-style: italic;

}



.address-empty svg {

  flex-shrink: 0;

  color: var(--bs-gray-medium);

  opacity: 0.6;

}



/* Footer avec bouton */

.address-card-footer {

  padding: 1.5rem;

  border-top: 1px solid #f8f9fa;

  display: flex;

  justify-content: flex-end;

}



.btn-edit-address {

  display: inline-flex;

  align-items: center;

  gap: 0.5rem;

  padding: 0.625rem 1.5rem;

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

  color: #ffffff;

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

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

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

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

  font-weight: 500;

  text-decoration: none;

  transition: all 0.3s ease;

  cursor: pointer;

}



.btn-edit-address:hover {

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

  color: #ffffff;

  opacity: 0.9;

  transform: translateY(-1px);

  box-shadow: 0 4px 8px rgba(13, 110, 253, 0.2);

}



.btn-edit-address svg {

  width: 16px;

  height: 16px;

}



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

   EDIT ADDRESS FORM - STYLES MODERNISÉS

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



/* Titre du formulaire */

.woocommerce-address-fields h2,

.woocommerce-address-fields h3 {

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

  font-size: 24px;

  font-weight: 700;

  margin: 0 0 1.5rem 0;

  color: var(--bs-gray-dark);

}



/* Labels */

.woocommerce-address-fields label {

  font-weight: 500;

  color: var(--bs-gray-dark);

  margin-bottom: 0.5rem;

  display: block;

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

}



/* Inputs - Background blanc, sans border, avec border-radius */

.woocommerce-address-fields input[type='text'],

.woocommerce-address-fields input[type='email'],

.woocommerce-address-fields input[type='tel'],

.woocommerce-address-fields input[type='number'],

.woocommerce-address-fields textarea,

.woocommerce-address-fields select {

  width: 100%;

  padding: 0.75rem 1rem;

  background-color: #ffffff;

  border: none;

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

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

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

  color: var(--bs-gray-dark);

  transition: all 0.3s ease;

  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);

}



/* Select2 dropdown styling */

.woocommerce-address-fields .select2-container .select2-selection--single {

  height: auto;

  padding: 0.75rem 1rem;

  background-color: #ffffff;

  border: none;

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

  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);

}



.woocommerce-address-fields

  .select2-container--default

  .select2-selection--single

  .select2-selection__rendered {

  padding: 0;

  line-height: normal;

  color: var(--bs-gray-dark);

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

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

}



.woocommerce-address-fields

  .select2-container--default

  .select2-selection--single

  .select2-selection__arrow {

  height: 100%;

  top: 0;

  right: 0.75rem;

}



/* Focus sur les inputs */

.woocommerce-address-fields input[type='text']:focus,

.woocommerce-address-fields input[type='email']:focus,

.woocommerce-address-fields input[type='tel']:focus,

.woocommerce-address-fields input[type='number']:focus,

.woocommerce-address-fields textarea:focus,

.woocommerce-address-fields select:focus {

  outline: none;

  box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.15), 0 1px 3px rgba(0, 0, 0, 0.08);

}



.woocommerce-address-fields

  .select2-container--default.select2-container--open

  .select2-selection--single,

.woocommerce-address-fields

  .select2-container--default.select2-container--focus

  .select2-selection--single {

  box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.15), 0 1px 3px rgba(0, 0, 0, 0.08);

}



/* Espacement entre les champs */

.woocommerce-address-fields .form-row {

  margin-bottom: 1.5rem;

}



/* Woocommerce input wrapper */

.woocommerce-address-fields .woocommerce-input-wrapper {

  width: 100%;

}



/* Bouton d'enregistrement - Style btn-primary */

.woocommerce-address-fields button[type='submit'],

.woocommerce-address-fields .button {

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

  color: #ffffff;

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

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

  padding: 0.875rem 2rem;

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

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

  font-weight: 500;

  cursor: pointer;

  transition: all 0.3s ease;

  display: inline-block;

  text-align: center;

  margin-top: 0.5rem;

}



.woocommerce-address-fields button[type='submit']:hover,

.woocommerce-address-fields .button:hover {

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

  color: #ffffff;

  opacity: 0.9;

  transform: translateY(-1px);

  box-shadow: 0 4px 8px rgba(13, 110, 253, 0.2);

}



/* Marque required */

.woocommerce-address-fields .required {

  color: #dc3545;

  font-weight: 600;

}



/* Optional text */

.woocommerce-address-fields .optional {

  font-weight: 400;

  color: var(--bs-gray-medium);

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

}



/* Screen reader text visible pour les labels */

.woocommerce-address-fields .screen-reader-text {

  position: static;

  clip: auto;

  width: auto;

  height: auto;

  overflow: visible;

  font-weight: 500;

  color: var(--bs-gray-dark);

  margin-bottom: 0.5rem;

  display: block;

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

}



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

   ORDERS PAGE - ÉTAT VIDE MODERNE

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



/* Message "Aucune commande" moderne et épuré */

.woocommerce-MyAccount-content .woocommerce-info,

.woocommerce-MyAccount-content .woocommerce-message,

.account-content-card .woocommerce-info {

  background-color: transparent !important;

  border: none !important;

  padding: 4rem 2rem !important;

  text-align: center !important;

  margin: 2rem 0 !important;

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

  font-size: var(--text-lg) !important;

  color: var(--bs-gray-medium) !important;

  line-height: 1.6 !important;

  display: flex !important;

  flex-direction: column !important;

  align-items: center !important;

  justify-content: center !important;

}



.account-content-card .woocommerce-notices-wrapper {

  display: none !important;

}



/* Supprimer l'icône par défaut WooCommerce */

.woocommerce-MyAccount-content .woocommerce-info::before,

.account-content-card .woocommerce-info::before {

  display: none !important;

}



/* Bouton "Parcourir les produits" */

.woocommerce-MyAccount-content .woocommerce-info .woocommerce-Button,

.woocommerce-MyAccount-content .woocommerce-info .button,

.account-content-card .woocommerce-info .woocommerce-Button,

.account-content-card .woocommerce-info .button {

  display: inline-block !important;

  margin-top: 1.5rem !important;

  margin-left: 0 !important;

  margin-right: 0 !important;

  padding: 0.875rem 2rem !important;

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

  color: #ffffff !important;

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

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

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

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

  font-weight: 500 !important;

  text-decoration: none !important;

  transition: all 0.3s ease !important;

  float: none !important;

}



.woocommerce-MyAccount-content .woocommerce-info .woocommerce-Button:hover,

.woocommerce-MyAccount-content .woocommerce-info .button:hover,

.account-content-card .woocommerce-info .woocommerce-Button:hover,

.account-content-card .woocommerce-info .button:hover {

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

  color: #ffffff !important;

  opacity: 0.9 !important;

  transform: translateY(-1px) !important;

  box-shadow: 0 4px 8px rgba(13, 110, 253, 0.2) !important;

}



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

   ORDERS TABLE - TABLEAU DES COMMANDES

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



/* Tableau des commandes */

.woocommerce-orders-table {

  width: 100%;

  border-collapse: collapse;

  background-color: #ffffff;

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

  overflow: hidden;

  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);

}



/* En-têtes du tableau */

.woocommerce-orders-table thead {

  background-color: #f8f9fa;

}



.woocommerce-orders-table thead th {

  padding: 1.25rem 1.5rem;

  text-align: left;

  font-weight: 600;

  color: var(--bs-gray-dark);

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

  text-transform: uppercase;

  letter-spacing: 0.5px;

  border-bottom: 2px solid #e9ecef;

}



/* Lignes du tableau */

.woocommerce-orders-table tbody tr {

  border-bottom: 1px solid #f8f9fa;

  transition: background-color 0.3s ease;

}



.woocommerce-orders-table tbody tr:hover {

  background-color: #f8f9fa;

}



.woocommerce-orders-table tbody tr:last-child {

  border-bottom: none;

}



/* Cellules du tableau */

.woocommerce-orders-table tbody th,

.woocommerce-orders-table tbody td {

  padding: 1.25rem 1.5rem;

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

  color: var(--bs-gray-medium);

}



/* Numéro de commande */

.woocommerce-orders-table__cell-order-number a {

  color: var(--bs-primary);

  font-weight: 600;

  text-decoration: none;

  transition: color 0.3s ease;

}



.woocommerce-orders-table__cell-order-number a:hover {

  color: #0a58ca;

  text-decoration: underline;

}



/* Date */

.woocommerce-orders-table__cell-order-date time {

  color: var(--bs-gray-medium);

}



/* État de la commande - Badge */

.woocommerce-orders-table__cell-order-status {

  font-weight: 500;

}



/* Badges de statut */

.woocommerce-orders-table__row--status-completed

  .woocommerce-orders-table__cell-order-status {

  color: #28a745;

}



.woocommerce-orders-table__row--status-processing

  .woocommerce-orders-table__cell-order-status {

  color: #0d6efd;

}



.woocommerce-orders-table__row--status-on-hold

  .woocommerce-orders-table__cell-order-status {

  color: #ffc107;

}



.woocommerce-orders-table__row--status-cancelled

  .woocommerce-orders-table__cell-order-status,

.woocommerce-orders-table__row--status-failed

  .woocommerce-orders-table__cell-order-status {

  color: #dc3545;

}



.woocommerce-orders-table__row--status-pending

  .woocommerce-orders-table__cell-order-status {

  color: #6c757d;

}



/* Total */

.woocommerce-orders-table__cell-order-total {

  font-weight: 600;

  color: var(--bs-gray-dark);

}



/* Bouton Voir */

.woocommerce-orders-table__cell-order-actions .button,

.woocommerce-orders-table__cell-order-actions .woocommerce-button {

  display: inline-block;

  padding: 0.625rem 1.5rem;

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

  color: #ffffff;

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

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

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

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

  font-weight: 500;

  text-decoration: none;

  transition: all 0.3s ease;

  cursor: pointer;

}



.woocommerce-orders-table__cell-order-actions .button:hover,

.woocommerce-orders-table__cell-order-actions .woocommerce-button:hover {

  background-color: #0a58ca;

  border-color: #0a58ca;

  transform: translateY(-1px);

  box-shadow: 0 4px 8px rgba(13, 110, 253, 0.2);

}



/* Responsive pour le tableau */

@media (max-width: 768px) {

  .woocommerce-orders-table thead {

    display: none;

  }



  .woocommerce-orders-table tbody tr {

    display: block;

    margin-bottom: 1.5rem;

    border: 1px solid #e9ecef;

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

    padding: 1rem;

  }



  .woocommerce-orders-table tbody th,

  .woocommerce-orders-table tbody td {

    display: block;

    text-align: left;

    padding: 0.75rem 0;

    border: none;

  }



  .woocommerce-orders-table tbody th::before,

  .woocommerce-orders-table tbody td::before {

    content: attr(data-title) ': ';

    font-weight: 600;

    color: var(--bs-gray-dark);

    display: inline-block;

    margin-right: 0.5rem;

  }



  .woocommerce-orders-table__cell-order-actions {

    text-align: center;

    padding-top: 1rem;

    border-top: 1px solid #f8f9fa;

  }



  .woocommerce-orders-table__cell-order-actions::before {

    display: none;

  }

}



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

   RESPONSIVE

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



@media (max-width: 991px) {

  .account-navigation-card {

    position: static;

    margin-bottom: 24px;

  }



  .account-header {

    flex-direction: column;

    align-items: flex-start;

    gap: 8px;

  }



  .account-title {

    font-size: 24px;

  }



  /* Dashboard responsive */

  .dashboard-welcome {

    flex-direction: column;

    gap: 1.5rem;

  }



  .welcome-greeting {

    font-size: 20px;

  }



  .welcome-username {

    font-size: 24px;

  }



  .logout-link {

    align-self: flex-start;

  }



  /* Addresses responsive */

  .addresses-title {

    font-size: 24px;

  }

}



@media (max-width: 575px) {

  .woocommerce-account-page {

    padding: 4rem 0;

  }



  .woocommerce-MyAccount-content table.shop_table {

    font-size: 13px;

  }



  .woocommerce-MyAccount-content table.shop_table th,

  .woocommerce-MyAccount-content table.shop_table td {

    padding: 8px 12px;

  }



  /* Dashboard mobile */

  .dashboard-welcome {

    padding: 1.5rem;

  }



  .welcome-greeting {

    font-size: 18px;

  }



  .welcome-username {

    font-size: 20px;

  }



  .quick-action-card {

    padding: 1.25rem;

    gap: 1rem;

  }



  .action-icon {

    width: 48px;

    height: 48px;

  }



  .action-icon svg {

    width: 24px;

    height: 24px;

  }



  .action-title {

    font-size: 16px;

  }



  .action-description {

    font-size: 13px;

  }



  /* Addresses mobile */

  .addresses-header {

    margin-bottom: 1.5rem;

  }



  .addresses-title {

    font-size: 20px;

  }



  .addresses-subtitle {

    font-size: 14px;

  }



  .address-card-header {

    padding: 1.25rem;

  }



  .address-card-icon {

    width: 40px;

    height: 40px;

  }



  .address-card-icon svg {

    width: 20px;

    height: 20px;

  }



  .address-card-title h3 {

    font-size: 16px;

  }



  .address-card-content {

    padding: 1.25rem;

  }



  .address-text {

    font-size: 14px;

  }



  .address-card-footer {

    padding: 1.25rem;

  }



  /* Checkout mobile */

  .checkout .page-title {

    font-size: 24px;

    margin-bottom: 1.5rem;

  }



  .checkout-billing,

  .checkout-shipping,

  .checkout-review-order {

    padding: 1.25rem;

  }



  .checkout-review-order {

    position: static;

  }



  .woocommerce-checkout-review-order-table th,

  .woocommerce-checkout-review-order-table td {

    padding: 0.75rem;

    font-size: 14px;

  }

}