/* AIO Resto — sections de novembre 2026 : WELIVR inclus, AIO STORE, logos. Autonome (n'utilise que .ap-wrap du thème). */
.ap-welivr,.ap-store{--c-cream:#FFF6EA;--c-or:#FF6B3D;--c-gr:#0DBE6B;--c-ink:#1F1A17;--c-ink2:#6B625B}
.ap-welivr .ap-welivr-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,5vw,72px);align-items:center}
.ap-welivr .ap-welivr-art{position:relative;border-radius:36px;background:#CDF1DD;min-height:340px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.ap-welivr .ap-welivr-art img{width:min(78%,420px);height:auto;display:block}
.ap-logos{display:flex;align-items:center;gap:18px;margin:22px 0 4px;flex-wrap:wrap}
.ap-logos img{height:48px;width:auto;display:block;border-radius:10px}
.ap-logos span{font-size:28px;color:var(--c-ink2,#6B625B)}
.ap-note{font-size:.9rem;opacity:.75;margin-top:14px}
.ap-store .ap-store-head{max-width:880px;margin-bottom:34px}
.ap-store-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.ap-store-card{background:#fff;border-radius:28px;padding:28px;box-shadow:0 14px 44px rgba(70,40,10,.09)}
.ap-store-card h3{margin:0 0 12px;font-size:1.25rem}
.ap-store-card ul{margin:0;padding-inline-start:1.1em;line-height:1.55}
.ap-store-card .ap-tag{display:inline-block;margin-bottom:12px;border-radius:999px;padding:4px 14px;font-size:.8rem;font-weight:700;background:#FFE3D6;color:#B8461F}
.ap-store-card .ap-tag.soon{background:#EFE9E1;color:#6B625B}
.ap-store-actions{margin-top:30px;display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.ap-store-note{font-size:.9rem;opacity:.75;margin-top:16px}
@media (max-width:820px){.ap-welivr .ap-welivr-grid{grid-template-columns:1fr}.ap-welivr .ap-welivr-art{min-height:260px}}

.ap-store-figs{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin:0 0 26px;align-items:end}
.ap-store-figs div{border-radius:32px;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;min-height:260px}
.ap-store-figs .f1{background:#FFD9CB}.ap-store-figs .f2{background:#FFE7C2}
.ap-store-figs img{max-width:100%;max-height:340px;width:auto;height:auto;display:block}
@media (max-width:600px){.ap-store-figs{grid-template-columns:1fr}}

/* 10/11/2026 : bloc « Votre livraison. Votre marge. » lisible (texte foncé, contraste >= 4,5:1) et sans débordement */
.ap-welivr .ap-checks{list-style:none;margin:18px 0;padding:0;display:grid;gap:10px}
.ap-welivr .ap-checks li{color:#191C20;font-weight:600;line-height:1.45;position:relative;padding-inline-start:30px;overflow-wrap:anywhere}
.aio-site .ap-welivr .ap-checks li::before{content:"" !important;color:transparent;font-size:0;position:absolute;inset-inline-start:0;top:.15em;width:20px;height:20px;border-radius:50%;background:#0A8F4F url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3.4 8.4l3 3 6.2-6.4' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/14px no-repeat}
.ap-welivr .ap-welivr-grid>div{min-width:0}
.ap-welivr p{color:#191C20;overflow-wrap:break-word;max-width:100%}
.ap-welivr .ap-kicker{color:#066B3B}
.ap-welivr .ap-note{opacity:1;color:#4A433D}

/* 10/11/2026 : bouton WELIVR vert dans l'en-tête (vert officiel WeLivr #07C167, encre #1B1B1B : contraste 9:1) */
html body.aio-site .aio-header #aio-nav > a.aio-button.aio-wl-btn{background:#07C167 !important;color:#1B1B1B !important;border-color:#07C167 !important;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;letter-spacing:.02em}
html body.aio-site .aio-header #aio-nav > a.aio-button.aio-wl-btn:hover,html body.aio-site .aio-header #aio-nav > a.aio-button.aio-wl-btn:focus-visible{background:#06A858 !important;border-color:#06A858 !important;color:#0D0D0D !important}
html body.aio-site .aio-header #aio-nav > a.aio-button.aio-wl-btn svg{width:20px;height:20px;flex:none;display:block}
html body.aio-site .aio-header #aio-nav > a.aio-button.aio-wl-btn span{margin:0;transform:none}

/* WeLivr : charte v3, aucun coin carré, rayon 18px, uniquement sur les éléments WeLivr (bouton vert de l'en-tête, page /welivr/) */
html body.aio-site :is(a.aio-wl-btn,.ap-wl .ap-button,.ap-wl .ap-wl-badge,.ap-wl .ap-final .ap-button){border-radius:18px !important}
html body.aio-site :is(.ap-wl .ap-store-card,.ap-wl .ap-wl-plans li,.ap-wl .ap-wl-art,.ap-wl details,.ap-wl .ap-final>.ap-wrap){border-radius:18px !important}
html body.aio-site a.aio-wl-btn{font-weight:800 !important;text-transform:none !important;letter-spacing:.01em !important;min-height:44px;box-shadow:0 10px 22px -4px rgba(7,193,103,.55),0 2px 6px rgba(7,193,103,.35),inset 0 1px 0 rgba(255,255,255,.55) !important;transition:transform 180ms cubic-bezier(.2,.8,.2,1),box-shadow 180ms !important}
@media (hover:hover){html body.aio-site a.aio-wl-btn:hover{transform:translateY(-2px)}}
html body.aio-site a.aio-wl-btn:active{transform:translateY(1px)}
html body.aio-site a.aio-wl-btn:focus-visible{outline:3px solid #047A41 !important;outline-offset:3px !important}
@media (prefers-reduced-motion:reduce){html body.aio-site a.aio-wl-btn{transition:none !important;transform:none !important}}
