/* Stockdepro — couleurs cohérentes sur tout le site (option A) : fond bleu Castres atténué partout, noir remplacé par le bleu marine. Mode sombre inchangé. */
html:root:not([data-theme=dark]){--color-bg:#e3ebf6;--color-surface-2:#d9e3f2;--color-border:#cdd8ea;--color-divider:#cdd8ea;--line:#cdd8ea;--color-ink:#14305e;--dark:#14305e;--bg:#e3ebf6}
html:root:not([data-theme=dark]) .modal.v2-page,html:root:not([data-theme=dark]) #vitrine-modal,html:root:not([data-theme=dark]) #dashboard-modal,html:root:not([data-theme=dark]) #deposit-modal{background:#e3ebf6!important}
html:root:not([data-theme=dark]) .cta{background:#14305e!important}

/* vitrine : bouton « Tous les artisans » (blanc arrondi), croix en double retirée */
#v2-back-btn{display:inline-flex!important;align-items:center;gap:6px;background:#fff!important;border:1px solid #cdd8ea!important;border-radius:999px!important;padding:8px 16px 8px 12px!important;font:700 14px Satoshi,sans-serif!important;color:#14305e!important;text-decoration:none!important;box-shadow:0 2px 8px rgba(20,48,94,.08);cursor:pointer}#v2-back-btn:hover{border-color:#1d3fb0!important}.v2-back{display:flex!important;align-items:center;gap:14px}#v2-crumb{color:#6b7a93!important;font-size:13px}#vitrine-modal .vitrine-x-wrap,#vitrine-modal #vitrine-x{display:none!important}
[data-theme=dark] #v2-back-btn{background:var(--color-surface)!important;color:var(--ink)!important;border-color:var(--color-border)!important}
/* mode sombre : bleu marine Castres au lieu du gris-noir */
html[data-theme=dark]{--color-bg:#0c1729;--color-surface:#13223d;--color-surface-2:#192c4c;--color-border:#25395c;--color-divider:#22365a;--color-ink:#0a1426;--dark:#0a1426;background:#0c1729!important}
html[data-theme=dark] body,html[data-theme=dark] main,html[data-theme=dark] body main>.hero,html[data-theme=dark] body main>#stocks,html[data-theme=dark] body main>#location,html[data-theme=dark] body main>#vendre,html[data-theme=dark] body.sdp-visiteur main>#stocks,html[data-theme=dark] body.sdp-visiteur main>#vendre{background:#0c1729!important}
html[data-theme=dark] body main>#artisans,html[data-theme=dark] body main>#fonctionnement,html[data-theme=dark] body main>#sdp-faq,html[data-theme=dark] body.sdp-visiteur main>#artisans,html[data-theme=dark] body.sdp-visiteur main>#location,html[data-theme=dark] body.sdp-visiteur main>#sdp-faq,html[data-theme=dark] footer{background:#11203a!important}
html[data-theme=dark] body.sdp-visiteur main>#fonctionnement{background:#0c1729!important}
html[data-theme=dark] .trades{background:#1b4a8a!important}html[data-theme=dark] .trades__track span{color:#dfe8fb!important}
html[data-theme=dark] .cta{background:#14305e!important}
html[data-theme=dark] #vitrine-modal,html[data-theme=dark] #dashboard-modal,html[data-theme=dark] #deposit-modal,html[data-theme=dark] #particulier-dashboard-modal{background:#0c1729!important}

/* boutons « Voir la vitrine », « Voir le matériel à louer », « Mettre un engin en location » : option C (marine + icône, sans flèche) */
.btn.sdp-voir,.btn.sdp-voir2{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;font:600 15px Satoshi,"Helvetica Neue",Arial,sans-serif!important;letter-spacing:0!important;text-decoration:none!important;border-radius:12px!important}
.btn.sdp-voir .sdp-ic,.btn.sdp-voir2 .sdp-ic{font-style:normal;display:grid;place-items:center}
.btn.sdp-voir{background:#14305e!important;border:0!important;color:#fff!important;padding:12px 22px!important;box-shadow:0 8px 18px -10px rgba(20,48,94,.7)!important}
.btn.sdp-voir:hover{background:#1f4580!important}
.btn.sdp-voir2{background:#fff!important;border:1px solid #cdd8ea!important;color:#14305e!important;padding:11px 20px!important;box-shadow:none!important}
.btn.sdp-voir2:hover{border-color:#14305e!important}
#sdp-loc-voir,#loc-propose{min-width:262px}
[data-theme=dark] .btn.sdp-voir{background:#2b5aa3!important;box-shadow:none!important}
[data-theme=dark] .btn.sdp-voir:hover{background:#356bbf!important}
[data-theme=dark] .btn.sdp-voir2{background:#13223d!important;border-color:#25395c!important;color:#dfe8fb!important}

/* petite vignette « vitrine » sur la photo du haut : style des vitrines */
.hero__visual .float-badge{display:none!important}
.float-card.sdp-fc{position:absolute!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:auto!important;max-width:none!important;margin:0!important;transform:none!important;z-index:5;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:14px 16px!important;padding:30px 22px 20px!important;border:0!important;border-radius:0 0 24px 24px!important;background:linear-gradient(180deg,rgba(20,48,94,.35) 0%,rgba(20,48,94,.88) 35%,rgba(20,48,94,.95))!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:none!important;color:#fff!important;cursor:pointer;box-sizing:border-box;animation:none!important}
.float-card.sdp-fc[hidden]{display:none!important}
.float-card.sdp-fc img.sdp-fc-cache{display:none!important}
.float-card.sdp-fc img{flex:none;width:60px!important;height:60px!important;border-radius:16px!important;object-fit:cover}
.sdp-fc-av{flex:0 0 60px;width:60px;height:60px;border-radius:16px;background:#fff;color:#14305e;display:grid;place-items:center;font:700 20px Satoshi,sans-serif;letter-spacing:.02em}
.sdp-fc-av[hidden]{display:none}
.float-card.sdp-fc>div:not(.sdp-fc-av):not(.sdp-fc-dots){flex:1;min-width:0}
.float-card.sdp-fc p{margin:0!important}
.float-card.sdp-fc .sdp-fc-k{display:flex;align-items:center;gap:6px;font:700 11.5px Satoshi,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#cfe0ff;line-height:1.3}
.float-card.sdp-fc .sdp-fc-k svg{width:15px;height:15px;flex:none}
.float-card.sdp-fc .float-card__cat{display:none!important}
.float-card.sdp-fc .float-card__title{font:500 25px/1.1 "Cabinet Grotesk",Satoshi,sans-serif!important;color:#fff!important;letter-spacing:0!important;margin:5px 0 6px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.float-card.sdp-fc .sdp-fc-soc{font:400 13px Satoshi,sans-serif;color:#dbe6f7;margin:-3px 0 4px!important}
.sdp-fc-soc[hidden]{display:none}
.float-card.sdp-fc .float-card__meta{font:400 14.5px Satoshi,sans-serif!important;color:#dbe6f7!important;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden}
.float-card.sdp-fc .float-card__meta img{width:22px!important;height:24px!important;padding:3px!important;background:#fff!important;border-radius:7px!important;box-sizing:content-box!important;object-fit:contain;flex:none}
.float-card.sdp-fc .sdp-fc-go{flex:1 0 100%;display:block;text-align:center;background:#fff;color:#14305e;border-radius:999px;padding:11px 18px;font:700 14px Satoshi,sans-serif;transition:background .15s}
.float-card.sdp-fc:hover .sdp-fc-go{background:#e3ebf6}
.sdp-fc-dots{position:absolute;top:10px;left:50%;transform:translateX(-50%);display:flex;gap:5px}
.sdp-fc-dots b{width:6px;height:6px;border-radius:9px;background:rgba(255,255,255,.55);cursor:pointer;transition:width .2s}
.sdp-fc-dots b.on{width:16px;background:#fff}
@media (max-width:760px){.float-card.sdp-fc{position:relative!important;padding:26px 16px 16px!important;gap:12px!important;border-radius:20px!important;background:linear-gradient(160deg,#1b3a6b,#14305e)!important}.float-card.sdp-fc .sdp-fc-k{font-size:10.5px;letter-spacing:.06em;white-space:normal}.sdp-fc-av,.float-card.sdp-fc img{flex-basis:50px;width:50px!important;height:50px!important}.float-card.sdp-fc .float-card__title{font-size:21px!important}.float-card.sdp-fc .float-card__meta{font-size:13.5px!important}}

/* « Vous avez du stock à vendre ? » (en haut) : bouton blanc avec carton, sans flèche */
#btn-vendre-hero.sdp-vendre{display:inline-flex!important;align-items:center;gap:10px;background:#fff;border:1px solid #cdd8ea;border-radius:12px;padding:9px 16px 9px 9px;font:600 15px Satoshi,"Helvetica Neue",Arial,sans-serif!important;color:#14305e!important;text-decoration:none!important;box-shadow:0 1px 2px rgba(20,48,94,.06);transition:border-color .2s}
#btn-vendre-hero.sdp-vendre:hover{border-color:#14305e}
#btn-vendre-hero .sdp-ic{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#e3ebf6;color:#14305e;font-style:normal}
[data-theme=dark] #btn-vendre-hero.sdp-vendre{background:#13223d;border-color:#25395c;color:#dfe8fb!important}
[data-theme=dark] #btn-vendre-hero .sdp-ic{background:#192c4c;color:#dfe8fb}

/* recherche d'une marque (après le choix d'une gamme) : on tape ou on saute à une lettre */
.sdp-mq{position:relative;display:inline-block}
.sdp-mq-in{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px 0 12px;background:#fff;border:1px solid #cdd8ea;border-radius:999px;color:#14305e;cursor:text;min-width:250px}
.sdp-mq.open .sdp-mq-in,.sdp-mq-in:focus-within{border-color:#14305e;box-shadow:0 0 0 3px rgba(20,48,94,.12)}
.sdp-mq-in svg{flex:none;opacity:.8}
.sdp-mq-in input,.sdp-mq-in input:focus{flex:1;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;margin:0!important;height:auto!important;font:500 14.5px Satoshi,"Helvetica Neue",Arial,sans-serif;color:#14305e}
.sdp-mq-in input::placeholder{color:#5b6b85;opacity:1}
.sdp-mq-in input::-webkit-search-cancel-button{cursor:pointer}
.sdp-mq-drop{display:none;position:absolute;z-index:70;top:calc(100% + 8px);left:0;width:min(440px,92vw);background:#fff;border:1px solid #cdd8ea;border-radius:16px;box-shadow:0 22px 44px -18px rgba(20,48,94,.45);overflow:hidden}
.sdp-mq.open .sdp-mq-drop{display:block}
.sdp-mq-az{display:flex;flex-wrap:wrap;gap:2px;padding:10px 10px 8px;border-bottom:1px solid #e3ebf6;background:#f5f8fc}
.sdp-mq-az button{width:28px;height:28px;border:0;border-radius:8px;background:transparent;font:600 13px Satoshi,sans-serif;color:#14305e;cursor:pointer}
.sdp-mq-az button:hover{background:#14305e;color:#fff}
.sdp-mq-res{max-height:300px;overflow-y:auto;padding:6px;display:grid;grid-template-columns:1fr 1fr;gap:2px;align-content:start;position:relative}
.sdp-mq-res .sdp-mq-l{grid-column:1/-1;font:600 12px Satoshi,sans-serif;color:#5b6b85;letter-spacing:.06em;padding:8px 10px 2px}
.sdp-mq-res button{text-align:left;border:0;background:transparent;border-radius:10px;padding:8px 10px;font:500 14.5px Satoshi,sans-serif;color:#14305e;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sdp-mq-res button:hover,.sdp-mq-res button:focus{background:#e3ebf6;outline:0}
.sdp-mq-res button b{font-weight:700;background:#fff3c4;border-radius:3px}
.sdp-mq-vide{grid-column:1/-1;margin:0;padding:14px 10px;color:#5b6b85;font:400 14px Satoshi,sans-serif}
@media(max-width:600px){.sdp-mq,.sdp-mq-in{width:100%;min-width:0}.sdp-mq-drop{width:100%}.sdp-mq-res{grid-template-columns:1fr;max-height:50vh}}
[data-theme=dark] .sdp-mq-in,[data-theme=dark] .sdp-mq-drop{background:#13223d;border-color:#25395c;color:#dfe8fb}
[data-theme=dark] .sdp-mq-in input{color:#dfe8fb}
[data-theme=dark] .sdp-mq-az{background:#192c4c;border-color:#25395c}
[data-theme=dark] .sdp-mq-az button,[data-theme=dark] .sdp-mq-res button{color:#dfe8fb}
[data-theme=dark] .sdp-mq-res button:hover,[data-theme=dark] .sdp-mq-az button:hover{background:#25395c}
[data-theme=dark] .sdp-mq-res button b{background:#3a4f2a;color:#fff}

/* particulier connecté : on cache « Vous avez du stock à vendre ? » et « Vous êtes un professionnel ? » */
#btn-vendre-hero[hidden],body.sdp-part #btn-vendre-hero,body.sdp-part #see-pro{display:none!important}
body.sdp-part div:has(> #btn-vendre-hero){display:none!important}
/* visiteur : « Vous êtes un professionnel ? Connectez-vous » en petit bouton blanc, sans flèche */
#see-pro.sdp-seepro{display:inline-flex;align-items:center;margin-left:8px;padding:5px 12px!important;background:#fff;border:1px solid #cdd8ea;border-radius:999px;font:600 13.5px Satoshi,"Helvetica Neue",Arial,sans-serif;color:#14305e;text-decoration:none!important;cursor:pointer;vertical-align:middle}
#see-pro.sdp-seepro:hover{border-color:#14305e}
[data-theme=dark] #see-pro.sdp-seepro{background:#13223d;border-color:#25395c;color:#dfe8fb}

/* plus de bleu électrique : le bleu principal du site devient le bleu marine (mode clair) / un bleu doux (mode sombre) */
html:root:not([data-theme=dark]){--color-primary:#14305e;--color-primary-hover:#1f4580;--color-primary-soft:#e3ebf6;--accent:#14305e}
html[data-theme=dark]{--color-primary:#8fb0ec;--color-primary-hover:#a9c3f2;--color-primary-soft:#192c4c;--accent:#8fb0ec}
[data-theme=dark] .btn-orange,[data-theme=dark] .btn--primary,[data-theme=dark] .btn-primary{background:#2b5aa3!important;border-color:#2b5aa3!important;color:#fff!important}
#msgs{--mx-me:#14305e}[data-theme=dark] #msgs{--mx-me:#2b5aa3}
.sdp-bd.new{background:#14305e!important}
.sdp-conseil,.sdp-alerte{background:#e3ebf6!important;color:#14305e!important}
#v2-back-btn:hover{border-color:#14305e!important}
#sdp-tabbar .mid span.r{background:#14305e!important}
/* petites icônes à la place des émojis et des flèches */
.sdp-ei{display:inline-grid;place-items:center;font-style:normal;vertical-align:-2px;margin-right:.35em;line-height:0}
.sdp-ei-d{margin:0 0 0 .3em}
.sdp-ei-etoile svg{color:#e0a400}.sdp-ei-etoile svg path{fill:#f5b800;stroke:#e0a400}

/* bouton mode clair / sombre : lune bleu marine (clair), soleil doré (sombre) */
#theme-toggle{flex:0 0 40px!important;width:40px!important;min-width:40px!important;height:40px!important;padding:0!important;margin:0!important;border-radius:12px!important;border:1px solid #cdd8ea!important;background:#fff!important;color:#14305e!important;position:relative;font-size:0!important}
#theme-toggle .th-i{position:absolute;inset:0;display:grid;place-items:center;transition:opacity .25s}
#theme-toggle .th-s{opacity:0}
[data-theme=dark] #theme-toggle{background:#13223d!important;border-color:#25395c!important;color:#f5c451!important}
[data-theme=dark] #theme-toggle .th-l{opacity:0}[data-theme=dark] #theme-toggle .th-s{opacity:1}
#mobile-menu-toggle{color:#14305e}#mobile-menu-toggle svg{display:block;margin:auto}
[data-theme=dark] #mobile-menu-toggle{color:#dfe8fb}

/* badge « Pro vérifié » : label officiel (contour bleu marine + sceau certifié) */
.art2-badge[data-sdp-ros],#v2-badge[data-sdp-ros]{display:inline-flex!important;align-items:center!important;background:#fff!important;color:#14305e!important;border:1.5px solid #14305e!important;font:600 13px Satoshi,"Helvetica Neue",Arial,sans-serif!important;letter-spacing:0!important;padding:4px 11px 4px 5px!important;gap:6px!important;border-radius:999px!important;white-space:nowrap}
.art2-badge.sm[data-sdp-ros]{font-size:11.5px!important;padding:2px 9px 2px 3px!important;border-width:1px!important}
#v2-badge em{font-style:normal;font-weight:500;color:#5b6b85}
.sdp-ros{width:18px!important;height:18px!important;flex:none}.art2-badge.sm .sdp-ros{width:15px!important;height:15px!important}
.sdp-ros .r{fill:#14305e}.sdp-ros .c{stroke:#fff}
[data-theme=dark] .art2-badge[data-sdp-ros],[data-theme=dark] #v2-badge[data-sdp-ros]{background:#13223d!important;color:#dfe8fb!important;border-color:#8fb0ec!important}
[data-theme=dark] #v2-badge em{color:#9aa6bd}[data-theme=dark] .sdp-ros .r{fill:#8fb0ec}[data-theme=dark] .sdp-ros .c{stroke:#0c1729}

/* barre du haut : boutons ronds bien alignés à droite, même taille, même écart */
#notif-bell{flex:0 0 40px!important;width:40px!important;min-width:40px!important;height:40px!important;padding:0!important;margin:0!important;border-radius:12px!important;border:1px solid #cdd8ea!important;background:#fff!important;color:#14305e!important}
#btn-favoris{flex:none!important;min-width:40px!important;height:40px!important;padding:0 11px!important;margin:0!important;justify-content:center!important;border-radius:12px!important;border:1px solid #cdd8ea!important;background:#fff!important;color:#14305e!important}
#mobile-menu-toggle{flex:0 0 40px!important;border-radius:12px!important}
.container.nav{gap:8px!important}.container.nav>.logo{flex:none}
.container.nav>div{margin-right:0!important}
.container.nav>div:has(>#notif-bell[hidden]):not(:has(>:not([hidden]):not(#notif-bell))){display:none!important}
.container.nav>nav{gap:16px!important;margin-left:14px}
.container.nav>nav a[href="#fonctionnement"]{display:none!important}
@media(max-width:1100px){.container.nav>.logo{margin-right:auto!important}}
[data-theme=dark] #btn-favoris,[data-theme=dark] #notif-bell{background:#13223d!important;border-color:#25395c!important;color:#dfe8fb!important}

/* bas de page (ordinateur) : encadré « Stockdepro sur votre téléphone » avec QR code */
footer .foot-seo.sdp-qr-on{display:flex!important;gap:28px;align-items:flex-start}
footer .foot-seo.sdp-qr-on>.sdp-pied-wrap{flex:1;min-width:0}
#sdp-pied-qr{flex:none;width:300px;box-sizing:border-box;align-self:flex-end;display:flex;gap:14px;align-items:center;background:#fff;border:1px solid #cdd8ea;border-radius:16px;padding:8px 16px 8px 8px;margin:0;text-decoration:none!important;color:#14305e}
#sdp-pied-qr .q{flex:none;line-height:0}#sdp-pied-qr .q svg{border-radius:8px}
#sdp-pied-qr .t b{display:block;font:500 16px/1.2 "Cabinet Grotesk",Satoshi,sans-serif;color:#1b3a6b;margin-bottom:3px}
#sdp-pied-qr .t span{font:400 12.5px/1.35 Satoshi,"Helvetica Neue",Arial,sans-serif;color:#5b6b85}
@media(max-width:900px){#sdp-pied-qr{display:none}footer .foot-seo.sdp-qr-on{display:block!important}}
[data-theme=dark] #sdp-pied-qr{background:#13223d;border-color:#25395c}[data-theme=dark] #sdp-pied-qr .t b{color:#c9dafc}[data-theme=dark] #sdp-pied-qr .t span{color:#9aa6bd}
#sdp-inst-lien{color:inherit;text-decoration:underline}

/* bas de page : bandeau des métiers qui défile sous « Déstockage par métier » (la liste reste pour le référencement, cachée) */
body.sdp-pied-bande footer .sdp-pied-metiers{display:none!important}
footer .sdp-pied-band{border-radius:12px;margin-top:10px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
footer .sdp-pied-band .trades__track{padding-top:12px!important;padding-bottom:12px!important}
footer .sdp-pied-band .trades__track span{font-size:19px!important}
footer .sdp-pied-band:hover .trades__track{animation-play-state:paused}
.sdp-band-a{text-decoration:none!important;color:inherit;display:inline-flex}.sdp-band-a:hover span{color:#fff!important}
body.sdp-pied-bande footer .foot-seo.sdp-qr-on{align-items:flex-end!important}
@media(max-width:900px){footer #sdp-pied-qr{display:none!important}footer .sdp-pied-band{border-radius:10px}footer .sdp-pied-band .trades__track span{font-size:17px!important}}

/* bas de page : dernière ligne © + mentions légales, séparée par un trait fin */
footer .sdp-pied-bas{display:flex;align-items:center;margin-top:22px;padding-top:14px!important;padding-bottom:18px!important;border-top:1px solid #c3d0e6}
footer .sdp-pied-bas .sdp-pied-legal{margin:0!important;width:100%;display:flex!important;justify-content:flex-end!important;gap:18px!important;flex-wrap:wrap}
footer .sdp-pied-bas .sdp-pied-copy{margin-right:auto}
footer .foot{padding-bottom:4px!important}
@media(max-width:700px){footer .sdp-pied-bas .sdp-pied-legal{justify-content:flex-start!important;gap:8px 16px!important}footer .sdp-pied-bas .sdp-pied-copy{width:100%;margin:0 0 2px}}
[data-theme=dark] footer .sdp-pied-bas{border-color:#25395c}

/* tout le site raccord (mode clair) : textes en bleu marine au lieu du noir, gris bleuté pour les textes secondaires */
html:root:not([data-theme=dark]){--ink:#14305e;--color-text:#14305e;--muted:#5b6b85;--color-text-muted:#5b6b85}
:root:not([data-theme=dark]) .container.nav>nav a{color:#14305e!important;font-weight:600!important}
:root:not([data-theme=dark]) a.logo{color:#14305e!important}:root:not([data-theme=dark]) a.logo span{color:#2b5aa3!important}
#es-login-pro{background:#fff!important;color:#14305e!important}
#es-login-particulier{background:#14305e!important;color:#fff!important}
#es-signup-particulier{color:#14305e!important;border-color:#cdd8ea!important}
:root:not([data-theme=dark]) .es-card-part,:root:not([data-theme=dark]) .es-card-part h3,:root:not([data-theme=dark]) .es-card-part li{color:#14305e!important}
:root:not([data-theme=dark]) .es-card-part .es-card-tag{color:#2b5aa3!important}
:root:not([data-theme=dark]) .num{color:#14305e!important}

/* bas de page : le bandeau des métiers défile dans l'autre sens que celui du haut */
footer .sdp-pied-band .trades__track{animation-direction:reverse!important}
/* questions fréquentes en petit dans le bas de page (3 colonnes, 1 sur téléphone) */
:root footer #sdp-faq.sdp-faq-pied{background:transparent!important;padding:22px 0 0!important;margin:0!important;display:block!important;order:0!important}
:root footer #sdp-faq.sdp-faq-pied .container{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px 10px!important;align-items:start}
:root footer #sdp-faq.sdp-faq-pied h2{grid-column:1/-1;font:700 12.5px Satoshi,"Helvetica Neue",Arial,sans-serif!important;color:#14305e!important;margin:0 0 2px!important;letter-spacing:0!important}
:root footer #sdp-faq.sdp-faq-pied details{padding:0 12px!important;border-radius:10px!important;border:1px solid #cdd8ea!important;background:#fff!important;margin:0!important;box-shadow:none!important}
:root footer #sdp-faq.sdp-faq-pied summary{font:600 13.5px Satoshi,"Helvetica Neue",Arial,sans-serif!important;padding:9px 0!important;color:#14305e!important}
:root footer #sdp-faq.sdp-faq-pied details p{font-size:13px!important;line-height:1.45!important;margin:0 0 10px!important;color:#5b6b85!important}
@media(max-width:900px){:root footer #sdp-faq.sdp-faq-pied .container{grid-template-columns:1fr!important}}
[data-theme=dark] footer #sdp-faq.sdp-faq-pied h2,[data-theme=dark] footer #sdp-faq.sdp-faq-pied summary{color:#dfe8fb!important}
[data-theme=dark] footer #sdp-faq.sdp-faq-pied details{background:#13223d!important;border-color:#25395c!important}
[data-theme=dark] footer #sdp-faq.sdp-faq-pied details p{color:#9aa6bd!important}

/* alertes de recherche : métier et marque sur toute la largeur (la marque se choisit en tapant ou dans la liste A → Z) */
#alert-new .form-field:has(#alert-cat),#alert-new .form-field:has(.mqp){grid-column:1/-1}
#alert-new .mqp-in{background:#fff}[data-theme=dark] #alert-new .mqp-in{background:#13223d}

/* alertes de recherche : jusqu'à 4 marques */
.sdp-am{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}
.sdp-am:empty{display:none}
.sdp-am-c{display:inline-flex;align-items:center;gap:4px;background:#14305e;color:#fff;border-radius:999px;padding:5px 6px 5px 12px;font:600 13.5px Satoshi,"Helvetica Neue",Arial,sans-serif}
.sdp-am-c button{width:20px;height:20px;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:14px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0}
.sdp-am-n{font:400 12.5px Satoshi,sans-serif;color:#5b6b85;margin-left:4px}
[data-theme=dark] .sdp-am-c{background:#2b5aa3}

.sdp-dots{display:none}
/* ===== Version téléphone : accueil plus court, métiers et étapes qui défilent ===== */
@media (max-width:700px){
  /* champs à 16 px : l'iPhone ne zoome plus tout seul quand on touche un champ */
  input,select,textarea{font-size:16px!important}
  /* haut de page plus court */
  .hero .eyebrow{display:none!important}
  .hero{padding-top:18px!important;padding-bottom:22px!important}
  .hero__grid{gap:6px!important}
  .hero h1{font-size:31px!important;line-height:1.04!important;margin:0 0 10px!important}
  .hero .lead{font-size:15.5px!important;line-height:1.4!important;margin:0 0 16px!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .hero ul li:nth-child(3){display:none!important}
  div:has(>#btn-vendre-hero){display:none!important}
  /* métiers des annonces : une seule ligne qui défile */
  #filters{flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none;margin-right:-20px!important;padding:2px 20px 6px 0!important;-webkit-mask:linear-gradient(90deg,#000 85%,transparent);mask:linear-gradient(90deg,#000 85%,transparent)}
  #filters::-webkit-scrollbar{display:none}
  #filters>*{flex:0 0 auto!important}
  /* « Comment ça marche » : les 3 étapes en cartes qui défilent */
  .how .steps{display:flex!important;overflow-x:auto!important;gap:12px!important;scroll-snap-type:x mandatory;margin-right:-20px!important;padding-right:20px!important;scrollbar-width:none}
  .how .steps::-webkit-scrollbar{display:none}
  .how .steps>*{flex:0 0 82%!important;scroll-snap-align:start}
  .sdp-dots{display:flex;justify-content:center;gap:7px;margin-top:14px}
  .sdp-dots i{width:8px;height:8px;border-radius:999px;background:#c3d0e6;transition:width .25s,background .25s}
  .sdp-dots i.on{width:22px;background:#14305e}
  [data-theme=dark] .sdp-dots i{background:#25395c}[data-theme=dark] .sdp-dots i.on{background:#8fb0ec}
  /* barre du haut un peu moins haute */
  #top .nav{height:60px!important}
  /* liens du bas de page plus faciles à toucher */
  footer .sdp-pied-legal a,footer .sdp-pied-bas a{min-height:40px;display:inline-flex!important;align-items:center}
}
/* menu ☰ : « Location de matériel » n'apparaît plus qu'une fois */
#top .actions:has(.mm-link[href="#location"]) .loc-mobile-link{display:none!important}
/* encart « Crédits » (blasons) en bas de page */
html body .container.sdp-pied-bas small.sdp-pied-legal > a[href*="credits"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v5c0 5-3 8.5-7 10-4-1.5-7-5-7-10V6z'/%3E%3Cpath d='M12 8v8M9 11h6'/%3E%3C/svg%3E")}
/* vitrine : blason du département dans « Intervient dans » */
.sdp-bl-v{width:24px;height:26px;object-fit:contain;vertical-align:-7px;margin-right:8px;filter:drop-shadow(0 1px 1px rgba(20,48,94,.25))}

/* case « Apparaître dans l'annuaire » (espace pro) */
#sdp-annu-case{display:flex;gap:12px;align-items:flex-start;margin:4px 0 14px;padding:12px 14px;border:1.5px dashed #b9c7dc;border-radius:14px;cursor:pointer;font-family:Satoshi,sans-serif;color:#14305e}
#sdp-annu-case input{width:22px;height:22px;flex:none;margin:1px 0 0;accent-color:#14305e}
#sdp-annu-case b{display:block;font-size:14.5px}#sdp-annu-case small{display:block;font-size:12.5px;color:#5b6b85;line-height:1.45;margin-top:2px}
#sdp-annu-case a{color:#14305e;font-weight:700}

/* inscription pro : attestation « dirigeant ou habilité » */
.sdp-hab{display:flex!important;gap:11px;align-items:flex-start;margin:8px 0 10px;padding:12px 14px;border:1.5px solid #14305e;border-radius:12px;background:#eef3fa;cursor:pointer;font-family:Satoshi,sans-serif;color:#14305e;font-size:13.5px;line-height:1.45;text-align:left;font-weight:400}
.sdp-hab input{width:20px;height:20px;flex:none;margin:1px 0 0;accent-color:#14305e}
.sdp-hab b{display:block;font-size:14px;font-weight:700}.sdp-hab small{display:block;color:#5b6b85;font-size:12.5px}
.sdp-hab.sdp-hab-err{border-color:#a3272c;background:#fdecec}
[data-theme=dark] .sdp-hab{background:#13223d;border-color:#7cc0f0;color:#dfe8fb}[data-theme=dark] .sdp-hab small{color:#9fb6da}
/* annonces vues par un visiteur : vendeur masqué */
.vis-note{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:#eef3fa;border:1px solid #d5e0ef;border-radius:14px;padding:12px 16px;color:#14305e;font-weight:600;font-size:14.5px;line-height:1.45}
.vis-note>svg{flex:none}.vis-note>span{flex:1 1 260px}.vis-note .btn{margin-left:auto}
.vis-sel{display:inline-flex;align-items:center;gap:5px;color:#14305e;font-weight:700}
.vis-lock{display:flex;gap:10px;align-items:center;background:#eef3fa;border-radius:12px;padding:12px 14px;margin:10px 0 0;color:#14305e;font-size:14px;font-weight:600;line-height:1.45}.vis-lock span{flex:1}
[data-theme=dark] .vis-note,[data-theme=dark] .vis-lock{background:#16263d;border-color:#2a3d5a;color:#dbe6f5}[data-theme=dark] .vis-sel{color:#dbe6f5}
@media(max-width:600px){.vis-note .btn{margin-left:0;width:100%}}
body.sdp-visiteur #mydept-note{display:none!important}
/* catégories des annonces : une ligne qui défile, icône par métier, flèches sur ordinateur */
.sdp-cats{position:relative;margin-bottom:18px}
.sdp-cats #filters{display:flex!important;flex-wrap:nowrap!important;gap:10px!important;overflow-x:auto!important;scrollbar-width:none;scroll-behavior:smooth;padding:4px 2px 6px!important;margin:0!important;-webkit-mask:none!important;mask:none!important}
.sdp-cats #filters::-webkit-scrollbar{display:none}
.sdp-cats #filters>.filter{flex:0 0 auto!important}
.sdp-cats .filter.sdp-cat{display:inline-flex;align-items:center;gap:9px;height:46px;padding:0 16px 0 6px;border-radius:14px;background:#fff;border:1px solid #d8e2ef;color:#14305e;font-weight:700;font-size:14px;white-space:nowrap;box-shadow:0 1px 2px rgba(20,48,94,.05);transition:border-color .15s,box-shadow .15s,background .15s}
.sdp-cats .filter.sdp-cat:hover{border-color:#14305e;box-shadow:0 3px 10px rgba(20,48,94,.10)}
.sdp-cats .sdp-ci{width:34px;height:34px;border-radius:10px;background:#eef3fa;color:#14305e;display:inline-flex;align-items:center;justify-content:center;flex:none}
.sdp-cats .filter.sdp-cat.active{background:#14305e;border-color:#14305e;color:#fff;box-shadow:none}
.sdp-cats .filter.sdp-cat.active .sdp-ci{background:rgba(255,255,255,.14);color:#fff}
.sdp-cats::before,.sdp-cats::after{content:"";position:absolute;top:0;bottom:8px;width:56px;pointer-events:none;z-index:1;transition:opacity .2s}
.sdp-cats::before{left:0;background:linear-gradient(90deg,var(--bg,#e3ebf6),transparent)}.sdp-cats::after{right:0;background:linear-gradient(270deg,var(--bg,#e3ebf6),transparent)}
.sdp-cats.debut::before,.sdp-cats.fin::after{opacity:0}
.sdp-cats-fl{position:absolute;top:calc(50% - 4px);transform:translateY(-50%);z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid #d8e2ef;background:#fff;color:#14305e;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 10px rgba(20,48,94,.14);transition:opacity .2s}
.sdp-cats-fl.g{left:-6px}.sdp-cats-fl.d{right:-6px}
.sdp-cats.debut .sdp-cats-fl.g,.sdp-cats.fin .sdp-cats-fl.d{opacity:0;pointer-events:none}
[data-theme=dark] .sdp-cats .filter.sdp-cat,[data-theme=dark] .sdp-cats-fl{background:#132238;border-color:#2a3d5a;color:#dbe6f5}[data-theme=dark] .sdp-cats .sdp-ci{background:#1b2f4b;color:#dbe6f5}
[data-theme=dark] .sdp-cats .filter.sdp-cat.active{background:#dbe6f5;color:#14305e}[data-theme=dark] .sdp-cats .filter.sdp-cat.active .sdp-ci{background:#14305e;color:#fff}
@media(max-width:860px){.sdp-cats-fl{display:none}.sdp-cats{margin-right:-20px}.sdp-cats::before{display:none}.sdp-cats .filter.sdp-cat{height:42px;font-size:13.5px;padding:0 14px 0 5px}.sdp-cats .sdp-ci{width:32px;height:32px}}
#audience-note:has(.vis-note){background:none!important;border:0!important;padding:0!important;box-shadow:none!important}
/* annonces plus compactes (« Du matériel pro, au juste prix ») */
#cards .card-img,#b2b-cards .card-img{aspect-ratio:16/9!important}
#cards .card-body,#b2b-cards .card-body{padding:12px 16px 14px!important}
#cards .card-body h3,#b2b-cards .card-body h3{font-size:15.5px!important;line-height:1.3!important;margin:0 0 4px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#cards .card-body .meta,#b2b-cards .card-body .meta{font-size:12.5px!important;line-height:1.45!important;margin-top:2px!important}
#cards .card-bottom,#b2b-cards .card-bottom{padding-top:10px!important;margin-top:auto!important}
#cards .card-bottom .btn,#b2b-cards .card-bottom .btn{min-height:34px!important;height:34px!important;padding:0 14px!important;font-size:13.5px!important}
#cards .card-price,#b2b-cards .card-price{font-size:17px!important}
@media(max-width:600px){
  #cards,#b2b-cards{grid-template-columns:1fr!important;gap:10px!important}
  #cards .card,#b2b-cards .card{flex-direction:row!important;min-height:128px}
  #cards .card-img,#b2b-cards .card-img{aspect-ratio:auto!important;width:118px!important;flex:0 0 118px!important;min-height:128px}
  #cards .card-img>b,#b2b-cards .card-img>b{display:none!important}
  #cards .card-img .state,#b2b-cards .card-img .state{font-size:10.5px!important;padding:2px 7px!important;left:8px!important;right:auto!important;top:8px!important}
  #cards .card-img .save-heart,#b2b-cards .card-img .save-heart{width:30px!important;height:30px!important;font-size:15px!important}
  #cards .card-img [class*="badge"],#cards .card-img .sdp-bdg{display:none!important}
  #cards .card-body,#b2b-cards .card-body{padding:10px 12px 10px!important;min-width:0}
  #cards .card-body h3,#b2b-cards .card-body h3{font-size:14.5px!important}
  #cards .card-bottom .btn,#b2b-cards .card-bottom .btn{display:none!important}
  #cards .card-bottom,#b2b-cards .card-bottom{padding-top:6px!important;border-top:0!important}
}
/* « Déstockage cuisine » : cuisines d'exposition */
#sdp-cuis{padding:56px 0;background:linear-gradient(180deg,#f6f1ea,#efe7dc)}
#sdp-cuis .cz-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:22px}
#sdp-cuis .cz-k{display:inline-flex;align-items:center;gap:8px;font:700 12.5px Satoshi,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#8a5a2b;background:#fff;border-radius:99px;padding:6px 12px}
#sdp-cuis h2{font-family:"Cabinet Grotesk",sans-serif;font-weight:500;color:#14305e;font-size:38px;margin:12px 0 6px;letter-spacing:-.01em}
#sdp-cuis .cz-s{color:#55606e;font-size:16px;max-width:620px;margin:0}
#sdp-cuis .cz-pts{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;color:#14305e;font-weight:600;font-size:14px}
#sdp-cuis .cz-bt{display:inline-flex;align-items:center;gap:8px;background:#14305e;color:#fff;border-radius:12px;padding:12px 18px;font:700 15px Satoshi,sans-serif;border:0;cursor:pointer}
#sdp-cuis .cz-fl{font:700 12.5px Satoshi,sans-serif;color:#8a5a2b;letter-spacing:.06em;text-transform:uppercase;margin:4px 0 8px}
#sdp-cuis .cz-fab{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 8px;margin:0 0 16px}#sdp-cuis .cz-fab::-webkit-scrollbar{display:none}
#sdp-cuis .cz-fab button{flex:0 0 auto;border:1px solid #e0d4c2;background:#fff;color:#14305e;border-radius:99px;padding:8px 14px;font:700 13.5px Satoshi,sans-serif;white-space:nowrap;cursor:pointer}
#sdp-cuis .cz-fab button.on{background:#14305e;border-color:#14305e;color:#fff}#sdp-cuis .cz-fab small{font-weight:600;opacity:.6;margin-left:5px}
#sdp-cuis .cz-g{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
#sdp-cuis .cz-c{background:#fff;border-radius:16px;overflow:hidden;border:1px solid #e6dccd;box-shadow:0 2px 10px rgba(60,40,10,.06);cursor:pointer;transition:box-shadow .2s,transform .2s}
#sdp-cuis .cz-c:hover{box-shadow:0 8px 22px rgba(60,40,10,.12);transform:translateY(-2px)}
#sdp-cuis .cz-im{aspect-ratio:16/10;background:#efe8de center/cover no-repeat;position:relative;display:flex;align-items:center;justify-content:center;color:#c2ae92}
#sdp-cuis .cz-im>svg{width:54px;height:54px}
#sdp-cuis .cz-ex{position:absolute;top:10px;left:10px;background:#14305e;color:#fff;font-weight:800;font-size:11.5px;border-radius:7px;padding:4px 8px;letter-spacing:.03em}
#sdp-cuis .cz-pc{position:absolute;top:10px;right:10px;background:#e3392f;color:#fff;font-weight:800;font-size:12.5px;border-radius:7px;padding:4px 8px}
#sdp-cuis .cz-mq{position:absolute;bottom:10px;left:10px;background:#fff;color:#14305e;font-weight:800;font-size:12px;border-radius:7px;padding:4px 9px;box-shadow:0 1px 4px rgba(0,0,0,.15)}
#sdp-cuis .cz-b{padding:13px 16px 16px}#sdp-cuis .cz-b h3{margin:0 0 4px;font:600 16px Satoshi,sans-serif;color:#14305e;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#sdp-cuis .cz-d{font-size:13px;color:#55606e}
#sdp-cuis .cz-tg{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0 2px}#sdp-cuis .cz-tg span{font-size:11.5px;font-weight:700;color:#8a5a2b;background:#f6efe5;border-radius:6px;padding:3px 7px}
#sdp-cuis .cz-pr{display:flex;align-items:baseline;gap:8px;margin-top:8px}#sdp-cuis .cz-pr b{font-size:20px;color:#14305e}#sdp-cuis .cz-pr s{color:#8a96a3;font-size:13.5px}
#sdp-cuis .cz-l{font-size:12.5px;color:#14305e;font-weight:600;margin-top:6px}
#sdp-cuis .cz-more{text-align:center;margin-top:22px}#sdp-cuis .cz-tous{color:#14305e;font:700 15px Satoshi,sans-serif;background:none;border:1.5px solid #14305e;border-radius:12px;padding:10px 18px;cursor:pointer}
#sdp-cuis .cz-vide{background:#fff;border:1px dashed #d8c7ad;border-radius:16px;padding:26px;text-align:center;color:#55606e}#sdp-cuis .cz-vide b{display:block;color:#14305e;font-size:17px;margin-bottom:4px}
#sdp-cz-opts .cz-op{display:flex;flex-wrap:wrap;gap:8px 16px}#sdp-cz-opts .cz-op label{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14px;cursor:pointer;text-transform:none!important;letter-spacing:0!important;color:inherit!important}
.sdp-cz-toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%,20px);opacity:0;background:#14305e;color:#fff;padding:12px 18px;border-radius:12px;font-weight:600;z-index:9999;transition:all .3s;max-width:92vw;text-align:center}.sdp-cz-toast.on{opacity:1;transform:translate(-50%,0)}
body.sdp-visiteur main>#sdp-cuis{order:6}
[data-theme=dark] #sdp-cuis{background:linear-gradient(180deg,#1a2230,#151c27)}[data-theme=dark] #sdp-cuis .cz-c,[data-theme=dark] #sdp-cuis .cz-fab button,[data-theme=dark] #sdp-cuis .cz-vide{background:#132238;border-color:#2a3d5a}[data-theme=dark] #sdp-cuis h3,[data-theme=dark] #sdp-cuis h2{color:#dbe6f5}
@media(max-width:860px){#sdp-cuis{padding:36px 0}#sdp-cuis h2{font-size:28px}#sdp-cuis .cz-g{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-20px;padding-right:20px;scrollbar-width:none}#sdp-cuis .cz-c{flex:0 0 78%;scroll-snap-align:start}#sdp-cuis .cz-bt{width:100%;justify-content:center}}

/* Vos outils gratuits — mêmes couleurs et typo que le reste de l'accueil */
#outils{background:#e3ebf6;padding:34px 0 38px}
#outils .po-g{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}
#outils .po-t{display:flex;flex-direction:column;gap:6px;padding:20px;border:1px solid #cdd8ea;border-radius:14px;background:#fff;text-decoration:none;color:#1b3a6b;transition:border-color .15s,box-shadow .15s}
#outils .po-t:hover{border-color:#1b3a6b;box-shadow:0 6px 18px rgba(20,48,94,.08)}
#outils .po-i{width:44px;height:44px;border-radius:12px;background:#e8f1fb;color:#14305e;display:flex;align-items:center;justify-content:center;margin-bottom:6px}
#outils .po-t b{font-family:'Cabinet Grotesk','Helvetica Neue',Arial,sans-serif;font-weight:500;font-size:18.72px;color:#1b3a6b;line-height:1.2}
#outils .po-t small{font-family:Satoshi,'Helvetica Neue',Arial,sans-serif;color:#5b6b85;font-size:15px;line-height:1.45}
#outils .po-t em{font-family:Satoshi,'Helvetica Neue',Arial,sans-serif;font-style:normal;font-weight:700;font-size:14px;color:#14305e;margin-top:auto;padding-top:8px;display:inline-flex;align-items:center;gap:4px}
@media(max-width:760px){#outils{padding:26px 0 30px}#outils .po-g{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-20px;padding-right:20px;scrollbar-width:none}#outils .po-g::-webkit-scrollbar{display:none}#outils .po-t{flex:0 0 72%;scroll-snap-align:start}}
html[data-theme=dark] #outils{background:#0c1729}html[data-theme=dark] #outils .po-t{background:#132238;border-color:#2a3d5a}html[data-theme=dark] #outils .po-t b,html[data-theme=dark] #outils .po-t em{color:#dbe6f5}html[data-theme=dark] #outils .po-t small{color:#9fb0c8}html[data-theme=dark] #outils .po-i{background:#1d3150;color:#dbe6f5}