/* AOC Éditions — Les deux étrangères V1.5.0
   Correctif structurel + intégration achat WooCommerce native.
   Chargé après divi-bridge et la couche V14.
*/
body.aoc-page-la-qualite-relationnelle #main-content .product-grid{
  display:grid!important;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)!important;gap:90px!important;align-items:center!important;
}
body.aoc-page-la-qualite-relationnelle #main-content .product-grid>.et_pb_column{float:none!important;width:auto!important;max-width:none!important;margin:0!important}
body.aoc-page-la-qualite-relationnelle #main-content .product-copy{display:block!important;min-width:0!important}
body.aoc-page-la-qualite-relationnelle #main-content .product-copy>.et_pb_module{width:100%!important;max-width:none!important;float:none!important;clear:both!important;margin-left:0!important;margin-right:0!important}
body.aoc-page-la-qualite-relationnelle #main-content .aoc-product-intro .et_pb_text_inner{width:100%!important}

/* Bloc WooCommerce : une seule composition, source de vérité prix/quantité/panier. */
body.aoc-page-la-qualite-relationnelle #main-content .aoc-wc-purchase-module{margin:10px 0 0!important;padding:0!important}
body.aoc-page-la-qualite-relationnelle #main-content .aoc-wc-purchase-module>.et_pb_text_inner{width:100%!important}
body.aoc-page-la-qualite-relationnelle #main-content .aoc-wc-purchase{
  width:100%!important;border-top:1px solid rgba(24,37,48,.14)!important;border-bottom:1px solid rgba(24,37,48,.14)!important;
  padding:26px 0!important;color:#25323A!important;
}
body.aoc-page-la-qualite-relationnelle #main-content .aoc-wc-price-row{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:28px!important;margin:0 0 22px!important}
body.aoc-page-la-qualite-relationnelle #main-content .aoc-wc-price{flex:0 0 auto!important}
body.aoc-page-la-qualite-relationnelle #main-content .aoc-wc-price strong{display:block!important;color:#182530!important;font:500 34px/1.05 Georgia,"Times New Roman",serif!important;white-space:nowrap!important}
body.aoc-page-la-qualite-relationnelle #main-content .aoc-wc-price .woocommerce-Price-currencySymbol{font-size:.78em!important;margin-left:2px!important}
body.aoc-page-la-qualite-relationnelle #main-content .aoc-wc-price small{display:block!important;color:#7b8282!important;font:13px/1.45 Georgia,"Times New Roman",serif!important;margin-top:3px!important;max-width:235px!important}
body.aoc-page-la-qualite-relationnelle #main-content .aoc-wc-format-block{min-width:0!important;flex:1 1 auto!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important}
body.aoc-page-la-qualite-relationnelle #main-content .aoc-wc-format-title{display:block!important;width:100%!important;font:600 11px/1.2 Arial,sans-serif!important;text-transform:uppercase!important;letter-spacing:.16em!important;color:#727b7d!important;margin:0 0 10px!important;text-align:left!important}
body.aoc-page-la-qualite-relationnelle #main-content .aoc-wc-formats{display:flex!important;width:100%!important;gap:10px!important;flex-wrap:wrap!important;justify-content:flex-start!important}
body.aoc-page-la-qualite-relationnelle #main-content .aoc-wc-format{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;padding:0 17px!important;border-radius:999px!important;border:1px solid rgba(24,37,48,.14)!important;background:rgba(255,255,255,.38)!important;color:#445055!important;font:17px/1 Georgia,"Times New Roman",serif!important;white-space:nowrap!important}
body.aoc-page-la-qualite-relationnelle #main-content .aoc-wc-format.is-active{border-color:#D6A23E!important;background:rgba(214,162,62,.13)!important;color:#2d312c!important}
body.aoc-page-la-qualite-relationnelle #main-content .aoc-wc-format.is-info{opacity:.72!important}

body.aoc-page-la-qualite-relationnelle #main-content form.aoc-wc-buy-row{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;margin:0!important;padding:0!important}
body.aoc-page-la-qualite-relationnelle #main-content .aoc-wc-quantity{display:grid!important;grid-template-columns:42px 42px 42px!important;align-items:center!important;height:46px!important;border:1px solid rgba(24,37,48,.14)!important;border-radius:999px!important;overflow:hidden!important;background:rgba(255,255,255,.36)!important}
body.aoc-page-la-qualite-relationnelle #main-content .aoc-wc-qty-button{display:grid!important;place-items:center!important;width:42px!important;height:44px!important;border:0!important;background:transparent!important;color:#667174!important;font:20px/1 Georgia,"Times New Roman",serif!important;cursor:pointer!important;padding:0!important}
body.aoc-page-la-qualite-relationnelle #main-content .aoc-wc-quantity input.qty{display:block!important;width:42px!important;height:44px!important;min-height:44px!important;border:0!important;border-left:1px solid rgba(24,37,48,.08)!important;border-right:1px solid rgba(24,37,48,.08)!important;background:transparent!important;box-shadow:none!important;text-align:center!important;font:14px/1 Arial,sans-serif!important;color:#25323A!important;padding:0!important;-moz-appearance:textfield!important}
body.aoc-page-la-qualite-relationnelle #main-content .aoc-wc-quantity input.qty::-webkit-inner-spin-button,body.aoc-page-la-qualite-relationnelle #main-content .aoc-wc-quantity input.qty::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}
body.aoc-page-la-qualite-relationnelle #main-content button.aoc-wc-add-to-cart,
body.aoc-page-la-qualite-relationnelle #main-content button.aoc-wc-add-to-cart:hover,
body.aoc-page-la-qualite-relationnelle #main-content button.aoc-wc-add-to-cart:focus{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:46px!important;min-height:46px!important;padding:0 25px!important;border:1px solid #D6A23E!important;border-radius:999px!important;background:#D6A23E!important;color:#241A06!important;font:500 17px/1 Georgia,"Times New Roman",serif!important;box-shadow:0 12px 30px rgba(214,162,62,.17)!important;transform:none!important;transition:background-color .18s ease,box-shadow .18s ease!important;cursor:pointer!important}
body.aoc-page-la-qualite-relationnelle #main-content button.aoc-wc-add-to-cart:hover{background:#dea942!important;box-shadow:0 15px 34px rgba(214,162,62,.22)!important}
body.aoc-page-la-qualite-relationnelle #main-content .aoc-wc-reassure{display:flex!important;gap:18px 28px!important;flex-wrap:wrap!important;color:#697375!important;font-size:13px!important;line-height:1.5!important;margin-top:18px!important}
body.aoc-page-la-qualite-relationnelle #main-content .aoc-wc-reassure span:before{content:"•"!important;color:#D6A23E!important;margin-right:9px!important}
body.aoc-page-la-qualite-relationnelle #main-content .aoc-wc-unavailable,body.aoc-page-la-qualite-relationnelle #main-content .aoc-wc-stock-status{padding:18px 20px!important;border:1px solid rgba(24,37,48,.14)!important;border-radius:16px!important;background:rgba(255,255,255,.28)!important;color:#596568!important}

/* Les modules suivants ne doivent pas hériter de la grille d'achat historique. */
body.aoc-page-la-qualite-relationnelle #main-content .promise-grid,
body.aoc-page-la-qualite-relationnelle #main-content .reader-grid,
body.aoc-page-la-qualite-relationnelle #main-content .who-grid,
body.aoc-page-la-qualite-relationnelle #main-content .author-grid,
body.aoc-page-la-qualite-relationnelle #main-content .related-card{isolation:isolate!important}

@media(max-width:900px){
  body.aoc-page-la-qualite-relationnelle #main-content .product-grid{grid-template-columns:1fr!important;gap:45px!important}
  body.aoc-page-la-qualite-relationnelle #main-content .aoc-wc-price-row{align-items:flex-start!important}
}
@media(max-width:620px){
  body.aoc-page-la-qualite-relationnelle #main-content .aoc-wc-price-row{display:block!important}
  body.aoc-page-la-qualite-relationnelle #main-content .aoc-wc-price{margin-bottom:18px!important}
  body.aoc-page-la-qualite-relationnelle #main-content .aoc-wc-format-block{align-items:flex-start!important}
  body.aoc-page-la-qualite-relationnelle #main-content form.aoc-wc-buy-row{display:grid!important;grid-template-columns:126px minmax(0,1fr)!important;gap:12px!important}
  body.aoc-page-la-qualite-relationnelle #main-content button.aoc-wc-add-to-cart{width:100%!important}
}
@media(max-width:430px){
  body.aoc-page-la-qualite-relationnelle #main-content form.aoc-wc-buy-row{grid-template-columns:1fr!important}
  body.aoc-page-la-qualite-relationnelle #main-content .aoc-wc-quantity{width:126px!important}
}


/* V1.5.2 — correction définitive du bloc "Pourquoi ce livre ?"
   La classe .point est portée par le module Texte Divi. L'ancien CSS HTML
   mettait donc le wrapper du module lui-même en grille et coinçait
   .et_pb_text_inner dans une cellule de 58px. */
body.aoc-page-la-qualite-relationnelle #page-container #main-content .points>.et_pb_text.point{
  display:block!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  gap:0!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  padding:23px 0!important;
  margin:0!important;
  border-bottom:1px solid rgba(24,37,48,.14)!important;
}
body.aoc-page-la-qualite-relationnelle #page-container #main-content .points>.et_pb_text.point>.et_pb_text_inner{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:18px!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  align-items:start!important;
}
body.aoc-page-la-qualite-relationnelle #page-container #main-content .points>.et_pb_text.point>.et_pb_text_inner>div{
  min-width:0!important;
  width:100%!important;
}
body.aoc-page-la-qualite-relationnelle #page-container #main-content .points>.et_pb_text.point h3{
  overflow-wrap:normal!important;
  word-break:normal!important;
  white-space:normal!important;
}
body.aoc-page-la-qualite-relationnelle #page-container #main-content .points>.et_pb_text.point p{
  overflow-wrap:normal!important;
  word-break:normal!important;
  white-space:normal!important;
}


/* V1.5.3 — bloc "Pourquoi ce livre ?" isolé des anciennes classes génériques
   .point / .points. Le grid est désormais porté par un enfant HTML unique du
   module Texte Divi, donc aucun wrapper Divi ne peut être placé dans la colonne 58px. */
body.aoc-page-la-qualite-relationnelle #page-container #main-content .promise-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  column-gap:90px!important;
  align-items:start!important;
}
body.aoc-page-la-qualite-relationnelle #page-container #main-content .aoc-why-points{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  border-top:1px solid rgba(24,37,48,.14)!important;
}
body.aoc-page-la-qualite-relationnelle #page-container #main-content .aoc-why-point{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:23px 0!important;
  border-bottom:1px solid rgba(24,37,48,.14)!important;
}
body.aoc-page-la-qualite-relationnelle #page-container #main-content .aoc-why-point>.et_pb_text_inner{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}
body.aoc-page-la-qualite-relationnelle #page-container #main-content .aoc-why-point-grid{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  grid-template-rows:auto!important;
  column-gap:18px!important;
  align-items:start!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}
body.aoc-page-la-qualite-relationnelle #page-container #main-content .aoc-why-point-grid>strong{
  grid-column:1!important;
  grid-row:1!important;
  display:block!important;
  width:auto!important;
  min-width:0!important;
  font-size:13px!important;
  line-height:1.4!important;
  color:#D6A23E!important;
  font-family:Arial,sans-serif!important;
  letter-spacing:.1em!important;
}
body.aoc-page-la-qualite-relationnelle #page-container #main-content .aoc-why-point-copy{
  grid-column:2!important;
  grid-row:1!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}
body.aoc-page-la-qualite-relationnelle #page-container #main-content .aoc-why-point-copy h3{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0 0 5px!important;
  font-size:24px!important;
  line-height:1.2!important;
  font-weight:500!important;
  color:#182530!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  white-space:normal!important;
}
body.aoc-page-la-qualite-relationnelle #page-container #main-content .aoc-why-point-copy p{
  display:block!important;
  width:100%!important;
  max-width:520px!important;
  margin:0!important;
  color:#6a7475!important;
  font-size:15.5px!important;
  line-height:1.65!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  white-space:normal!important;
}
@media(max-width:900px){
  body.aoc-page-la-qualite-relationnelle #page-container #main-content .promise-grid{grid-template-columns:1fr!important;row-gap:45px!important}
}
@media(max-width:520px){
  body.aoc-page-la-qualite-relationnelle #page-container #main-content .aoc-why-point-grid{grid-template-columns:42px minmax(0,1fr)!important;column-gap:12px!important}
  body.aoc-page-la-qualite-relationnelle #page-container #main-content .aoc-why-point-copy h3{font-size:22px!important}
}


/* ======================================================================
   V2.0.1 — CORRECTIF MOBILE BLOC ACHAT
   WooCommerce donne encore float:left à single_add_to_cart_button sur certains
   rendus. On neutralise le float et on sépare explicitement quantité, CTA et
   réassurance pour éviter tout chevauchement sur Chrome Android.
   ====================================================================== */
@media(max-width:620px){
  body.aoc-page-la-qualite-relationnelle #page-container #main-content form.aoc-wc-buy-row{
    display:flex!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    gap:16px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.aoc-page-la-qualite-relationnelle #page-container #main-content .aoc-wc-quantity{
    flex:0 0 auto!important;
    width:126px!important;
    min-width:126px!important;
    max-width:126px!important;
    align-self:center!important;
    margin:0!important;
    float:none!important;
    clear:both!important;
    position:static!important;
  }
  body.aoc-page-la-qualite-relationnelle #page-container #main-content button.single_add_to_cart_button.aoc-wc-add-to-cart,
  body.aoc-page-la-qualite-relationnelle #page-container #main-content button.single_add_to_cart_button.aoc-wc-add-to-cart:hover,
  body.aoc-page-la-qualite-relationnelle #page-container #main-content button.single_add_to_cart_button.aoc-wc-add-to-cart:focus{
    display:flex!important;
    float:none!important;
    clear:both!important;
    position:static!important;
    inset:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:56px!important;
    min-height:56px!important;
    margin:0!important;
    padding:0 22px!important;
    box-sizing:border-box!important;
    font-size:16px!important;
    line-height:1.1!important;
    white-space:normal!important;
    text-align:center!important;
    z-index:auto!important;
  }
  body.aoc-page-la-qualite-relationnelle #page-container #main-content .aoc-wc-reassure{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:8px!important;
    float:none!important;
    clear:both!important;
    position:static!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:24px 0 0!important;
    padding:0!important;
    box-sizing:border-box!important;
    font-size:13px!important;
    line-height:1.45!important;
    overflow:visible!important;
  }
  body.aoc-page-la-qualite-relationnelle #page-container #main-content .aoc-wc-reassure span{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
}
