/*
Theme Name: Aveecard Child
Template: aximo
Author: Ton nom
Version: 1.0
*/

@import url("../aximo/style.css");

@media (max-width: 768px) {
  #avee-choice .pack-btn .chip.save {
    flex-basis: 90% !important;
  }
}


@media (max-width: 900px){
  .avee-gallery{
    display:flex;
    flex-direction:column;
    gap:10px;
  }
  .avee-main{ order:1; }
  .avee-thumbs{
    order:2;
    flex-direction:row;
    max-height:none;
    overflow-x:auto;
    overflow-y:hidden;
    gap:10px;
    padding-bottom:4px;

    /* scroll horizontal agréable */
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;           /* Firefox */
  }
  .avee-thumbs::-webkit-scrollbar{ display:none; } /* Chrome/Safari */

  /* tailles des miniatures en mobile */
  .avee-thumb{ flex:0 0 auto; width:80px; }
  .avee-thumb img{ width:100%; height:auto; display:block; border-radius:8px; }

  /* (optionnel) scroll-snap pour claquer sur chaque vignette */
  .avee-thumbs{ scroll-snap-type: x mandatory; }
  .avee-thumb{ scroll-snap-align: center; }
}
/* Mobile : forcer 2 colonnes et masquer au-delà de 10 items */
@media (max-width: 900px){
  .u-mobile-2x5 .avee-grid{
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 12px !important;
  }
  .u-mobile-2x5 .avee-grid > *:nth-child(n+11){
    display: none !important;   /* cache les items 11+ => 2x5 */
  }
}

/* Empêche tout scroll horizontal global (sécurité) */
/* Sécurité : pas de scroll horizontal global */
html, body { overflow-x:hidden; }



/* ----- Drawer wrapper ----- */
.avee-cart{ position:fixed; inset:0; z-index:9999; pointer-events:none; }
.avee-cart.is-open{ pointer-events:auto; }
.avee-cart__overlay{
  position:absolute; inset:0; background:rgba(0,0,0,.45); opacity:0; transition:opacity .2s ease;
}
.avee-cart.is-open .avee-cart__overlay{ opacity:1; }

/* ----- Panel ----- */
.avee-cart__panel{
  position:absolute; top:0; right:0; height:100%; width:min(420px, 100%);
  background:#fff; transform:translateX(100%); transition:transform .25s ease;
  display:flex; flex-direction:column; box-shadow:-12px 0 30px rgba(0,0,0,.18);
}
.avee-cart.is-open .avee-cart__panel{ transform:translateX(0); }

.avee-cart__header{
  display:flex; justify-content:space-between; align-items:center;
  padding:14px 16px; border-bottom:1px solid #e5e7eb; font-size:1.05rem;
}
.avee-cart__close{ background:none; border:0; font-size:28px; line-height:1; cursor:pointer; }

.avee-cart__content{ overflow:auto; padding:10px 14px; flex:1 1 auto; }

/* Mini-cart interne (hérité de Woo) */
.widget_shopping_cart_content{ min-height:60px; }

/* Footer */
.avee-cart__footer{ border-top:1px solid #e5e7eb; padding:12px 16px; }
.avee-cart__btn{
  display:block; width:100%; text-align:center; background:#0b5cff; color:#fff;
  font-weight:700; padding:.9rem 1rem; border-radius:12px; box-shadow:0 2px 8px rgba(0,0,0,.18);
}
.avee-cart__btn:hover{ filter:brightness(.95); }
.avee-cart__secure{ display:block; margin-top:8px; text-align:center; color:#6b7280; font-size:.85rem; }

/* Etat caché (au chargement) */
.avee-cart.is-hidden{ display:none; }

input { border-radius : 10px;
}



/* ===== Header checkout Avee ===== */
.avee-checkout-header{
  position: relative;
  z-index: 20;
  display: grid;
  grid-template-columns: 1fr auto 1fr; /* vide | logo | icône */
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: #fff;
  border-top: 1px solid #111;
  border-bottom: 1px solid #111;
}

.avee-checkout-header .avee-header-logo img{
  display: block;
  height: 28px;         /* logo visuel ≈ screenshot */
  width: auto;
  margin: 0 auto;       /* assure le centrage dans sa cellule */
}

.avee-checkout-header .avee-header-icon{
  justify-self: end;    /* aligne l’icône à droite */
  color: #111;
  line-height: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
}
.avee-checkout-header .avee-header-icon:hover{ opacity:.8; }

/* Option: neutraliser marges d’en-tête du thème si besoin */
.woocommerce-checkout .site-header,
.woocommerce-checkout header.site-header { margin-bottom: 0 !important; }