/* Abonnéo — demonstration shop. Same palette and typefaces as the pikali.fr page. */
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/inter-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/inter-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:Syne;font-style:normal;font-weight:600;font-display:swap;src:url(fonts/syne-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Syne;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/syne-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:Syne;font-style:normal;font-weight:800;font-display:swap;src:url(fonts/syne-latin-800-normal.woff2) format("woff2")}

:root{--ab-primary:#6d28d9;--ab-light:#8b5cf6;--ab-accent:#f97316;--ab-ink:#1e1238;--ab-text:#3f3a4d;--ab-muted:#6b6580;--ab-soft:#f6f3ff;--ab-line:#e7e1f5;--ab-radius:14px}

body.abonneo-demo{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ab-text);background:#fff;-webkit-font-smoothing:antialiased}
body.abonneo-demo h1,body.abonneo-demo h2,body.abonneo-demo h3,body.abonneo-demo .product_title,body.abonneo-demo .entry-title{font-family:Syne,Inter,sans-serif;color:var(--ab-ink);letter-spacing:-.01em}
body.abonneo-demo a{color:var(--ab-primary)}
body.abonneo-demo a:focus-visible,body.abonneo-demo button:focus-visible{outline:3px solid var(--ab-light);outline-offset:2px}

/* Header */
.abonneo-demo .site-header{background:#fff;border-bottom:1px solid var(--ab-line);padding-top:1.1em;margin-bottom:0}
.abonneo-demo .site-header>.col-full{display:flex;flex-wrap:wrap;align-items:center;column-gap:1.5em;padding-bottom:.6em}
.abonneo-demo .abonneo-demo-brand{display:flex;align-items:center;gap:.9em;margin:0!important;float:none!important;width:auto!important}
.abonneo-demo .abonneo-demo-brand img{height:52px;width:auto;display:block}
.abonneo-demo-brand__tag{font-size:.78rem;font-weight:600;color:var(--ab-primary);background:var(--ab-soft);border-radius:999px;padding:.25em .8em;white-space:nowrap}
.abonneo-demo-actions{margin-left:auto;display:flex;align-items:center;gap:.9em}
.abonneo-demo-lang{display:flex;border:1px solid var(--ab-line);border-radius:999px;padding:3px}
.abonneo-demo-lang a{font-size:.8rem;font-weight:700;color:var(--ab-muted)!important;text-decoration:none!important;padding:.3em .75em;border-radius:999px}
.abonneo-demo-lang a.is-current{background:var(--ab-ink);color:#fff!important}
.abonneo-demo .storefront-primary-navigation{background:transparent}
.abonneo-demo .site-header .secondary-navigation{display:none}
.abonneo-demo .main-navigation ul li a,.abonneo-demo .site-header-cart .cart-contents{color:var(--ab-ink);font-weight:500}
.abonneo-demo .main-navigation ul li a:hover,.abonneo-demo .main-navigation ul li.current-menu-item>a{color:var(--ab-primary)}
.abonneo-demo .site-header-cart .cart-contents .count{color:var(--ab-muted)}
.abonneo-demo .menu-toggle{border-color:var(--ab-line);color:var(--ab-ink)}

/* Buttons (WooCommerce, Storefront, Abonnéo panel) */
.abonneo-demo .button,.abonneo-demo button.button,.abonneo-demo input[type=submit],.abonneo-demo .wc-block-components-button:not(.is-link),.abonneo-demo .added_to_cart,.abonneo-demo-btn{background:var(--ab-primary);border:0;border-radius:10px;color:#fff!important;font-weight:600;text-decoration:none!important;transition:background .15s}
.abonneo-demo .button:hover,.abonneo-demo button.button:hover,.abonneo-demo input[type=submit]:hover,.abonneo-demo-btn:hover{background:#5b21b6;color:#fff}
.abonneo-demo .button.alt,.abonneo-demo button.button.alt,.abonneo-demo #place_order{background:var(--ab-accent)}
.abonneo-demo .button.alt:hover,.abonneo-demo #place_order:hover{background:#ea6a0c}
.abonneo-demo-btn{display:inline-block;padding:.85em 1.5em;font-size:1rem;line-height:1.2}
.abonneo-demo-btn--small{padding:.55em 1.05em;font-size:.88rem}
.abonneo-demo-btn--ghost{background:#fff;color:var(--ab-ink)!important;box-shadow:inset 0 0 0 1.5px var(--ab-line)}
.abonneo-demo-btn--ghost:hover{background:var(--ab-soft);color:var(--ab-ink)!important}
.abonneo-demo-btn--light{background:#fff;color:var(--ab-primary)!important}
.abonneo-demo-btn--light:hover{background:var(--ab-soft);color:var(--ab-primary)!important}

/* Products */
.abonneo-demo ul.products li.product img{border-radius:var(--ab-radius);margin-bottom:.9em}
.abonneo-demo ul.products li.product .woocommerce-loop-product__title{font-family:Inter,sans-serif;font-weight:600;color:var(--ab-ink);font-size:1rem}
.abonneo-demo ul.products li.product .price,.abonneo-demo .summary .price{color:var(--ab-primary);font-weight:700}
.abonneo-demo .onsale{border-color:var(--ab-accent);color:var(--ab-accent)}
.abonneo-demo .woocommerce-product-gallery img{border-radius:var(--ab-radius)}
.abonneo-demo .storefront-breadcrumb{display:none}
.abonneo-demo .site-content{padding-top:2em}

/* Footer */
.abonneo-demo .site-footer{background:var(--ab-ink);color:#d9d2ee;padding:2.2em 0}
.abonneo-demo .site-footer a{color:#fff}
.abonneo-demo-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1em;font-size:.9rem}
.abonneo-demo-footer p{margin:0}

/* Home */
.home.abonneo-demo .site-content{padding-top:0}
.home.abonneo-demo #content>.col-full{max-width:none;padding:0;margin:0}
.home.abonneo-demo .content-area{width:100%;float:none;margin:0}
.home.abonneo-demo .site-main{margin-bottom:0}
.home.abonneo-demo .site-header{margin-bottom:0!important}
.abonneo-home{overflow:hidden}
.abonneo-home>section{padding:4.5em max(1.5em,calc(50vw - 560px))}
.ah-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:3em;align-items:center;background:radial-gradient(circle at 85% 20%,rgba(139,92,246,.18),transparent 45%),linear-gradient(180deg,#faf8ff,#fff)}
.ah-eyebrow{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ab-primary);background:#fff;border:1px solid var(--ab-line);border-radius:999px;padding:.4em 1em;margin-bottom:1.2em}
.ah-title{font-size:clamp(2rem,3.6vw,2.9rem);line-height:1.08;font-weight:700;margin:0 0 .5em}
.ah-title span{display:block;color:var(--ab-primary)}
.ah-lead{font-size:1.12rem;line-height:1.6;color:var(--ab-text);max-width:36em}
.ah-ctas{display:flex;flex-wrap:wrap;gap:.8em;margin:1.6em 0 1em}
.ah-note{font-size:.88rem;color:var(--ab-muted);margin:0}
.ah-hero__visual{position:relative;max-width:480px;justify-self:center;width:100%}
.ah-hero__photo{width:100%;height:auto;border-radius:24px;box-shadow:0 30px 60px -30px rgba(46,16,101,.45)}
.ah-card{position:absolute;left:-2.2em;bottom:-1.6em;width:min(300px,82%);background:#fff;border-radius:18px;padding:1.2em 1.3em;box-shadow:0 20px 50px -18px rgba(46,16,101,.45);border:1px solid var(--ab-line)}
.ah-card p{margin:0}
.ah-card__head{font-size:.8rem;font-weight:600;color:var(--ab-muted)}
.ah-card__price{font-family:Syne,sans-serif;font-weight:700;font-size:1.3rem;white-space:nowrap;color:var(--ab-ink);margin-top:.15em!important}
.ah-card__sub{font-size:.85rem;color:var(--ab-text);margin-bottom:.7em!important}
.ah-card__row{display:flex;justify-content:space-between;font-size:.85rem;border-top:1px solid var(--ab-line);padding:.45em 0}
.ah-card__btn{display:block;text-align:center;margin-top:.6em;background:var(--ab-primary);color:#fff;border-radius:10px;padding:.6em;font-weight:600}
.ah-h2{font-size:clamp(1.7rem,3vw,2.3rem);text-align:center;margin:0 0 1.2em;font-weight:700}
.ah-sub{text-align:center;max-width:44em;margin:-.6em auto 2.2em;color:var(--ab-muted)}
.ah-try{background:#fff}
.ah-try__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4em}
.ah-step{border:1px solid var(--ab-line);border-radius:18px;padding:1.6em;display:flex;flex-direction:column;background:#fff;transition:box-shadow .2s,border-color .2s}
.ah-step:hover{border-color:var(--ab-light);box-shadow:0 18px 40px -24px rgba(109,40,217,.5)}
.ah-step__n{width:2.1em;height:2.1em;border-radius:10px;background:var(--ab-primary);color:#fff;font-weight:800;display:grid;place-items:center;margin-bottom:1em}
.ah-step:nth-child(3) .ah-step__n{background:var(--ab-accent)}
.ah-step h3{font-size:1.2rem;margin:0 0 .5em}
.ah-step p{flex:1;color:var(--ab-text);line-height:1.55}
.ah-step__link{font-weight:700;text-decoration:none!important}
.ah-try__more{text-align:center;margin:2em 0 0;color:var(--ab-muted)}
.ah-shop{background:var(--ab-soft)}
.ah-shop ul.products{margin-bottom:0}
.ah-points{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5em;background:#fff}
.ah-points div{display:flex;flex-direction:column;gap:.3em;border-left:3px solid var(--ab-light);padding-left:1em}
.ah-points strong{color:var(--ab-ink)}
.ah-points span{color:var(--ab-muted);font-size:.92rem}
.ah-cta{background:linear-gradient(120deg,var(--ab-primary),var(--ab-light));text-align:center}
.ah-cta h2{color:#fff!important;margin:0 0 .8em;font-size:clamp(1.6rem,3vw,2.2rem)}

@media (max-width:900px){
 .ah-hero{grid-template-columns:1fr;gap:3em}
 .ah-try__grid{grid-template-columns:1fr}
 .ah-points{grid-template-columns:1fr 1fr}
 .ah-card{left:auto;right:.8em;bottom:-1.2em}
}
@media (max-width:640px){
 .abonneo-home>section{padding:3em 1.25em}
 .abonneo-demo .abonneo-demo-brand img{height:40px}
 .abonneo-demo-brand__tag{display:none}
 .abonneo-demo-actions .abonneo-demo-btn--small{display:none}
 .ah-points{grid-template-columns:1fr}
 .ah-ctas .abonneo-demo-btn{flex:1 1 100%;text-align:center}
 .ah-hero__visual{max-width:360px}
 .ah-card{position:relative;left:auto;right:auto;bottom:auto;margin:-4.5em auto 0;width:88%}
 .abonneo-demo-footer{flex-direction:column}
}