/* AuGré France — cohérence globale v0.4.6
   DM Sans = interface / lecture. Cormorant Garamond = signature éditoriale. */
:root{--augre-green:#425843;--augre-green-dark:#334536;--augre-ink:#272a25;--augre-cream:#f7f4ed;--augre-white:#fff;--augre-line:#dedfd8;--augre-main:"DM Sans",Arial,sans-serif;--augre-accent:"Cormorant Garamond",Georgia,serif}
html body,body button,body input,body select,body textarea{font-family:var(--augre-main)}
body h1,body h2,body h3,body h4,body h5,body h6{font-family:var(--augre-main);letter-spacing:-.018em}

/* En-tête : même langage visuel sur toutes les pages. */
body header.wp-block-template-part,body #masthead,body .site-header{border-bottom:1px solid var(--augre-line);background:color-mix(in srgb,var(--augre-white) 96%,transparent);box-shadow:0 8px 26px rgba(40,45,37,.035)}
body .wp-block-site-title a,body .site-title a,body .custom-logo-link+*{font-family:var(--augre-accent);font-weight:600;letter-spacing:-.025em;text-decoration:none;color:var(--augre-ink);font-size:clamp(25px,2.4vw,34px);line-height:1}
body .wp-block-site-title a,body .site-title a{display:inline-flex;align-items:center;min-height:44px;padding:5px 12px;border:1px solid color-mix(in srgb,var(--augre-green) 24%,var(--augre-line));border-radius:12px;background:var(--augre-white)}

/* Navigation historique pour les thèmes classiques (.main-navigation) uniquement.
   Le menu natif Gutenberg du header AuGré utilise son style compact actuel. */
body .wp-block-navigation,body .main-navigation,body nav[aria-label="Navigation"]{font-family:var(--augre-main)}
body .main-navigation .menu-item>a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 13px!important;border:1px solid var(--augre-line);border-radius:999px;background:#fff;color:var(--augre-ink);font-weight:600;text-decoration:none;line-height:1.15;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}
body .main-navigation .menu-item>a:hover{background:var(--augre-cream);border-color:#c7cec2;color:var(--augre-green-dark);transform:translateY(-1px)}
body .main-navigation .current-menu-item>a{background:var(--augre-green);border-color:var(--augre-green);color:#fff;font-weight:700}

/* Titres de pages : cadre centré cohérent avec l'espace professionnel. */
body.page:not(.augre-pro-page) .wp-block-post-title,body.page:not(.augre-pro-page) .entry-header>.entry-title,body.page:not(.augre-pro-page) .page-header>.page-title{box-sizing:border-box;max-width:980px;margin:28px auto 28px!important;padding:26px clamp(18px,4vw,42px);border:1px solid var(--augre-line);border-radius:18px;background:var(--augre-cream);text-align:center;color:var(--augre-ink);font-size:clamp(32px,5vw,52px);line-height:1.08}

/* Accueil : cadrage du premier bandeau sans réécrire le contenu. */
body.home main,body.home .wp-site-blocks>main{color:var(--augre-ink)}
body.home main>.wp-block-group:first-child,body.home .wp-site-blocks>main>.wp-block-group:first-child,body.home main>.wp-block-cover:first-child{box-sizing:border-box;max-width:min(1180px,calc(100% - 32px));margin:24px auto 34px!important;border:1px solid var(--augre-line);border-radius:20px;overflow:hidden;box-shadow:0 18px 45px rgba(40,45,37,.06)}
body.home .wp-block-button__link,body.home a.wp-element-button{border-radius:999px;min-height:44px;padding:.8em 1.35em;font-family:var(--augre-main);font-weight:700}
body.home .wp-block-image img,body.home .wp-block-cover,body.home .wp-block-media-text__media img{border-radius:14px}
body.home .is-style-plain,body.home .augre-accent{font-family:var(--augre-accent)}

@media(max-width:782px){
  body .wp-block-navigation__responsive-container-content{font-family:var(--augre-main)}
  body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{width:100%;justify-content:flex-start;border-radius:10px;margin:3px 0}
  body.page:not(.augre-pro-page) .wp-block-post-title,body.page:not(.augre-pro-page) .entry-header>.entry-title,body.page:not(.augre-pro-page) .page-header>.page-title{margin:16px 12px 22px!important;padding:20px 16px;border-radius:14px}
  body.home main>.wp-block-group:first-child,body.home .wp-site-blocks>main>.wp-block-group:first-child,body.home main>.wp-block-cover:first-child{max-width:calc(100% - 20px);margin:12px auto 24px!important;border-radius:15px}
  body.home .wp-block-group{padding-left:min(5vw,20px);padding-right:min(5vw,20px)}
}


/* v0.4.7 — Mon compte, boutique et recherche */
body.woocommerce-account .woocommerce{max-width:1100px;margin:28px auto;padding:0 20px;display:grid;grid-template-columns:250px minmax(0,1fr);gap:26px;align-items:start}body.woocommerce-account .woocommerce-MyAccount-navigation{border:1px solid var(--augre-line);border-radius:16px;background:var(--augre-cream);padding:10px}body.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0}body.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:12px 14px;border-radius:10px;color:var(--augre-ink);text-decoration:none;font-weight:600}body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{background:var(--augre-green);color:#fff}body.woocommerce-account .woocommerce-MyAccount-content{border:1px solid var(--augre-line);border-radius:16px;background:#fff;padding:clamp(20px,4vw,38px);min-height:300px}
.augre-public-description{max-width:1180px;margin:28px auto;padding:28px;border:1px solid var(--augre-line);border-radius:16px;background:#fff}.augre-public-description h2{margin-top:0}.augre-product-specs{margin-top:22px;padding:20px;border-radius:12px;background:var(--augre-cream)}.augre-product-specs h3{margin-top:0}.augre-product-specs li{margin:.45em 0}
.augre-shop-tools{margin:0 0 30px}.augre-shop-categories{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.augre-shop-categories a{display:grid;gap:5px;padding:20px;border:1px solid var(--augre-line);border-radius:14px;background:var(--augre-cream);color:var(--augre-ink);text-decoration:none}.augre-shop-categories a strong{font-size:22px}.augre-public-search{padding:18px;border:1px solid var(--augre-line);border-radius:14px;background:#fff}.augre-public-search>label{display:block;font-weight:700;margin-bottom:8px}.augre-public-search>div:first-of-type{display:grid;grid-template-columns:1fr auto;gap:10px}.augre-public-search input{min-height:46px;border:1px solid #cbd1c5;border-radius:9px;padding:10px 12px;font:inherit}.augre-public-search button{min-height:46px;border:0;border-radius:9px;padding:0 18px;background:var(--augre-green);color:#fff;font-weight:700}.augre-search-results{margin-top:10px;border:1px solid var(--augre-line);border-radius:10px;overflow:hidden}.augre-search-item{display:flex;gap:12px;align-items:center;padding:10px 12px;color:inherit;text-decoration:none;border-bottom:1px solid #eee}.augre-search-item:last-child{border-bottom:0}.augre-search-item img{width:52px;height:62px;object-fit:contain}.augre-search-item span{display:grid;gap:3px}.augre-search-item small{color:#6c7168}
/* wordmark plus net à gauche */
body .wp-block-site-title a,body .site-title a{font-family:var(--augre-accent);font-size:clamp(27px,2.6vw,38px);padding:7px 14px;border-radius:14px;box-shadow:0 5px 16px rgba(45,52,44,.05)}body .wp-block-site-title a::after,body .site-title a::after{content:"FRANCE";font-family:var(--augre-main);font-size:9px;letter-spacing:.22em;margin-left:8px;color:var(--augre-green)}
@media(max-width:780px){body.woocommerce-account .woocommerce{grid-template-columns:1fr;padding:0 12px}.augre-shop-categories{grid-template-columns:1fr}.augre-public-search>div:first-of-type{grid-template-columns:1fr}.augre-public-search button{width:100%}}


/* v0.4.8 — boutique détail : mannequin en premier, photo produit au survol */
body.woocommerce-shop ul.products li.product a.woocommerce-loop-product__link,
body.tax-product_cat ul.products li.product a.woocommerce-loop-product__link,
body.tax-product_tag ul.products li.product a.woocommerce-loop-product__link{position:relative;display:block}
body.woocommerce-shop ul.products li.product .augre-loop-second-image,
body.tax-product_cat ul.products li.product .augre-loop-second-image,
body.tax-product_tag ul.products li.product .augre-loop-second-image{
 position:absolute;left:0;top:0;width:100%;height:auto;opacity:0;z-index:2;background:#fff;
 transition:opacity .24s ease;pointer-events:none;object-fit:contain
}
@media(any-hover:hover){
 body.woocommerce-shop ul.products li.product a.woocommerce-loop-product__link:hover .augre-loop-second-image,
 body.tax-product_cat ul.products li.product a.woocommerce-loop-product__link:hover .augre-loop-second-image,
 body.tax-product_tag ul.products li.product a.woocommerce-loop-product__link:hover .augre-loop-second-image{opacity:1}
}
.augre-account-link{display:inline-flex!important;align-items:center;gap:6px;flex-wrap:wrap}
.augre-connected-name{display:inline-block;font-size:11px;line-height:1;padding:5px 7px;border-radius:999px;background:#eef1e8;color:var(--augre-green-dark,#354637);font-weight:700}
@media(max-width:700px){.augre-connected-name{font-size:10px;padding:4px 6px}}


/* v0.4.10 — la photo 2 est superposée à la photo 1 dans TOUS les grids WooCommerce.
   Elle ne doit jamais apparaître comme une deuxième ligne sous la photo principale. */
.woocommerce ul.products li.product a.woocommerce-loop-product__link,
.woocommerce-page ul.products li.product a.woocommerce-loop-product__link,
ul.products li.product a.woocommerce-loop-product__link{
    position:relative;
    display:block;
}
.woocommerce ul.products li.product .augre-loop-second-image,
.woocommerce-page ul.products li.product .augre-loop-second-image,
ul.products li.product .augre-loop-second-image{
    position:absolute !important;
    inset:0 auto auto 0;
    width:100% !important;
    height:auto !important;
    margin:0 !important;
    opacity:0 !important;
    z-index:3;
    object-fit:contain;
    background:#fff;
    pointer-events:none;
    transition:opacity .22s ease;
}
@media (any-hover:hover){
  .woocommerce ul.products li.product a.woocommerce-loop-product__link:hover .augre-loop-second-image,
  .woocommerce-page ul.products li.product a.woocommerce-loop-product__link:hover .augre-loop-second-image,
  ul.products li.product a.woocommerce-loop-product__link:hover .augre-loop-second-image{
      opacity:1 !important;
  }
}
/* En tactile, pas de faux survol : on garde seulement la photo 1. */
@media (hover:none){
  .augre-loop-second-image{display:none !important;}
}


/* v0.4.13 — WooCommerce Product Collection / Blocks.
   La 2e photo injectée par AuGré est déplacée par site.js DANS le lien image,
   puis superposée à la photo 1. Elle ne doit plus créer une deuxième ligne. */
.wc-block-product .wc-block-components-product-image a.augre-hover-media,
.wp-block-woocommerce-product-template .wc-block-product .wc-block-components-product-image a.augre-hover-media{
  position:relative !important;
  display:block !important;
  overflow:hidden !important;
}
.wc-block-product .wc-block-components-product-image a.augre-hover-media > .augre-loop-second-image,
.wp-block-woocommerce-product-template .wc-block-product .wc-block-components-product-image a.augre-hover-media > .augre-loop-second-image{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:contain !important;
  object-position:center !important;
  background:#fff !important;
  opacity:0 !important;
  z-index:6 !important;
  pointer-events:none !important;
  transition:opacity .22s ease !important;
}
@media (any-hover:hover){
  .wc-block-product .wc-block-components-product-image a.augre-hover-media:hover > .augre-loop-second-image,
  .wp-block-woocommerce-product-template .wc-block-product .wc-block-components-product-image a.augre-hover-media:hover > .augre-loop-second-image{
    opacity:1 !important;
  }
}
@media (hover:none){
  .wc-block-product .wc-block-components-product-image .augre-loop-second-image,
  .wp-block-woocommerce-product-template .wc-block-product .wc-block-components-product-image .augre-loop-second-image{
    display:none !important;
  }
}


/* v0.4.15 — footer AuGré France : remplace le footer générique WordPress. */
body > .wp-site-blocks > footer.wp-block-template-part,
body footer.site-footer,
body footer#colophon{
  display:none !important;
}
.augre-site-footer{
  margin-top:clamp(32px,6vw,72px);
  border-top:1px solid var(--augre-line,#dde1d8);
  background:#f7f5ef;
  color:var(--augre-ink,#1d211d);
  font-family:var(--augre-main,"DM Sans",sans-serif);
}
.augre-site-footer__inner{
  width:min(1180px,calc(100% - 40px));
  margin:0 auto;
  padding:28px 0 24px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:22px 34px;
}
.augre-site-footer__brand{
  display:inline-flex;
  flex-direction:column;
  align-items:flex-start;
  color:inherit;
  text-decoration:none;
  line-height:.9;
}
.augre-site-footer__brand span{
  font-family:"Cormorant Garamond",serif;
  font-size:30px;
  font-weight:600;
  letter-spacing:.01em;
}
.augre-site-footer__brand small{
  margin-top:6px;
  font-size:9px;
  font-weight:700;
  letter-spacing:.28em;
}
.augre-site-footer__nav{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:8px 18px;
}
.augre-site-footer__nav a{
  color:inherit !important;
  text-decoration:none !important;
  font-size:13px;
  font-weight:600;
  padding:4px 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  min-height:0 !important;
  transform:none !important;
}
.augre-site-footer__nav a:hover{
  text-decoration:underline !important;
  color:var(--augre-green-dark,#354637) !important;
}
.augre-site-footer__copy{
  margin:0;
  white-space:nowrap;
  font-size:11px;
  color:#6a6f68;
}
@media(max-width:720px){
  .augre-site-footer__inner{
    width:min(100% - 30px,620px);
    padding:22px 0 20px;
    grid-template-columns:1fr;
    gap:14px;
    text-align:center;
  }
  .augre-site-footer__brand{align-items:center;justify-self:center}
  .augre-site-footer__brand span{font-size:27px}
  .augre-site-footer__nav{
    justify-content:center;
    gap:7px 14px;
  }
  .augre-site-footer__nav a{font-size:12px}
  .augre-site-footer__copy{white-space:normal;font-size:10px}
}
