/* Woo – Mon Compte (rev B) */
.woocommerce-account .woocommerce-MyAccount-navigation{
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 1rem;
  margin-bottom: 2rem;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul{
  list-style:none; margin:0; padding:0;
  display:flex; flex-direction:column; gap:.5rem;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a{
  display:block; padding:.5rem .75rem;
  border-radius: var(--radius-sm);
  text-decoration:none;
  color: var(--ink);
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{
  background: var(--brand-50);
  color: var(--brand-600);
  font-weight:600;
}
.woocommerce-account .woocommerce-MyAccount-content{
  background:#fff;
  border:1px solid var(--border);
  border-radius: var(--radius);
  padding:1rem 1.25rem;
  box-shadow: var(--shadow);
}

/* Tabs horizontaux dès tablette */
@media (min-width:768px){
  .woocommerce-account .woocommerce-MyAccount-navigation ul{
    flex-direction:row; flex-wrap:wrap; gap:.5rem;
  }
}








/* ===== WpZone – WooCommerce base (rev A) ===== */

/* Couleurs/boutons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .wc-block-components-button {
  background: var(--brand) !important;
  color:#fff !important;
  border:1px solid var(--brand);
  border-radius: var(--radius-sm);
  padding:.75rem 1.1rem;
  font-weight:700;
  line-height:1.1;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
  background: var(--brand-600) !important;
  border-color: var(--brand-600) !important;
}

/* Champs / selects / qty */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce .quantity .qty {
  width:100%;
  padding:.6rem .75rem;
  border:1px solid var(--border);
  border-radius: var(--radius-sm);
  background:#fff;
}
.woocommerce .quantity .qty{ max-width:130px }

/* Notices */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border-radius: var(--radius);
  border:1px solid var(--border);
  background: var(--surface);
}

/* Prix / stock */
.woocommerce div.product p.price,
.woocommerce div.product span.price { 
  font-size: clamp(1.25rem,2vw,1.6rem); font-weight:800; 
}

/* Ratings compacts */
.woocommerce .star-rating{ transform: translateY(1px); }

/* --- Notre template produit (classes pz-*) --- */
.pz-hero{ display:grid; grid-template-columns:1.15fr .85fr; gap:24px; align-items:start; margin:1rem auto 2rem; }
@media (max-width: 992px){ .pz-hero{ grid-template-columns:1fr } }

.pz-gallery{ position:relative; }
.pz-slider{ position:relative; border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; background:#fff; }
.pz-slide{ display:none; margin:0 }
.pz-slide.is-active{ display:block }
.pz-media{ width:100%; height:auto; display:block }
.pz-figcap{ padding:.5rem .75rem; font-size:var(--fs-sm); color:var(--muted); background:var(--surface) }

.pz-thumbs{ display:flex; gap:.5rem; margin-top:.75rem; overflow:auto; padding-bottom:.25rem }
.pz-thumb{ border:1px solid var(--border); background:#fff; border-radius:10px; padding:2px; cursor:pointer; line-height:0 }
.pz-thumb.is-active{ outline:2px solid var(--brand-400) }
.pz-thumb-img{ display:block; width:72px; height:auto; border-radius:8px }

.pz-buybox{ position:relative; border:1px solid var(--border); border-radius:var(--radius); padding:1rem; background:#fff; box-shadow:var(--shadow) }
.pz-title{ margin:.25rem 0 .5rem; font-size:clamp(1.5rem,2.5vw,2rem); font-weight:800 }
.pz-meta{ display:flex; gap:1rem; align-items:center; flex-wrap:wrap; margin:.25rem 0 .5rem }
.pz-stock.in{ color:#059669; font-weight:600 }
.pz-stock.out{ color:#b91c1c; font-weight:600 }
.pz-short{ color:var(--muted); margin-bottom:1rem }
.pz-atc form.cart,
.pz-atc .variations_form{ display:grid; gap:.75rem }
.pz-atc .single_add_to_cart_button{ width:100%; min-height:48px }

/* Badges confiance */
.pz-badges{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:.5rem; margin:1rem 0 0; padding:0; list-style:none }
.pz-badges li{ background:var(--surface); border:1px solid var(--border); border-radius:10px; padding:.5rem .75rem; font-size:var(--fs-sm); color:var(--muted) }
@media (max-width:480px){ .pz-badges{ grid-template-columns:1fr } }

/* Accordéons */
.pz-accordions{ margin: 1.5rem auto }
.pz-acc{ border:1px solid var(--border); border-radius:var(--radius); background:#fff; margin-bottom:.75rem; overflow:hidden }
.pz-acc > summary{ cursor:pointer; list-style:none; padding:.875rem 1rem; font-weight:700; position:relative }
.pz-acc > summary::-webkit-details-marker{ display:none }
.pz-acc > *:not(summary){ padding:1rem; border-top:1px solid var(--border) }

/* Related */
.pz-related{ margin:2rem auto }

/* Sticky CTA (mobile) */
.pz-sticky-cta{ position:sticky; bottom:0; display:none; align-items:center; justify-content:space-between; gap:.75rem; padding:.75rem 1rem; background:rgba(255,255,255,.95); border:1px solid var(--border); border-radius:12px; margin-top:1rem; box-shadow:var(--shadow) }
.pz-sticky-price{ font-weight:800; font-size:1.125rem }
@media (max-width: 992px){ .pz-sticky-cta{ display:flex } }


.sidebar { display:block; }
.sidebar .widget { margin: 0 0 1rem; padding:1rem; background:#fff; border:1px solid var(--border); border-radius: var(--radius); }
.widget-title { margin:0 0 .5rem; font-weight:700; font-size:1.125rem; }







//PAGE : page-my-accpunt.php
/* --- Styles minimalistes, compatibles avec n’importe quel thème --- */
/* --- Styles minimalistes, compatibles avec n’importe quel thème --- */
.wz-container{max-width:1100px;margin:0 auto;padding:clamp(12px,3vw,24px);}
.wz-account-grid{display:grid;grid-template-columns:240px 1fr;gap:20px;align-items:start}
@media (max-width: 920px){ .wz-account-grid{grid-template-columns:1fr} }

/* Sticky nav (desktop) */
.wz-account-nav{
  position:sticky;
  top:calc(20px + var(--wp-admin--admin-bar--position-offset,0px));
  z-index: 9999;
}

/* Menu vertical (desktop) */
.wz-account-menu{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-width:100%}
.wz-account-menu-item a{
  display:flex;align-items:center;gap:10px;text-decoration:none;
  background:#fff;border:1px solid var(--wc-border,#e5e7eb);border-radius:10px;
  padding:.65rem .8rem;color:inherit;white-space:nowrap;max-width:100%;
}
.wz-account-menu-item.is-active a{
  border-color:var(--wc-brand,#2563eb);
  box-shadow:0 4px 18px rgba(37,99,235,.12)
}
.wz-label{font-weight:600}

/* Contenu */
.wz-account-content{
  background:#fff;border:1px solid var(--wc-border,#e5e7eb);border-radius:12px;
  padding:clamp(14px,2.6vw,22px);overflow:hidden;
}

/* ===== Mobile : nav sticky -> barre d’onglets horizontale scrollable ===== */
@media (max-width: 920px){
  /* on “décolle” la nav du padding du container pour éviter tout dépassement visuel */
  .wz-account-nav{
    top:calc(8px + var(--wp-admin--admin-bar--position-offset,0px));
    z-index:9;
    margin:0; padding:0;
  }

  /* full-bleed contrôlé = prend toute la largeur viewport, sans créer de scroll horizontal global */
  .wz-account-nav-inner{
    position:relative;
    left:50%; right:50%;
    margin-left:calc(-50vw + env(safe-area-inset-left, 0px));
    margin-right:calc(-50vw + env(safe-area-inset-right, 0px));
    width:100vw;
    background:var(--wz-nav-bg, #fff);
    border-bottom:1px solid var(--wc-border,#e5e7eb);
    /* masques de bords pour jolis fondus */
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 16px, #000 calc(100% - 16px), transparent 100%);
            mask-image: linear-gradient(90deg, transparent 0, #000 16px, #000 calc(100% - 16px), transparent 100%);
  }

  /* barre d'onglets scrollable */
  .wz-account-menu{
    display:flex;gap:8px;
    overflow-x:auto;overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none; /* Firefox */
    padding:8px 12px;
    margin:0;
  }
  .wz-account-menu::-webkit-scrollbar{display:none} /* Chrome/Safari */

  .wz-account-menu-item{flex:0 0 auto;max-width:80vw} /* chaque pill ne pourra pas dépasser l’écran */
  .wz-account-menu-item a{
    border-radius:999px;
    padding:.5rem 1rem;
    border:1px solid var(--wc-border,#e5e7eb);
    background:#f9fafb;
    overflow:hidden;text-overflow:ellipsis;
  }
  .wz-account-menu-item.is-active a{
    background:var(--wc-brand,#2563eb);
    color:#fff;border-color:var(--wc-brand,#2563eb);
    box-shadow:none;
  }

  /* un petit espace sous la barre pour éviter que le contenu colle */
  .wz-account-content{ margin-top:8px; scroll-margin-top:72px; }
}

/* Petites harmonisations Woo */
.woocommerce table.shop_table{border-radius:10px;overflow:hidden}
.woocommerce .woocommerce-MyAccount-content h2,
.woocommerce .woocommerce-MyAccount-content h3{margin-top:.25rem}

/* Dark mode */
@media (prefers-color-scheme: dark){
  .wz-account-menu-item a, .wz-account-content{background:#0b122a;border-color:#1f2937;color:#e5e7eb}
  @media (max-width: 920px){
    .wz-account-nav-inner{background:#0b122a;border-bottom-color:#1f2937}
    .wz-account-menu-item a{background:#1e293b}
  }
}