/*
 Theme Name:   Misuji
 Template:     hello-elementor
 Version:      1.0.3
 Description:  Thème enfant de Hello Elementor pour Misuji.
 Author:       Misuji
 Text Domain:  misuji
*/

.main-banner-image {
  cursor: url('/wp-content/uploads/2026/04/chopsticks-cursor-42.png') 16 16, auto;
}

.main-banner-image:active {
  cursor: url('/wp-content/uploads/2026/04/chopsticks-cursor-43.png') 16 16, auto;
}


.glass-header.scrolled {
    background: #000000 !important;
    border-bottom: 2px solid #c9a96e;
}

#paku.scrolled {
  background: #fff !important;
  border-bottom: 2px solid #c9a96e;
}

/* Pakupaku page sticky header — transparent at top, white on scroll */
.header-paku,
#paku {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: transparent;
  transition: background 0.3s ease, border-bottom 0.3s ease;
}

.header-paku.scrolled {
  background: #fff !important;
  border-bottom: 2px solid #c9a96e;
}


/* --- Page "commande reçue" : cadre blanc lisible sur fond sombre --- */
.woocommerce-order-received .woocommerce-order,
.woocommerce-order-received .woocommerce-order-details,
.woocommerce-order-received .woocommerce-customer-details {
  background: #fff;
  color: #1a1a1a;
  max-width: 900px;
  margin: 40px auto;
  padding: 40px;
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
}

/* Évite la double carte (les détails/adresse sont déjà dans .woocommerce-order) */
.woocommerce-order-received .woocommerce-order .woocommerce-order-details,
.woocommerce-order-received .woocommerce-order .woocommerce-customer-details {
  max-width: none;
  margin: 30px 0 0;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
}

.woocommerce-order-received .woocommerce-order,
.woocommerce-order-received .woocommerce-order h2,
.woocommerce-order-received .woocommerce-order h3,
.woocommerce-order-received .woocommerce-order th,
.woocommerce-order-received .woocommerce-order td,
.woocommerce-order-received .woocommerce-order li,
.woocommerce-order-received .woocommerce-order strong,
.woocommerce-order-received .woocommerce-order p {
  color: #1a1a1a !important;
}

.woocommerce-order-received .woocommerce-order a {
  color: #c9a96e !important;
}

.woocommerce-order-received .woocommerce-order td,
.woocommerce-order-received .woocommerce-order th {
  border-color: rgba(0, 0, 0, 0.1) !important;
}




/* =========================================================
   Mon compte (/my-account/) — cartes blanches lisibles sur
   fond sombre, cohérentes avec le checkout + accent doré.
   ========================================================= */

/* Bloc central */
.woocommerce-account .woocommerce {
  max-width: 1000px;
  margin: 40px auto;
}
.woocommerce-account .woocommerce::after {
  content: "";
  display: table;
  clear: both;
}

/* Titre de page (Se connecter / Mon compte) lisible sur fond noir.
   WooCommerce le rend en <h2> sans classe, enfant direct de .woocommerce. */
.woocommerce-account .entry-title,
.woocommerce-account main > h1,
.woocommerce-account .woocommerce > h2 {
  color: #fff !important;
  text-align: center;
  margin-bottom: 8px;
}

/* Cartes : formulaires (login / register / mot de passe perdu) + nav + contenu */
.woocommerce-account .woocommerce form.login,
.woocommerce-account .woocommerce form.register,
.woocommerce-account .woocommerce form.woocommerce-ResetPassword,
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
  background: #fff;
  color: #1a1a1a;
  border: none !important;
  border-radius: 12px;
  padding: 32px 36px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
}

/* Formulaires d'auth : centrés et étroits */
.woocommerce-account .woocommerce form.login,
.woocommerce-account .woocommerce form.woocommerce-ResetPassword {
  max-width: 480px;
  margin: 24px auto;
}

/* Texte foncé dans les cartes */
.woocommerce-account .woocommerce form.login,
.woocommerce-account .woocommerce form.register,
.woocommerce-account .woocommerce form.woocommerce-ResetPassword,
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-content h1,
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3,
.woocommerce-account .woocommerce-MyAccount-content p,
.woocommerce-account .woocommerce-MyAccount-content li,
.woocommerce-account .woocommerce-MyAccount-content td,
.woocommerce-account .woocommerce-MyAccount-content th,
.woocommerce-account .woocommerce-MyAccount-content strong,
.woocommerce-account .woocommerce-MyAccount-content address,
.woocommerce-account .woocommerce label {
  color: #1a1a1a;
}

/* Liens dorés */
.woocommerce-account .woocommerce a {
  color: #c9a96e;
}
.woocommerce-account .woocommerce a:hover {
  color: #b8965a;
}

/* Champs de saisie (mêmes codes que le checkout) */
.woocommerce-account .woocommerce input[type="text"],
.woocommerce-account .woocommerce input[type="email"],
.woocommerce-account .woocommerce input[type="password"],
.woocommerce-account .woocommerce input[type="tel"] {
  width: 100%;
  box-sizing: border-box;
  height: 48px;
  background: #f9fafa;
  border: 1px solid #bebebe;
  border-radius: 6px;
  padding: 0 14px;
  font-size: 16px;
  color: #1a1a1a;
}
.woocommerce-account .woocommerce label {
  font-weight: 600;
  margin-bottom: 4px;
  display: inline-block;
}

/* Boutons : noir élégant -> doré au survol */
.woocommerce-account .woocommerce .button,
.woocommerce-account .woocommerce button[type="submit"] {
  background: #1a1a1a;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 12px 26px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
.woocommerce-account .woocommerce .button:hover,
.woocommerce-account .woocommerce button[type="submit"]:hover {
  background: #c9a96e;
  color: #1a1a1a;
}

/* Navigation (connecté) : onglets */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.woocommerce-account .woocommerce-MyAccount-navigation li:last-child {
  border-bottom: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a {
  display: block;
  padding: 12px 6px;
  color: #1a1a1a !important;
  font-weight: 600;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
  color: #c9a96e !important;
}

/* Mise en page deux colonnes (nav + contenu) sur desktop */
@media (min-width: 783px) {
  .woocommerce-account .woocommerce-MyAccount-navigation {
    float: left;
    width: 28%;
  }
  .woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: 68%;
  }
}

/* Boutons d'actions dans la liste des commandes : compacts, alignés, non
   chevauchants (le style générique .button les rendait trop gros). */
.woocommerce-account .woocommerce-orders-table__cell-order-actions {
  text-align: left;
  white-space: normal;
}
.woocommerce-account .woocommerce-orders-table__cell-order-actions .button {
  display: inline-block;
  position: static;
  float: none;
  transform: none;
  vertical-align: middle;
  margin: 3px 6px 3px 0;
  padding: 7px 14px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}
/* « Voir » : secondaire (contour) */
.woocommerce-account .woocommerce-orders-table__cell-order-actions .button.view {
  background: #fff;
  color: #1a1a1a;
  border: 1px solid #d0d0d0;
}
.woocommerce-account .woocommerce-orders-table__cell-order-actions .button.view:hover {
  background: #1a1a1a;
  color: #fff;
  border-color: #1a1a1a;
}
/* « Commander à nouveau » : doré (action mise en avant) */
.woocommerce-account .woocommerce-orders-table__cell-order-actions .button.order-again {
  background: #c9a96e;
  color: #1a1a1a;
}
.woocommerce-account .woocommerce-orders-table__cell-order-actions .button.order-again:hover {
  background: #b8965a;
  color: #1a1a1a;
}