/* H2B V65 — infos texte positionnables par page */
.section-tab.h2b-info-admin-tab{
  color:#a8f4d2;
  border-color:rgba(56,217,150,.42);
  background:linear-gradient(180deg,rgba(56,217,150,.18),rgba(12,41,31,.24));
  box-shadow:inset 0 0 0 1px rgba(56,217,150,.04);
}
.section-tab.h2b-info-admin-tab.active{
  color:#f1fff9;
  border-color:rgba(75,235,169,.78);
  background:linear-gradient(135deg,rgba(48,194,135,.65),rgba(23,114,81,.7));
  box-shadow:0 0 0 1px rgba(56,217,150,.14),0 10px 28px rgba(24,143,96,.16);
}
.h2b-page-info-layer{position:fixed;inset:0;z-index:15;pointer-events:none;overflow:hidden}
.h2b-page-info-item{
  position:absolute;left:var(--info-x,50%);top:var(--info-y,35%);
  transform:translate(-50%,-50%);max-width:min(86vw,1000px);
  color:var(--text,#f4f7fb);font-family:var(--display-font,"Kanit",Inter,system-ui,sans-serif);
  font-size:var(--info-size,24px);font-weight:800;line-height:1.08;letter-spacing:-.018em;
  white-space:pre-wrap;overflow-wrap:anywhere;text-align:center;
  text-shadow:0 2px 14px rgba(0,0,0,.8);pointer-events:none;
}
.h2b-info-editor{border-color:rgba(56,217,150,.3)}
.h2b-info-editor .eyebrow{color:#71e8b6}
.h2b-info-editor-grid{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(340px,1.18fr);gap:22px;align-items:start}
.h2b-info-device-tabs{display:flex;gap:7px;flex-wrap:wrap}
.h2b-info-device-tabs .active{border-color:#69e7b1!important;box-shadow:0 0 0 1px rgba(56,217,150,.18)}
.h2b-info-slider label{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:7px}
.h2b-info-slider input[type=range]{width:100%}
#h2bInfoText{width:100%;min-height:118px;resize:vertical;border:1px solid #24364d;background:#09121d;color:#fff;border-radius:11px;padding:12px 13px;outline:none;font:inherit}
#h2bInfoText:focus{border-color:#38d996;box-shadow:0 0 0 3px rgba(56,217,150,.12)}
.h2b-info-preview-head{display:flex;justify-content:space-between;align-items:end;gap:10px;margin-bottom:9px}.h2b-info-preview-head small{color:#8096aa;text-align:right}
.h2b-info-preview{position:relative;width:100%;margin-inline:auto;overflow:hidden;border:1px solid rgba(56,217,150,.28);background:linear-gradient(145deg,#07111c,#0b1724);clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);transition:max-width .18s ease,aspect-ratio .18s ease}
.h2b-info-preview[data-device="desktop"]{max-width:780px;aspect-ratio:16/9}.h2b-info-preview[data-device="tablet"]{max-width:640px;aspect-ratio:4/3}.h2b-info-preview[data-device="mobile"]{max-width:360px;aspect-ratio:9/16}
.h2b-info-preview-bg{position:absolute;inset:0;opacity:.7;background:radial-gradient(circle at 20% 25%,rgba(22,135,255,.18),transparent 30%),linear-gradient(145deg,#07111c,#0b1724)}
.h2b-info-preview-pagecopy{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;color:rgba(220,232,243,.2);font-family:var(--display-font,"Kanit",Inter,system-ui,sans-serif);font-size:clamp(18px,4vw,34px);font-weight:800;pointer-events:none}
.h2b-info-preview-item{position:absolute;z-index:5;left:var(--preview-x,50%);top:var(--preview-y,35%);transform:translate(-50%,-50%);max-width:88%;color:#f4f7fb;font-family:var(--display-font,"Kanit",Inter,system-ui,sans-serif);font-size:var(--preview-size,24px);font-weight:800;line-height:1.08;letter-spacing:-.018em;white-space:pre-wrap;overflow-wrap:anywhere;text-align:center;text-shadow:0 2px 14px rgba(0,0,0,.8);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
.h2b-info-preview-item.is-dragging{cursor:grabbing}
.h2b-info-help{margin:10px 0 0;color:#94a9bd;font-size:11px;line-height:1.45;text-align:center}.h2b-info-help strong{color:#dce8f3}
.h2b-info-admin-list{display:flex;flex-direction:column;gap:9px}
.h2b-info-admin-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px;border:1px solid rgba(56,217,150,.22);border-radius:13px;background:rgba(7,19,15,.58)}
.h2b-info-admin-row.is-inactive{opacity:.55}.h2b-info-admin-copy{min-width:0}.h2b-info-admin-copy strong{display:block;color:#ecfff7;white-space:pre-wrap;overflow-wrap:anywhere}.h2b-info-admin-copy span{display:block;margin-top:4px;color:#85a99a;font-size:11px}.h2b-info-admin-actions{display:flex;gap:7px;flex-wrap:wrap;flex:0 0 auto}
.h2b-info-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
@media(max-width:900px){.h2b-info-editor-grid{grid-template-columns:1fr}.h2b-info-preview[data-device="desktop"]{max-width:100%}.h2b-info-preview[data-device="tablet"]{max-width:min(100%,560px)}.h2b-info-preview[data-device="mobile"]{max-width:min(100%,340px)}}
@media(max-width:600px){.h2b-info-preview[data-device="mobile"]{max-width:min(100%,320px)}.h2b-info-admin-row{align-items:flex-start;flex-direction:column}.h2b-info-admin-actions{width:100%}.h2b-info-admin-actions .btn{flex:1}.h2b-page-info-item{max-width:90vw}}