/* ================================
   🎨 Page Mon Compte WooCommerce – Tyshara (version stable v1.1)
   Navigation verticale + contenu aligné à droite
   ================================ */

/* ---------- Conteneur principal ---------- */
.woocommerce-account{
  background:#fef9f5;
  padding:3rem 2rem;
  border-radius:1rem;
  max-width:1200px;
  margin:0 auto;
  font-family:'Montserrat',sans-serif;
  color:#4a3b35;
  overflow:hidden; /* pour contenir les floats */
}

/* ---------- Titre principal ---------- */
.woocommerce-account .entry-title{
  font-family:'Satisfy',cursive;
  font-size:2.5rem;
  color:#73504f;
  text-align:center;
  margin-bottom:1rem;
}

/* ---------- Texte de bienvenue ---------- */
.woocommerce-account .woocommerce{
  font-size:1rem;
  color:#5a5a5a;
  line-height:1.6;
  text-align:center;
  margin-bottom:2rem;
}
.woocommerce-account .woocommerce strong{color:#73504f;}

/* ==================================================
   1. Navigation « Mon compte » – colonne fixe
   ================================================== */
.woocommerce-MyAccount-navigation{
  background:#fdf4ee;
  border-radius:20px;
  padding:1.5rem;
  width:220px; /* largeur fixe */
  float:left;
}
.woocommerce-MyAccount-navigation ul{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:1rem;
}
.woocommerce-MyAccount-navigation a{
  display:block;
  padding:0.7rem 1.2rem;
  border-radius:20px;
  background:#f7f0ea;
  color:#4a3b35;
  font-weight:600;
  text-decoration:none;
  transition:all .3s ease;
  font-size:.95rem;
  text-align:center;
}
.woocommerce-MyAccount-navigation a:hover,
.woocommerce-MyAccount-navigation .is-active a{
  background:#d8c4b3;
  color:#fff;
}

/* ==================================================
   2. Contenu principal – aligné à droite du menu
   ================================================== */
.woocommerce-MyAccount-content{
  float:right;
  width:calc(100% - 260px); /* 220px menu + 40px marge visuelle */
  background:#fffaf7;
  padding:2rem;
  border-radius:1rem;
  box-shadow:0 4px 12px rgba(0,0,0,.06);
  font-size:.95rem;
}

.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3{
  font-family:'Satisfy',cursive;
  color:#73504f;
  margin-bottom:1rem;
  text-align:center;
  font-weight:normal;
}

/* ---------- Boutons Woo ---------- */
.woocommerce-MyAccount-content .button,
.woocommerce-MyAccount-content .woocommerce-button,
.woocommerce-MyAccount-content .woocommerce-Button{
  background:#7e9f96;
  color:#fff;
  border:none;
  padding:.6rem 1.2rem;
  border-radius:999px;
  font-size:.9rem;
  transition:background .3s ease;
}
.woocommerce-MyAccount-content .button:hover{background:#5a7e77;}

/* ---------- Responsive ≤ 768px ---------- */
@media(max-width:768px){
  .woocommerce-MyAccount-navigation{
    float:none;
    width:100%;
    margin-bottom:2rem;
  }
  .woocommerce-MyAccount-navigation ul{
    align-items:center;
  }
  .woocommerce-MyAccount-content{
    float:none;
    width:100%;
    padding:1.5rem;
  }
}

/* ==================================================
   3. Tableaux, formulaires, messages (inchangés)
   ================================================== */
.woocommerce-table--order-downloads,
.woocommerce-orders-table,
.woocommerce-Address,
.woocommerce-PaymentMethods{
  background:#fefaf7;
  border-radius:.8rem;
  padding:1rem;
  margin-top:1rem;
  box-shadow:0 0 6px rgba(0,0,0,.03);
  border:none;
}
.woocommerce table th,
.woocommerce table td{
  font-size:.9rem;
  padding:.5rem .75rem;
  color:#3a2d28;
}
.woocommerce table th{background:#f2eae4;font-weight:600;}

.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-error{
  background:#f2eae4;
  border-left:4px solid #7e9f96;
  color:#3a2d28;
  padding:1rem 1.2rem;
  margin-bottom:1.5rem;
  border-radius:1rem;
  box-shadow:0 0 4px rgba(0,0,0,.04);
}

.woocommerce-account input,
.woocommerce-account select,
.woocommerce-account textarea{
  width:100%;
  padding:.8rem;
  border:1px solid #cbb4aa;
  border-radius:12px;
  background:#fffaf6;
  transition:border-color .3s ease;
}
.woocommerce-account input:focus,
.woocommerce-account select:focus,
.woocommerce-account textarea:focus{border-color:#7e9f96;outline:none;}

/* ---------- Bouton retour boutique ---------- */
.woocommerce-account .return-to-shop a.button{
  display:inline-block;
  background:#7e9f96;
  color:#fff;
  padding:.6rem 1.2rem;
  border-radius:999px;
  font-size:.9rem;
  text-decoration:none;
  font-weight:500;
  margin-top:1rem;
  transition:background .3s ease;
}
.woocommerce-account .return-to-shop a.button:hover{background:#5a7e77;}

/* ---------- Stripe bloc (identique) ---------- */
.woocommerce-account .woocommerce-PaymentMethods,
.woocommerce-account .woocommerce-Payment{
  background:#fffaf7;
  padding:2rem;
  border-radius:1rem;
  box-shadow:0 4px 10px rgba(0,0,0,.04);
  color:#3a2d28;
}
.woocommerce-account .payment_methods label{
  font-weight:600;
  font-size:1rem;
  color:#4a3b35;
  display:flex;
  align-items:center;
  gap:.5rem;
  margin-bottom:1rem;
}
.wc-stripe-upe-element{
  background:#f8f5f3;
  border:1px solid #cbb4aa;
  border-radius:12px;
  padding:1rem;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.04);
  margin-bottom:1rem;
}
.__PrivateStripeElement iframe{border-radius:12px!important;background:#f8f5f3!important;}
#place_order,
.woocommerce-account .woocommerce-SavedPaymentMethods-saveNew button{
  background:#7e9f96;
  color:#fff;
  padding:.8rem 1.6rem;
  border-radius:999px;
  font-weight:600;
  font-size:.95rem;
  border:none;
  cursor:pointer;
  transition:background .3s ease;
}
#place_order:hover,
.woocommerce-account .woocommerce-SavedPaymentMethods-saveNew button:hover{background:#5a7e77;}