/* ==========================================================
   Keshō — Correctif sélecteur date Atelier v1.7
   CSS UNIQUEMENT : aucune modification du DOM WooCommerce.
   La sélection de variation reste 100 % native et fonctionnelle.
   ========================================================== */

@media (min-width:701px){

  /* Formulaire principal :
     ligne 1 = date + quantité
     ligne 2 = bouton sur toute la largeur */
  body.single-product form.variations_form{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 174px !important;
    grid-template-areas:
      "variations quantity"
      "button button"
      "variation variation" !important;
    column-gap:20px !important;
    row-gap:18px !important;
    align-items:end !important;
    width:100% !important;
  }

  /* Date */
  body.single-product form.variations_form .variations{
    grid-area:variations !important;
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
  }

  body.single-product form.variations_form .variations tbody,
  body.single-product form.variations_form .variations tr{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
  }

  body.single-product form.variations_form .variations th.label{
    display:block !important;
    width:100% !important;
    height:20px !important;
    min-height:20px !important;
    margin:0 0 10px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    text-align:left !important;
  }

  body.single-product form.variations_form .variations th.label label{
    display:block !important;
    height:20px !important;
    margin:0 !important;
    padding:0 !important;
    color:#292522 !important;
    font-family:var(--sans,Arial,sans-serif) !important;
    font-size:.72rem !important;
    font-weight:600 !important;
    line-height:20px !important;
    letter-spacing:.09em !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
  }

  body.single-product form.variations_form .variations td.value{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
  }

  body.single-product form.variations_form .variations select{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:80px !important;
    min-height:80px !important;
    margin:0 !important;
    padding:0 48px 0 22px !important;
    box-sizing:border-box !important;
    color:#292522 !important;
    background-color:#f8f4ed !important;
    border:1px solid rgba(41,37,34,.24) !important;
    border-radius:0 !important;
    box-shadow:none !important;
    font-family:inherit !important;
    font-size:16px !important;
    cursor:pointer !important;
    appearance:none !important;
    -webkit-appearance:none !important;
    background-image:
      linear-gradient(45deg,transparent 50%,#6f5b4d 50%),
      linear-gradient(135deg,#6f5b4d 50%,transparent 50%) !important;
    background-position:
      calc(100% - 22px) 37px,
      calc(100% - 17px) 37px !important;
    background-size:5px 5px,5px 5px !important;
    background-repeat:no-repeat !important;
  }

  body.single-product form.variations_form .reset_variations{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    margin:-1px !important;
    padding:0 !important;
    overflow:hidden !important;
    clip:rect(0,0,0,0) !important;
    white-space:nowrap !important;
    border:0 !important;
  }

  /* Le wrapper natif reste intact techniquement, mais ses enfants
     participent à la grille du formulaire. */
  body.single-product form.variations_form .single_variation_wrap{
    display:contents !important;
  }

  body.single-product form.variations_form .woocommerce-variation-add-to-cart{
    display:contents !important;
  }

  /* Quantité : pseudo-label purement visuel, aucune modification HTML. */
  body.single-product form.variations_form .woocommerce-variation-add-to-cart .quantity{
    grid-area:quantity !important;
    display:grid !important;
    grid-template-rows:20px 80px !important;
    row-gap:10px !important;
    width:174px !important;
    height:110px !important;
    margin:0 !important;
    padding:0 !important;
    align-self:end !important;
  }

  body.single-product form.variations_form .woocommerce-variation-add-to-cart .quantity::before{
    content:"Nombre de participants" !important;
    display:block !important;
    width:100% !important;
    height:20px !important;
    margin:0 !important;
    padding:0 !important;
    color:#292522 !important;
    font-family:var(--sans,Arial,sans-serif) !important;
    font-size:.72rem !important;
    font-weight:600 !important;
    line-height:20px !important;
    letter-spacing:.09em !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
  }

  body.single-product form.variations_form .woocommerce-variation-add-to-cart .quantity input.qty{
    display:block !important;
    width:174px !important;
    max-width:none !important;
    height:80px !important;
    min-height:80px !important;
    margin:0 !important;
    padding:0 10px !important;
    box-sizing:border-box !important;
    border:1px solid rgba(41,37,34,.24) !important;
    border-radius:0 !important;
    background:#f8f4ed !important;
    box-shadow:none !important;
    color:#292522 !important;
    font-size:16px !important;
    text-align:center !important;
  }

  /* Bouton sous les deux cases, mais toujours dans son wrapper natif. */
  body.single-product form.variations_form .single_add_to_cart_button{
    grid-area:button !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-width:0 !important;
    height:80px !important;
    min-height:80px !important;
    margin:0 !important;
    padding:0 28px !important;
    box-sizing:border-box !important;
  }

  /* Prix/détails de variation éventuels sous le bouton. */
  body.single-product form.variations_form .woocommerce-variation{
    grid-area:variation !important;
    display:block !important;
    width:100% !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
  }

  body.single-product form.variations_form .woocommerce-variation:empty{
    display:none !important;
  }
}

/* Mobile : structure WooCommerce native, empilée proprement. */
@media (max-width:700px){

  body.single-product form.variations_form{
    display:block !important;
    width:100% !important;
  }

  body.single-product form.variations_form .variations{
    width:100% !important;
    margin:0 0 14px !important;
  }

  body.single-product form.variations_form .variations th.label{
    display:block !important;
    width:100% !important;
    margin:0 0 9px !important;
    padding:0 !important;
  }

  body.single-product form.variations_form .variations td.value{
    display:block !important;
    width:100% !important;
    padding:0 !important;
  }

  body.single-product form.variations_form .variations select{
    width:100% !important;
    height:60px !important;
    min-height:60px !important;
  }

  body.single-product form.variations_form .woocommerce-variation-add-to-cart{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  body.single-product form.variations_form .woocommerce-variation-add-to-cart .quantity{
    display:grid !important;
    grid-template-rows:20px 60px !important;
    row-gap:9px !important;
    width:100% !important;
    margin:0 !important;
  }

  body.single-product form.variations_form .woocommerce-variation-add-to-cart .quantity::before{
    content:"Nombre de participants" !important;
    display:block !important;
    height:20px !important;
    color:#292522 !important;
    font-family:var(--sans,Arial,sans-serif) !important;
    font-size:.72rem !important;
    font-weight:600 !important;
    line-height:20px !important;
    letter-spacing:.09em !important;
    text-transform:uppercase !important;
  }

  body.single-product form.variations_form .woocommerce-variation-add-to-cart .quantity input.qty,
  body.single-product form.variations_form .single_add_to_cart_button{
    width:100% !important;
    height:60px !important;
    min-height:60px !important;
    margin:0 !important;
  }
}