/* STUDI21-2026-10-21 - studi21.css 1.0.0 (000987-scatole-studi21.php). Solo aggiunte; nessuna regola senza la classe o l'id del pacchetto. */

/* ---- misure su telefono e tablet (html.st21-tocco): il numero e' il comando principale, + e - piccoli uno sopra l'altro a destra ---- */
html.st21-tocco #bl-studio .bl-campo__box[data-st21-h]{height:60px!important;padding:0 42px 15px 8px!important;border:1.5px solid #9FC3C8!important;background:#fff!important;cursor:text;-webkit-tap-highlight-color:transparent}
html.st21-tocco #bl-studio .bl-campo__box[data-st21-h]::after{content:attr(data-st21-h);position:absolute;left:4px;right:40px;bottom:7px;overflow:hidden;color:#5E7A80;font:500 10px/1.1 Poppins,system-ui,sans-serif;letter-spacing:0;text-align:center;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}
html.st21-tocco #bl-studio .bl-campo__box[data-st21-h]:focus-within::after{content:none}
html.st21-tocco #bl-studio .bl-campo__box[data-st21-h]:focus-within{padding-bottom:0!important}
html.st21-tocco #bl-studio .bl-campo__box[data-st21-h] input{font-size:24px!important}
html.st21-tocco #bl-studio .bl-campo__box[data-st21-h][data-msr-long] input{font-size:21px!important}
html.st21-tocco #bl-studio .bl-campo__box[data-st21-h] .msr-b{right:5px;left:auto;width:32px;height:25px;border-color:#E1E8EA;border-radius:8px;background:#F5F8F9;color:#46646A;transform:none;opacity:1;pointer-events:auto;--msr-bar:10px}
html.st21-tocco #bl-studio .bl-campo__box[data-st21-h] .msr-b--p{top:4px;bottom:auto}
html.st21-tocco #bl-studio .bl-campo__box[data-st21-h] .msr-b--m{top:auto;bottom:4px}
html.st21-tocco #bl-studio .bl-campo__box[data-st21-h] .msr-b:active{border-color:#1A555E;background:#1A555E;color:#fff}

/* ---- editor: di che cosa sono le misure delle superfici ---- */
.st21-ed{margin:0 0 8px;padding:7px 10px;border-radius:8px;background:#EEF5F6;color:#1A555E;font-size:12.5px;font-weight:600;line-height:1.35}
.st21-ed[hidden]{display:none}

/* ---- editor: PNG/JPG per stampa a caldo e serigrafia ---- */
.st21-ra{margin:8px 0 0;padding:8px 10px;border:1px solid #D3E3E6;border-radius:8px;background:#F4F9FA;color:#17262d;font-size:12.5px;line-height:1.4}
.st21-ra[hidden]{display:none}

/* ---- ordini grandi ---- */
#bl-studio .st21-grandi{margin:10px 0;padding:10px 12px;border:1px solid #D3E3E6;border-radius:12px;background:#F4F9FA;color:#17262d;font-size:13px;line-height:1.4}
#bl-studio .st21-grandi[hidden]{display:none}
#bl-studio .st21-grandi p{margin:0}
#bl-studio .st21-grandi b{color:#1A555E;font-weight:700}
#bl-studio .st21-grandi__az{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:8px!important}
#bl-studio .st21-grandi__chat{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border:1.5px solid #1A555E;border-radius:10px;background:#fff;color:#1A555E!important;font-size:13px;font-weight:700;text-decoration:none!important}
#bl-studio .st21-grandi__chat:hover,#bl-studio .st21-grandi__chat:focus-visible{background:#E9F3F4}
#bl-studio .st21-grandi__pdf{min-height:40px;margin:0;padding:0;border:0;background:none;color:#1A555E;font:inherit;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer;text-transform:none;letter-spacing:0}
#bl-studio .st21-grandi__chat:focus-visible,#bl-studio .st21-grandi__pdf:focus-visible{outline:2px solid #226e78;outline-offset:2px}