/* Popup2685 RC5: isolated design system. Visual options come from validated CSS variables. */
.popup2685-root[hidden]{display:none!important}
.popup2685-root,.popup2685-root *{box-sizing:border-box}
.popup2685-root{position:fixed;inset:0;z-index:2147482000;display:grid;place-items:center;padding:26px;isolation:isolate;direction:rtl;pointer-events:auto}
.popup2685-root.popup2685-placement-bottom{align-items:end}
.popup2685-root.popup2685-placement-bottom-right{align-items:end;justify-items:start}
.popup2685-root.popup2685-placement-bottom-left{align-items:end;justify-items:end}
.popup2685-overlay{position:absolute;inset:0;background:var(--p-overlay-color,rgba(22,19,35,.55));backdrop-filter:blur(var(--p-overlay-blur,5px));-webkit-backdrop-filter:blur(var(--p-overlay-blur,5px))}
.popup2685-frame{position:relative;z-index:1;display:block;width:var(--p-d-width,fit-content);min-width:var(--p-d-min-width,0px);max-width:min(var(--p-d-max-width,860px),calc(100vw - 52px));min-height:var(--p-d-min-height,0px);max-height:min(var(--p-d-max-height,90vh),calc(100dvh - 52px));margin:0;isolation:isolate}
.popup2685-dialog{position:relative;width:100%;height:var(--p-d-height,auto);min-height:var(--p-d-min-height,0px);max-height:min(var(--p-d-max-height,90vh),calc(100dvh - 52px));overflow-y:var(--p-d-scroll,auto);overflow-x:hidden;overscroll-behavior:contain;background:var(--p-d-bg,#fff);border:var(--p-d-border,0px solid transparent);border-radius:var(--p-d-radius,24px);box-shadow:var(--p-d-shadow,0 22px 70px rgba(0,0,0,.2));outline:none;direction:rtl;scrollbar-width:thin}
.popup2685-body{padding:var(--p-d-padding,18px);text-align:var(--p-d-align,center);width:100%;min-width:0;overflow-wrap:anywhere}
.popup2685-body>*{max-width:100%}.popup2685-body>:first-child{margin-top:0!important}.popup2685-body>:last-child{margin-bottom:0!important}
.popup2685-body img,.popup2685-body video,.popup2685-body iframe{max-width:100%;height:auto}
.popup2685-body .wp-block-image{max-width:100%;margin-inline:auto}
.popup2685-root[data-popup2685-preset="image"] .popup2685-body .wp-block-image{margin-block:0}
.popup2685-root[data-popup2685-preset="image"] .popup2685-body .wp-block-image img{display:block;max-height:calc(100dvh - 120px);width:auto;max-width:100%;object-fit:contain}
.popup2685-close{z-index:3;position:absolute;display:grid;place-items:center;flex:none;min-width:28px;width:var(--p-close-size,40px);height:var(--p-close-size,40px);padding:0;margin:0;line-height:1;background:var(--p-close-bg,rgba(255,255,255,.95));color:var(--p-close-color,#22232b);border:var(--p-close-border,1px solid #e1e4ec);border-radius:var(--p-close-radius,50%);box-shadow:var(--p-close-shadow,0 8px 30px rgba(0,0,0,.12));cursor:pointer;transition:background-color .15s,transform .15s;touch-action:manipulation}
.popup2685-close svg{display:block;width:var(--p-close-icon-size,19px);height:var(--p-close-icon-size,19px);pointer-events:none}
.popup2685-close:hover{background:var(--p-close-hover,#f2f5fb)}.popup2685-close:active{transform:scale(.96)}
.popup2685-close:focus-visible{outline:3px solid #245cf0;outline-offset:3px}
.popup2685-root[data-popup2685-close-position="inside-tl"] .popup2685-close{top:var(--p-close-y);left:var(--p-close-x)}
.popup2685-root[data-popup2685-close-position="inside-tr"] .popup2685-close{top:var(--p-close-y);right:var(--p-close-x)}
.popup2685-root[data-popup2685-close-position="inside-bl"] .popup2685-close{bottom:var(--p-close-y);left:var(--p-close-x)}
.popup2685-root[data-popup2685-close-position="inside-br"] .popup2685-close{bottom:var(--p-close-y);right:var(--p-close-x)}
.popup2685-root[data-popup2685-close-position="outside-tl"] .popup2685-close{top:calc(0px - var(--p-close-y));left:calc(0px - var(--p-close-x))}
.popup2685-root[data-popup2685-close-position="outside-tr"] .popup2685-close{top:calc(0px - var(--p-close-y));right:calc(0px - var(--p-close-x))}
.popup2685-root[data-popup2685-close-position="outside-bl"] .popup2685-close{bottom:calc(0px - var(--p-close-y));left:calc(0px - var(--p-close-x))}
.popup2685-root[data-popup2685-close-position="outside-br"] .popup2685-close{bottom:calc(0px - var(--p-close-y));right:calc(0px - var(--p-close-x))}
/* Use a class on html plus body, and restore inline styles on close. */
html.popup2685-scroll-lock,html.popup2685-scroll-lock body{overflow:hidden!important}
@media(max-width:767px){
 .popup2685-root{padding:12px}
 .popup2685-frame{width:var(--p-m-width,94vw);min-width:var(--p-m-min-width,0px);max-width:min(var(--p-m-max-width,100%),calc(100vw - 24px));min-height:var(--p-m-min-height,0px);max-height:min(var(--p-m-max-height,88dvh),calc(100dvh - 24px))}
 .popup2685-dialog{height:var(--p-m-height,auto);min-height:var(--p-m-min-height,0px);max-height:min(var(--p-m-max-height,88dvh),calc(100dvh - 24px));overflow-y:var(--p-m-scroll,auto);background:var(--p-m-bg,#fff);border:var(--p-m-border,0px solid transparent);border-radius:var(--p-m-radius,18px);box-shadow:var(--p-m-shadow,0 22px 70px rgba(0,0,0,.20))}
 .popup2685-body{padding:var(--p-m-padding,10px);text-align:var(--p-m-align,center)}
 .popup2685-root.popup2685-placement-bottom{padding:0;align-items:end}
 .popup2685-root.popup2685-placement-bottom .popup2685-frame{width:100%;max-width:100%;max-height:90dvh}
 .popup2685-root.popup2685-placement-bottom .popup2685-dialog{border-radius:var(--p-m-radius,22px) var(--p-m-radius,22px) 0 0;max-height:90dvh}
}
@media(prefers-reduced-motion:reduce){.popup2685-root *, .popup2685-root *::before,.popup2685-root *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Outside close needs a reserved safe area (including when the viewport is narrow). */
.popup2685-root[data-popup2685-close-position^="outside"]{padding-inline:calc(var(--p-close-x) + 8px);padding-block:calc(var(--p-close-y) + 8px)}
.popup2685-root[data-popup2685-close-position^="outside"] .popup2685-frame{max-width:min(var(--p-d-max-width,860px),calc(100vw - 2 * var(--p-close-x) - 16px));max-height:min(var(--p-d-max-height,90vh),calc(100dvh - 2 * var(--p-close-y) - 16px))}
.popup2685-root[data-popup2685-close-position^="outside"] .popup2685-dialog{max-height:min(var(--p-d-max-height,90vh),calc(100dvh - 2 * var(--p-close-y) - 16px))}
@media(max-width:767px){
 .popup2685-root[data-popup2685-close-position^="outside"] .popup2685-frame{max-width:min(var(--p-m-max-width,100%),calc(100vw - 2 * var(--p-close-x) - 16px));max-height:min(var(--p-m-max-height,88dvh),calc(100dvh - 2 * var(--p-close-y) - 16px))}
 .popup2685-root[data-popup2685-close-position^="outside"] .popup2685-dialog{max-height:min(var(--p-m-max-height,88dvh),calc(100dvh - 2 * var(--p-close-y) - 16px))}
}

/* Floating/non-overlay popup must not block every link on the page behind it. */
.popup2685-root[data-popup2685-overlay="off"]{pointer-events:none}
.popup2685-root[data-popup2685-overlay="off"] .popup2685-overlay{pointer-events:none}
.popup2685-root[data-popup2685-overlay="off"] .popup2685-frame{pointer-events:auto}
/* RC6: editable starter image acts as background of the Gutenberg hero card, not a second tall image. */
.popup2685-root[data-popup2685-preset="image"] .popup2685-body .popup2685-template-hero>.wp-block-image:first-child{position:absolute;inset:0;width:100%;height:100%;margin:0;z-index:0}
.popup2685-root[data-popup2685-preset="image"] .popup2685-body .popup2685-template-hero>.wp-block-image:first-child img{display:block;width:100%;height:100%;max-width:100%;max-height:none;object-fit:cover}