
/*
Theme Name: AM1 Boutique
Template: storefront
Version: 1.0.0
*/
:root{--am1:#287343;--am1-fond:#edf5ed;--am1-encre:#14232b}
body{font-family:Arial,Helvetica,sans-serif;color:var(--am1-encre);background:#fff}
a{color:var(--am1)}
a:focus,button:focus{outline:3px solid var(--am1);outline-offset:4px}
.site-header{background:#fff;border-bottom:1px solid #e9edf0;padding-top:20px}
.site-header .site-branding img{width:auto;max-width:170px;max-height:100px;object-fit:contain}
.site-header .site-description{display:none}
.site-header .site-search{margin-top:15px}
.main-navigation a{font-weight:700}
.site-content{padding-top:24px}
body.home .woocommerce-breadcrumb{display:none}
body.home .content-area{width:100%;float:none;margin:0}
body.home .widget-area{display:none}
.am1-home h1,.am1-home h2,.am1-home h3{color:var(--am1-encre);font-weight:800}
.am1-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:38px;
padding:48px;border-radius:26px;background:var(--am1-fond);margin:0 0 64px}
.am1-eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--am1);margin-bottom:18px}
.am1-hero h1{font-size:clamp(36px,4.5vw,62px);line-height:1.04;letter-spacing:-2px;margin-bottom:24px}
.am1-intro{font-size:17px;line-height:1.7;max-width:490px}
.am1-logo-panel{background:#fff;border-radius:22px;overflow:hidden}
.am1-logo-panel img{width:100%;height:auto;display:block}
.am1-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:28px}
.button,button,input[type=submit],.added_to_cart{
background:var(--am1);color:#fff;border-radius:8px}
.button:hover,button:hover,input[type=submit]:hover{background:#14232b;color:#fff}
.am1-link{font-weight:700;text-decoration:underline}
.am1-section{margin-bottom:64px}
.am1-section h2,.am1-local h2{font-size:32px;letter-spacing:-1px}
.am1-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.am1-category{display:flex;align-items:center;justify-content:space-between;gap:16px;
min-height:110px;padding:24px;border:1px solid #dce5e8;border-radius:14px;
font-size:18px;font-weight:700;color:var(--am1-encre);transition:transform .2s,background .2s}
.am1-category:hover{background:var(--am1-fond);transform:translateY(-3px)}
.am1-empty{padding:32px;border:1px dashed #bac9d0;border-radius:16px;background:#fafcfd}
.am1-empty h3{font-size:22px;margin-bottom:10px}
.am1-empty p{margin-bottom:0}
.am1-local{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:center;
padding:40px;border-radius:22px;background:var(--am1-fond);margin-bottom:40px}
.am1-other{display:block;padding:24px;border-radius:12px;background:#fff;line-height:1.8}
.am1-other strong{font-size:21px}
.site-footer{background:#f5f7f8;color:#34444d}
.am1-credit{padding-top:22px;font-size:14px}
@media(max-width:767px){
.am1-hero{grid-template-columns:1fr;padding:26px;gap:26px;margin-bottom:40px}
.am1-logo-panel{max-width:360px;width:100%;justify-self:center}
.am1-hero h1{letter-spacing:-1px}
.am1-local{grid-template-columns:1fr;padding:26px}
.am1-section{margin-bottom:40px}
.am1-section h2,.am1-local h2{font-size:27px}
}

/* BEGIN AM1 REFONTE */
:root{
 --am1:#36733b;
 --am1-fond:#e8f5d8;
 --am1-fort:#bfe492;
 --am1-encre:#182823;
}
body{
 background:#fff;
 color:var(--am1-encre);
 font-family:Arial,Helvetica,sans-serif;
}
.site-header{
 background:var(--am1-fond);
 border:0;
 padding-top:18px;
 margin-bottom:0;
}
.site-header .site-branding img{
 width:auto;max-width:145px;max-height:110px;
 object-fit:contain;
}
.site-header .site-description{display:none}
.site-header .site-search{margin-top:20px}
.site-search .widget_product_search form::before{color:var(--am1)}
.site-search input.search-field{
 background:rgba(255,255,255,.8);
 border:1px solid rgba(0,0,0,.08);
 border-radius:50px;
 box-shadow:none;
}
.storefront-primary-navigation{background:transparent}
.main-navigation ul li a,.site-header-cart .cart-contents{
 color:var(--am1-encre);
 font-weight:700;
}
.main-navigation ul li a:hover{color:var(--am1)}
.main-navigation ul.menu>li>a{
 padding-top:18px;padding-bottom:18px;
}
.site-content{padding-top:28px}
body.home .woocommerce-breadcrumb{display:none}
body.home .content-area{width:100%;float:none;margin:0}
body.home .widget-area{display:none}

.am1-hero{
 display:grid;
 grid-template-columns:1fr 1.05fr;
 align-items:center;
 gap:12px;
 padding:42px 48px;
 background:var(--am1-fort);
 border-radius:32px;
 min-height:560px;
 margin-bottom:64px;
 overflow:hidden;
}
.am1-home h1,.am1-home h2,.am1-home h3{
 color:var(--am1-encre);
 font-weight:800;
}
.am1-eyebrow{
 color:var(--am1);
 font-size:11px;
 font-weight:800;
 letter-spacing:2px;
 margin-bottom:20px;
}
.am1-hero .am1-eyebrow{color:var(--am1-encre)}
.am1-hero h1{
 font-size:clamp(40px,5vw,68px);
 line-height:1.02;
 letter-spacing:-2.8px;
 margin-bottom:24px;
 max-width:540px;
}
.am1-intro{
 font-size:17px;
 line-height:1.75;
 max-width:430px;
 margin-bottom:0;
}
.am1-logo-panel{
 background:transparent;
 border:0;
 border-radius:0;
 overflow:visible;
 box-shadow:none;
}
.am1-logo-panel img{
 width:100%;
 height:auto;
 max-height:540px;
 object-fit:contain;
 display:block;
}
.am1-actions{
 display:flex;align-items:center;
 flex-wrap:wrap;gap:22px;margin-top:30px;
}
.button,button,input[type=submit],.added_to_cart{
 background:var(--am1-encre);
 color:#fff;
 border:0;
 border-radius:50px;
 padding:14px 24px;
 box-shadow:none;
 font-weight:700;
}
.button:hover,button:hover,input[type=submit]:hover{
 background:var(--am1);color:#fff;
}
a{color:var(--am1)}
a:focus,button:focus{
 outline:3px solid var(--am1);outline-offset:4px;
}
.am1-link{
 color:var(--am1-encre);
 font-size:14px;font-weight:700;
 text-decoration:underline;text-underline-offset:5px;
}
.am1-section{margin-bottom:64px}
.am1-section h2,.am1-local h2{
 font-size:34px;letter-spacing:-1.2px;margin-bottom:26px;
}
.am1-categories{
 display:grid;
 grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
 gap:16px;
}
.am1-category{
 display:flex;align-items:center;justify-content:space-between;
 gap:18px;min-height:130px;padding:26px;
 border:0;border-radius:20px;
 background:var(--am1-fond);
 color:var(--am1-encre);
 font-size:19px;font-weight:700;
 transition:transform .2s,background .2s;
}
.am1-category:hover{
 background:var(--am1-fort);
 transform:translateY(-4px);
 color:var(--am1-encre);
}
.am1-category span:last-child{
 display:grid;place-items:center;
 width:34px;height:34px;flex-shrink:0;
 border-radius:50%;background:#fff;
}
.am1-empty{
 padding:34px;
 border:1px solid #e1e8e4;
 border-radius:20px;
 background:#fafcfb;
}
.am1-empty h3{font-size:22px;margin-bottom:10px}
.am1-empty p{margin:0}
.am1-local{
 display:grid;grid-template-columns:1.4fr 1fr;
 align-items:center;gap:32px;
 padding:42px;background:var(--am1-fond);
 border-radius:26px;margin-bottom:40px;
}
.am1-local p:last-child{margin-bottom:0}
.am1-other{
 display:block;
 padding:28px;border:0;border-radius:18px;
 background:#fff;color:var(--am1-encre);line-height:1.9;
}
.am1-other strong{font-size:22px}
.site-footer{
 background:var(--am1-fond);color:var(--am1-encre);
 padding-top:30px;padding-bottom:30px;
}
.am1-credit{font-size:14px;margin-bottom:0}
ul.products li.product img{border-radius:18px}
.woocommerce-info{background:var(--am1)}
@media(min-width:768px){
 .site-header .site-branding{margin-bottom:12px}
}
@media(max-width:767px){
 .site-header{padding-top:14px}
 .site-header .site-branding img{max-height:85px;max-width:115px}
 .am1-hero{
  grid-template-columns:1fr;min-height:0;
  padding:30px 24px;gap:24px;
  border-radius:24px;margin-bottom:42px;
 }
 .am1-hero h1{font-size:44px;letter-spacing:-1.8px}
 .am1-intro{font-size:16px}
 .am1-logo-panel{width:100%;max-width:370px;justify-self:center}
 .am1-logo-panel img{max-height:390px}
 .am1-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .am1-category{padding:18px;min-height:110px;font-size:16px}
 .am1-category span:last-child{width:28px;height:28px}
 .am1-local{grid-template-columns:1fr;padding:26px;gap:24px}
 .am1-section{margin-bottom:42px}
 .am1-section h2,.am1-local h2{font-size:28px}
}
@media(prefers-reduced-motion:reduce){
 .am1-category{transition:none}
 .am1-category:hover{transform:none}
}
/* END AM1 REFONTE */

/* BEGIN RAPPEL AM1 */
.am1-other {
    background:#9acdf1;
    color:#245c87;
}
.am1-other:hover {
    background:#9acdf1;
    color:#245c87;
    text-decoration:underline;
    text-underline-offset:4px;
}
.am1-credit a {
    display:inline-block;
    background:#9acdf1;
    color:#245c87;
    padding:5px 14px;
    border-radius:20px;
    font-weight:700;
}
/* END RAPPEL AM1 */

/* LOGO RAPPEL AM1 */
.am1-other{
    text-align:center;
}
.am1-other-logo{
    display:block;
    width:220px;
    max-width:100%;
    height:auto;
    margin:12px auto 0;
    object-fit:contain;
}

/* BEGIN AM1 CARTE SOCIALE */
.am1-business-card{
    background:var(--am1-carte-fond);
    color:var(--am1-carte-texte);
    border-radius:24px;
    padding:26px;
    text-align:center;
}
.am1-card-label{
    margin:0 0 12px;
    font-size:12px;
    font-weight:700;
    letter-spacing:1px;
}
.am1-card-brand{
    display:block;
    border-radius:12px;
}
.am1-business-card .am1-other-logo{
    display:block;
    width:200px;
    max-width:100%;
    height:auto;
    margin:0 auto 20px;
}
.am1-card-website{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:12px 18px;
    background:#fff;
    color:var(--am1-carte-texte);
    border-radius:50px;
    font-size:14px;
    font-weight:700;
}
.am1-socials{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px;
    margin-top:16px;
}
.am1-socials a{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:44px;
    padding:9px 12px;
    border-radius:12px;
    color:var(--am1-carte-texte);
    font-size:13px;
    font-weight:700;
}
.am1-socials svg{
    width:23px;
    height:23px;
    flex-shrink:0;
}
.am1-socials a:hover,
.am1-card-website:hover{
    background:rgba(255,255,255,.75);
    color:var(--am1-carte-texte);
    text-decoration:underline;
    text-underline-offset:4px;
}
body.am1-worldbike .am1-business-card{
    --am1-carte-fond:#9acdf1;
    --am1-carte-texte:#245c87;
}
body.am1-worldwide .am1-business-card{
    --am1-carte-fond:#bfe492;
    --am1-carte-texte:#36733b;
}
/* END AM1 CARTE SOCIALE */

.am1-business-card{--am1-carte-fond:#9acdf1;--am1-carte-texte:#245c87;}

/* BEGIN AM1 DEUX CARTES */
.am1-local{
    display:block;
}
.am1-local > div:first-child{
    margin-bottom:28px;
}
.am1-local .am1-visiting-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;
    align-items:stretch;
    margin-bottom:0;
}
.am1-visiting-grid > *{
    min-width:0;
    margin:0;
}
.am1-roxane-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:26px;
    border-radius:24px;
    background:#fcf0e4;
    color:#44392f;
    text-align:center;
}
.am1-roxane-card > a:first-of-type{
    display:block;
    width:200px;
    max-width:100%;
    margin:0 auto 20px;
}
.am1-roxane-card img{
    display:block;
    width:100%;
    height:auto;
}
.am1-roxane-link{
    display:block;
    width:100%;
    padding:12px 18px;
    border-radius:50px;
    background:#fff;
    color:#44392f;
    font-size:14px;
    font-weight:700;
    margin-top:auto;
}
.am1-roxane-link:hover{
    color:#44392f;
    text-decoration:underline;
    text-underline-offset:4px;
}
@media(max-width:600px){
    .am1-local .am1-visiting-grid{
        grid-template-columns:1fr;
    }
}
/* END AM1 DEUX CARTES */

/* Ordre des cartes : AM1 puis Born To Be Fripe */
.am1-visiting-grid > .am1-business-card{order:1}
.am1-visiting-grid > .am1-roxane-card{order:2}
