/* Éléments de navigation générés par Design (chargé sur tout le site public). */
.ds-navdrop{position:relative;display:inline-flex;align-items:center}
.ds-navdrop__top::after{content:"▾";font-size:10px;margin-left:6px;opacity:.7}
.ds-navdrop__menu{position:absolute;top:calc(100% + 12px);left:-18px;min-width:230px;display:none;flex-direction:column;gap:12px;padding:18px;background:rgba(2,3,7,.96);border:1px solid var(--line-2);border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.5);z-index:95}
.ds-navdrop__menu::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.ds-navdrop:hover .ds-navdrop__menu,.ds-navdrop:focus-within .ds-navdrop__menu{display:flex}
.menu.open .ds-navdrop{flex-direction:column;align-items:flex-start}
.menu.open .ds-navdrop__menu{position:static;display:flex;background:none;border:0;box-shadow:none;padding:10px 0 0 14px;min-width:0}
.cart-fab{position:relative;display:inline-flex;align-items:center;gap:8px}
.cart-fab .badge-count{position:absolute;top:-8px;right:-10px;background:var(--cyan);color:#06090F;font-family:'Space Grotesk';font-size:10px;font-weight:700;min-width:17px;height:17px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 4px}
.ds-socials{display:flex;gap:10px;margin-top:16px}
.ds-socials a{display:inline-flex;width:36px;height:36px;border-radius:50%;border:1px solid var(--line-2);align-items:center;justify-content:center;opacity:.8}
.ds-socials a:hover{opacity:1;border-color:var(--cyan);color:var(--cyan)}
.ds-socials svg{width:17px;height:17px}
.ds-preview-banner{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:200;display:flex;gap:16px;align-items:center;background:#E5EB23;color:#06090F;font:600 13px/1.3 'Manrope',sans-serif;padding:10px 18px;border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.ds-preview-banner a{text-decoration:underline}
.ds-zone-note{color:var(--muted);font-size:13px;border:1px dashed var(--line-2);border-radius:12px;padding:14px 18px}

/* Bouton universel Modifier avec Design Builder */
.ds-btn-builder{background:#fff!important;color:#06090F!important;border-radius:999px!important;font-weight:500!important;padding:8px 18px!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 2px 8px rgba(0,0,0,.2)!important;transition:all .2s ease!important;white-space:nowrap!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;gap:6px!important}
.ds-btn-builder:hover{background:var(--cyan,#5ACBFB)!important;color:#06090F!important;transform:translateY(-1px)!important;box-shadow:0 4px 14px rgba(90,203,251,.35)!important}

/* Barre d'administration interactive (façon Elementor) */
.ds-admin-bar{position:fixed;top:0;left:0;right:0;height:42px;background:#080c16;border-bottom:1px solid rgba(90,203,251,.25);z-index:9999;display:flex;align-items:center;font-family:'Space Grotesk',system-ui,sans-serif;font-size:13px;color:#fff;box-shadow:0 4px 18px rgba(0,0,0,.5)}
.ds-admin-bar__inner{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 24px;max-width:1400px;margin:0 auto}
.ds-admin-bar__brand{display:flex;align-items:center;gap:8px}
.ds-admin-bar__dot{width:7px;height:7px;border-radius:50%;background:#5ACBFB;box-shadow:0 0 8px #5ACBFB}
.ds-admin-bar__mode{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted,#8b9bb4);background:rgba(255,255,255,.06);padding:2px 7px;border-radius:999px;margin-left:6px}
.ds-admin-bar .ds-btn-builder{font-size:12px!important;padding:5px 14px!important}
.ds-admin-bar__links{display:flex;gap:14px;align-items:center}
.ds-admin-bar__link{color:#8b9bb4;text-decoration:none;font-size:12px}
.ds-admin-bar__link:hover{color:#fff}
body.has-admin-bar #header{top:42px}
body.has-admin-bar main#app{padding-top:138px!important}