/* "Demander un devis": product-page button + pop-up, account quote page (mu-plugins/solimar-quote.php 1.1.0).
   Everything under .sq-ui; design-system tokens with fallbacks. Phone first, wider layout from 768 px. */
.sq-ui{--sq-ink:var(--ink,#0F1720);--sq-ink2:var(--ink2,#33404A);--sq-line:var(--line2,#E5E9EC);--sq-nav:var(--nav,#1B4D2E);--sq-promo:var(--promo,#B12704);--sq-muted:var(--muted,#5B6670);--sq-link:var(--link,#0070B8);font-family:var(--text,Inter,system-ui,sans-serif)}
.sq-launch{margin:14px 0 0}
.sq-launch .sq-open{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border:1.5px solid var(--sq-nav);border-radius:999px;background:#fff;color:var(--sq-nav);font:700 16px/1.2 var(--text,Inter,system-ui,sans-serif);text-decoration:none;transition:background-color .15s,color .15s}
.sq-launch .sq-open:hover{background:var(--sq-nav);color:#fff}
.sq-launch .sq-open:focus-visible{outline:2px solid var(--sq-link);outline-offset:3px}
.sq-launch-note{margin:6px 0 0;font-size:13px;line-height:1.4;color:var(--sq-muted);text-align:center}
html.sq-lock{overflow:hidden}
dialog.sq-dialog{box-sizing:border-box;width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:0;border:0;background:#fff;color:var(--sq-ink2);overflow:hidden}
dialog.sq-dialog[open]{display:flex;flex-direction:column}
dialog.sq-dialog::backdrop{background:rgba(15,23,32,.55)}
.sq-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--sq-line);flex:0 0 auto}
.sq-dialog-head h2{margin:0;font:800 20px/1.25 var(--display,Archivo,Arial,sans-serif);color:var(--sq-ink)}
.sq-x{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:var(--chip,#F3F5F7);color:var(--sq-ink);cursor:pointer}
.sq-x:focus-visible{outline:2px solid var(--sq-link);outline-offset:2px}
.sq-dialog-body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 16px calc(24px + env(safe-area-inset-bottom))}
.sq-ui .sq-form{margin:0;font:400 16px/1.5 var(--text,Inter,system-ui,sans-serif);color:var(--sq-ink2)}
.sq-ui .sq-form>*{margin:0}
.sq-ui .sq-form>*+*{margin-top:14px}
.sq-ui .sq-note{font-size:13px;color:var(--sq-muted)}
.sq-ui .sq-product{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid var(--sq-line);border-radius:10px;background:var(--chip,#F3F5F7)}
.sq-ui .sq-product img{flex:0 0 auto;width:64px;height:64px;object-fit:contain;background:#fff;border-radius:6px}
.sq-ui .sq-product p{margin:0;display:flex;flex-direction:column;gap:2px;min-width:0;font-size:14px;line-height:1.4}
.sq-ui .sq-product strong{font-size:15px;color:var(--sq-ink);overflow-wrap:anywhere}
.sq-ui .sq-product-opt,.sq-ui .sq-product-ref{color:var(--sq-ink2)}
.sq-ui .sq-form fieldset{margin:18px 0 0;padding:0;border:0;min-width:0}
.sq-ui .sq-form fieldset+fieldset{margin-top:6px;padding-top:16px;border-top:1px solid var(--sq-line)}
.sq-ui .sq-form legend{padding:0;margin:0 0 10px;font:700 17px/1.3 var(--display,Archivo,Arial,sans-serif);color:var(--sq-ink)}
.sq-ui .sq-form .sq-row{display:block;margin:0;padding:0 0 14px}
.sq-ui .sq-pair{display:grid;grid-template-columns:minmax(0,1fr);gap:0 14px}
.sq-ui .sq-form label{display:block;margin:0 0 5px;font:600 14px/1.35 var(--text,Inter,system-ui,sans-serif);color:var(--sq-ink)}
.sq-ui .sq-req{color:var(--sq-promo)}
.sq-ui .sq-opt{font-weight:400;color:var(--sq-muted)}
.sq-ui .sq-form :is(input[type=text],input[type=email],input[type=tel],input[type=number],input[type=date],textarea){box-sizing:border-box;display:block;width:100%;height:48px;margin:0;padding:0 14px;border:1px solid #8A949C;border-radius:8px;background:#fff;color:var(--sq-ink);font:400 16px/1.4 var(--text,Inter,system-ui,sans-serif);box-shadow:none}
.sq-ui .sq-form textarea{height:auto;min-height:96px;padding:12px 14px;resize:vertical}
.sq-ui .sq-form :is(input,textarea):focus{outline:2px solid var(--sq-link);outline-offset:1px;border-color:var(--nav2,#2A6B3F)}
.sq-ui .sq-form [aria-invalid=true]{border-color:var(--sq-promo);border-width:2px}
.sq-ui .sq-form .sq-err{display:block;margin:6px 0 0;font-size:14px;line-height:1.4;font-weight:600;color:var(--sq-promo)}
.sq-ui .sq-form .sq-err:empty{display:none}
.sq-ui .sq-form .sq-consent label{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;margin:0;font-weight:400;font-size:14px;line-height:1.45;color:var(--sq-ink2)}
.sq-ui .sq-consent input[type=checkbox]{flex:0 0 auto;width:22px;height:22px;margin:1px 0 0;accent-color:var(--nav2,#2A6B3F)}
.sq-ui .sq-consent a{color:var(--sq-link)}
.sq-ui .sq-hp{position:absolute!important;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.sq-ui .sq-status{padding:12px 14px;border-radius:8px;background:var(--promo-tint,#FDECEC);color:var(--sq-promo);font-size:15px;font-weight:600}
.sq-ui .sq-dry{padding:12px 14px;border-radius:8px;background:var(--chip,#F3F5F7);border:1px dashed var(--line,#D5DBE0);font-size:14px}
.sq-ui button.sq-send{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;margin:0;padding:0 24px;border:0;border-radius:999px;background:var(--accent,#8CC63F);color:var(--accent-ink,#0E2414);font:700 16px/1.2 var(--text,Inter,system-ui,sans-serif);cursor:pointer}
.sq-ui button.sq-send:hover{background:#9BD24F}
.sq-ui button.sq-send:focus-visible{outline:2px solid var(--sq-link);outline-offset:3px}
.sq-ui button.sq-send:disabled{opacity:.65;cursor:progress}
.sq-ui .sq-done{padding:16px;border-radius:10px;background:var(--tint,#EAF5DC);color:var(--accent-ink,#0E2414);font-size:15px;line-height:1.5}
.sq-ui .sq-done p{margin:0}
.sq-ui .sq-done p+p{margin-top:8px}
.sq-ui .sq-done a{color:inherit;font-weight:700}
.sq-ui .sq-done:focus{outline:2px solid var(--sq-link);outline-offset:2px}
/* account */
.sq-account{max-width:760px}
.sq-account-title{margin:0 0 12px;font:800 20px/1.25 var(--display,Archivo,Arial,sans-serif);color:var(--sq-ink)}
.sq-account-title+*{margin-top:0}
.sq-list+.sq-account-title,.sq-empty+.sq-account-title{margin-top:28px}
.sq-list{margin:0;padding:0;list-style:none;border:1px solid var(--sq-line);border-radius:10px;background:#fff}
.sq-item{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;padding:12px 14px;font-size:14px;line-height:1.45}
.sq-item+.sq-item{border-top:1px solid var(--sq-line)}
.sq-item-date{color:var(--sq-muted);font-size:13px}
.sq-item-name{font-weight:700;color:var(--sq-ink)}
.sq-item-name a{color:var(--sq-link)}
.sq-item-state{justify-self:start;padding:2px 10px;border-radius:999px;background:#EEF1F3;color:var(--sq-ink2);font-size:13px;font-weight:600;white-space:nowrap}
.sq-st--en_cours{background:#FFF4D6;color:#7A5300}.sq-st--envoye,.sq-st--accepte{background:#E3F2E7;color:#1F5A33}.sq-st--refuse,.sq-st--clos{background:#EEF1F3;color:#5A6570}
.sq-empty{margin:0;color:var(--sq-ink2)}
.sq-account .sq-form{padding:clamp(16px,3vw,24px);background:#fff;border:1px solid var(--sq-line);border-radius:10px}
@media (min-width:768px){
	dialog.sq-dialog{width:min(680px,calc(100% - 48px));height:auto;max-height:calc(100% - 48px);margin:auto;border-radius:14px;box-shadow:0 24px 60px -20px rgba(15,23,32,.45)}
	.sq-dialog-head{padding:16px 24px}
	.sq-dialog-body{padding:20px 24px 24px}
	.sq-ui .sq-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
	.sq-ui button.sq-send{width:auto;min-width:300px}
	.sq-item{grid-template-columns:120px minmax(0,1fr) auto;align-items:baseline;gap:4px 14px}
	.sq-item-what{grid-column:2}
	.sq-item-state{grid-column:3;grid-row:1}
}
@media (prefers-reduced-motion:no-preference){dialog.sq-dialog[open]{animation:sq-in .18s ease-out}@keyframes sq-in{from{opacity:0;transform:translateY(12px)}}}
.sq-ui button.sq-send{text-transform:none;letter-spacing:normal}
.sq-ui.sq-account .sq-list+.sq-account-title,.sq-ui.sq-account .sq-empty+.sq-account-title{margin-top:28px!important}