/*
Theme Name: SMB Acquisition
Description: Thème à blocs pour Sabri, consultant indépendant.
Version: 1.7.0
Requires at least: 6.8
Requires PHP: 8.1
Author: SMB Acquisition
License: GPL-2.0-or-later
Text Domain: smb-acquisition
*/
html{scroll-behavior:auto}*{box-sizing:border-box}body{margin:0}a{text-underline-offset:.2em}:focus-visible{outline:3px solid #14243a;outline-offset:5px}.has-night-background-color :focus-visible{outline-color:#ff6b35}.wp-site-blocks>header,.wp-site-blocks>footer{margin-block:0}main{margin-top:0!important}.site-header{padding:22px clamp(20px,4vw,60px);border-bottom:1px solid #e4e8ed}.site-header .wp-block-site-logo img{width:224px;height:auto}.wp-block-navigation{font-size:.95rem;font-weight:600}.wp-block-navigation__responsive-container.is-menu-open{padding:28px}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{padding:10px 0}.section{padding:clamp(52px,8vw,104px) clamp(20px,4vw,60px);margin-top:0!important}.hero{padding-top:clamp(52px,7vw,96px);padding-bottom:70px}.eyebrow{font-size:.78rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.hero h1{font-size:clamp(2.5rem,4.5vw,3.8rem);max-width:820px}.hero .wp-block-columns{gap:3rem}.hero-visual img{width:100%;height:auto}.card{height:100%;padding:30px;border:1px solid #dce2e9;border-radius:12px;background:#fff}.card h3{margin-top:16px}.card .eyebrow{color:#4b5c6d}.service-number{font-size:2.1rem;font-weight:750;color:#14243a;border-bottom:3px solid #ff6b35;display:inline-block}.has-night-background-color a:not(.wp-block-button__link){color:inherit}.wp-block-details{padding:22px 0;border-bottom:1px solid #dce2e9}.wp-block-details summary{font-weight:650;cursor:pointer}.site-footer{padding:56px clamp(20px,4vw,60px) 30px}.site-footer a{color:inherit}.site-footer .wp-block-site-title{font-size:1.4rem}.fine-print{font-size:.88rem}.smb-form{max-width:780px}.smb-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.smb-field label{display:block;font-weight:650;margin-bottom:7px}.smb-field input,.smb-field select,.smb-field textarea{font:inherit;width:100%;padding:13px;border:1px solid #8a97a5;border-radius:5px;background:white;color:#14243a}.smb-field textarea{min-height:170px}.smb-field-wide{grid-column:1/-1}.smb-form button{font:inherit;font-weight:700;background:#ff6b35;color:#14243a;padding:15px 24px;border:0;border-radius:6px;cursor:pointer}.smb-form small{display:block;color:#4b5c6d}.smb-hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.smb-notice{padding:18px;border:2px solid #14243a;margin:0 0 24px;border-radius:6px}.smb-notice-error{border-color:#ab2525}.smb-notice a{font-weight:700}.smb-form [aria-invalid=true]{border:2px solid #ab2525}.smb-local-note{font-size:.88rem;background:#f5f6f8;padding:12px;border-left:3px solid #ff6b35}.wp-block-columns{gap:24px}.wp-block-image img{max-width:100%;height:auto}.wp-block-post-content{margin-top:0}.wp-block-site-title a{text-decoration:none}@media(max-width:781px){.hero .wp-block-columns{gap:2rem}.hero-visual{max-width:460px;margin-inline:auto!important}.smb-form-grid{grid-template-columns:1fr}.card{padding:24px}.site-header{padding:18px 20px}.site-header .wp-block-site-logo img{width:185px}.section .wp-block-columns{gap:20px}.section{padding-block:52px}}

.hero .wp-block-columns{align-items:center}

/* Identité et interactions — v1.1. Les mouvements restent liés à une action. */
:root{--smb-ease:cubic-bezier(.2,.7,.2,1)}
.wp-block-button__link,.smb-form button{position:relative}
.wp-block-button__link:active,.smb-form button:active{box-shadow:none}
.wp-block-button.is-style-outline .wp-block-button__link{border:1px solid currentColor;padding:calc(.9rem - 1px) calc(1.4rem - 1px);background:transparent}
.wp-block-navigation-item__content{position:relative;padding-block:7px;text-decoration:none!important}
.wp-block-navigation .smb-nav-contact>.wp-block-navigation-item__content{background:var(--wp--preset--color--night);color:var(--wp--preset--color--white);padding:11px 18px;border-radius:6px}
.wp-block-details summary{padding-right:16px}
.wp-block-details[open]{border-bottom-color:var(--wp--preset--color--orange)}
.smb-field :is(input,textarea,select):focus-visible{outline:2px solid var(--wp--preset--color--night);outline-offset:3px;box-shadow:0 0 0 5px #fff1e9}
.home-hero h1{font-size:clamp(2.45rem,4.15vw,3.55rem);line-height:1.09}
.home-hero .wp-block-buttons{gap:12px}.home-hero .fine-print{margin-top:24px;color:var(--wp--preset--color--muted)}
.services-section .card{border-top:3px solid var(--wp--preset--color--orange)}
.showcase .wp-block-columns{align-items:center;gap:clamp(28px,5vw,72px)}
.demo-preview{border:1px solid #d2dbe5;border-radius:16px;overflow:hidden;background:var(--wp--preset--color--white);box-shadow:0 20px 50px -30px #14243a66}
.demo-browser-bar{margin:0!important;padding:16px 22px;background:var(--wp--preset--color--night);color:var(--wp--preset--color--white);font-size:.8rem}
.demo-preview-body{padding:32px}.demo-preview-body h3{font-size:clamp(1.8rem,3vw,2.6rem)}
.demo-preview-path{padding:14px 20px;background:var(--wp--preset--color--paper);border-left:3px solid var(--wp--preset--color--orange);font-size:.95rem}.demo-preview-path p{margin-block:10px}
.questions-section h3{padding-top:18px;border-top:1px solid #ced7e2}
.method-section{position:relative}.method-section>.eyebrow{color:var(--wp--preset--color--orange)}
.method-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin-top:48px!important}
.method-grid>.method-step{margin:0!important;position:relative;min-width:0;border-top:1px solid #627081;padding-top:22px}
.method-step::before{content:"";width:9px;height:9px;border-radius:50%;position:absolute;top:-5px;left:0;background:var(--wp--preset--color--orange)}
.method-step .step-number{color:var(--wp--preset--color--orange);font-size:.82rem;letter-spacing:.1em;font-weight:700;margin-top:0}.method-step h3{font-size:1.3rem;line-height:1.2}.method-step p:not(.step-number){font-size:.96rem;line-height:1.65;color:#e2e8f0}
.about-section .wp-block-columns{align-items:center;gap:clamp(28px,5vw,72px)}
.signature-card{padding:40px;border-radius:12px;border:1px solid #dce2e9;border-left:5px solid var(--wp--preset--color--orange);background:var(--wp--preset--color--paper)}
.signature-card .sabri-name{font-size:clamp(2.5rem,5vw,4rem);line-height:1.1;letter-spacing:-.05em;font-weight:750;margin:0}
.demo-intro{padding-block:48px}.demo-intro h1{font-size:clamp(2rem,4vw,3rem)}.demo-stage .wp-block-columns{align-items:center}.demo-stage h2{font-size:clamp(2.5rem,5vw,4rem)}
.demo-feature{padding:40px;border-radius:18px;background:var(--wp--preset--color--night);color:var(--wp--preset--color--white);border-bottom:6px solid var(--wp--preset--color--orange)}.demo-feature h3{font-size:clamp(2rem,4vw,3rem)}
[id]{scroll-margin-top:28px}
@media(max-width:1000px) and (min-width:782px){.method-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:781px){.method-grid{grid-template-columns:1fr;gap:0;margin-top:32px!important}.method-grid>.method-step{border-top:0;border-left:1px solid #627081;padding:0 0 32px 28px}.method-step::before{top:5px;left:-5px}.method-step:last-child{padding-bottom:0}.method-step h3{margin-block:8px}.method-step p:not(.step-number){margin-block:8px}.method-step .step-number{margin-block:0}.demo-preview-body,.signature-card,.demo-feature{padding:26px}.home-hero .wp-block-button__link{font-size:1rem}}


/* Interactions : mouvements courts, texte sans changement d’échelle. */
.wp-site-blocks :is(.wp-block-button__link,.smb-form button,.smb-nav-contact>.wp-block-navigation-item__content){
  position:relative;
  transition:transform 180ms var(--smb-ease),box-shadow 220ms var(--smb-ease),background-color 180ms ease;
}
.wp-site-blocks :is(.wp-block-button__link,.smb-form button,.smb-nav-contact>.wp-block-navigation-item__content):focus-visible{
  box-shadow:0 6px 18px -6px #14243a55;
}
/* Navigation : un trait orange se dessine sous le lien. */
.wp-block-navigation-item:not(.smb-nav-contact)>.wp-block-navigation-item__content::after{
  content:"";position:absolute;left:0;right:0;bottom:1px;height:2px;
  background:var(--wp--preset--color--orange);transform:scaleX(0);transform-origin:left;
  transition:transform 200ms var(--smb-ease);pointer-events:none;
}
.wp-block-navigation-item:not(.smb-nav-contact)>.wp-block-navigation-item__content:is([aria-current="page"],:focus-visible)::after{transform:scaleX(1)}
/* Liens éditoriaux : soulignement progressif, y compris sur plusieurs lignes. */
.wp-site-blocks :is(p,li,h2,h3) a:not(.wp-block-navigation-item__content):not(.wp-block-button__link){
  text-decoration-color:currentColor;
  background-image:linear-gradient(var(--wp--preset--color--orange),var(--wp--preset--color--orange));
  background-position:0 100%;background-repeat:no-repeat;background-size:0 2px;
  transition:background-size 220ms var(--smb-ease),text-decoration-color 180ms ease;
}
.wp-site-blocks :is(p,li,h2,h3) a:not(.wp-block-navigation-item__content):not(.wp-block-button__link):focus-visible{background-size:100% 2px;text-decoration-color:transparent}
/* Les panneaux gagnent du relief sans déplacer leur contenu. */
.card,.signature-card,.demo-preview,.demo-feature{transition:box-shadow 240ms var(--smb-ease),border-color 240ms ease}
.card:focus-within,.signature-card:focus-within,.demo-preview:focus-within,.demo-feature:focus-within{box-shadow:0 14px 32px -16px #14243a55;border-color:var(--wp--preset--color--orange)}
.method-step{transition:border-color 200ms ease}
.method-step::before{transition:box-shadow 220ms var(--smb-ease)}
/* FAQ : repère + / ×, avec conservation du comportement natif au clavier. */
.wp-block-details{transition:border-color 200ms ease}
.wp-block-details summary{position:relative;list-style:none;padding-right:36px;transition:color 180ms ease}
.wp-block-details summary::-webkit-details-marker{display:none}
.wp-block-details summary::after{content:"+";position:absolute;right:4px;top:0;font-size:1.4rem;line-height:1.2;color:var(--wp--preset--color--orange);transition:transform 200ms var(--smb-ease)}
.wp-block-details[open]>summary::after{transform:rotate(45deg)}
.smb-field :is(input,textarea,select){transition:border-color 180ms ease,box-shadow 180ms ease}
.wp-block-navigation__responsive-container-open,.wp-block-navigation__responsive-container-close{transition:color 180ms ease}
@media(hover:hover) and (pointer:fine){
  .wp-site-blocks :is(.wp-block-button__link,.smb-form button,.smb-nav-contact>.wp-block-navigation-item__content):hover{transform:translateY(-3px);box-shadow:0 8px 20px -7px #14243a66}
  .wp-block-button.is-style-outline .wp-block-button__link:hover{background-color:#ff6b3512}
  .wp-site-blocks :is(.wp-block-button__link,.smb-form button,.smb-nav-contact>.wp-block-navigation-item__content):active{transform:translateY(0);box-shadow:0 2px 6px -3px #14243a44}
  .wp-block-navigation-item:not(.smb-nav-contact)>.wp-block-navigation-item__content:hover::after{transform:scaleX(1)}
  .wp-site-blocks :is(p,li,h2,h3) a:not(.wp-block-navigation-item__content):not(.wp-block-button__link):hover{background-size:100% 2px;text-decoration-color:transparent}
  .card:hover,.signature-card:hover,.demo-preview:hover,.demo-feature:hover{box-shadow:0 14px 32px -16px #14243a55;border-color:var(--wp--preset--color--orange)}
  .method-step:hover{border-color:var(--wp--preset--color--orange)}
  .method-step:hover::before{box-shadow:0 0 0 6px #ff6b3526}
  .wp-block-details:hover{border-bottom-color:var(--wp--preset--color--orange)}
  .smb-field :is(input,textarea,select):not([aria-invalid=true]):hover{border-color:var(--wp--preset--color--night)}
  .wp-block-navigation__responsive-container-open:hover,.wp-block-navigation__responsive-container-close:hover{color:var(--wp--preset--color--orange)}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .wp-site-blocks :is(.wp-block-button__link,.smb-form button,.smb-nav-contact>.wp-block-navigation-item__content):is(:hover,:active){transform:none}
}
.footer-socials{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.footer-socials p{margin:0;padding:10px 14px;border:1px solid #617084;border-radius:6px;font-size:.95rem}
.footer-socials .social-soon{display:block;font-size:.75rem;color:#d7dfeb}
.site-footer .social-note{font-size:.85rem;color:#d7dfeb}