/* Shared styling for the frontend editing tools; site content stays independent. */
:root{--ep-editor-green:#59e64f;--ep-editor-ink:#10200f;--ep-editor-text:#f4f4f6;--ep-editor-muted:#bcc0c5;--ep-editor-border:#ffffff26;--ep-editor-panel:#1d2023f2;--ep-editor-font:InterVariable,Inter,'Helvetica Neue',system-ui,sans-serif}
.ep-inline-bar,.ep-image-bar,.ep-block-picker{background:var(--ep-editor-panel);color:var(--ep-editor-text);border:1px solid var(--ep-editor-border);border-radius:9px;box-shadow:0 5px 20px #0003,0 22px 40px -10px #0006;font-family:var(--ep-editor-font);color-scheme:dark;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.ep-inline-bar button,.ep-image-bar button,.ep-block-picker button,.ep-block-tools button{background:transparent;color:var(--ep-editor-text);border:1px solid transparent;border-radius:6px;font-family:var(--ep-editor-font);font-weight:560;box-shadow:none;transition:background-color .15s,color .15s,border-color .15s}
.ep-inline-bar button:hover:not(:disabled),.ep-image-bar button:hover:not(:disabled),.ep-block-picker button:hover:not(:disabled),.ep-block-tools button:hover:not(:disabled){background:#ffffff16;color:#fff;border-color:var(--ep-editor-border)}
.ep-inline-bar .ep-save,.ep-image-bar .ep-image-save{background:#ffffff12;color:var(--ep-editor-text);border:1px solid #ffffff40}
.ep-inline-bar button[aria-pressed=true],.ep-image-bar button[aria-pressed=true],.ep-inline-bar button[aria-pressed=true]:hover,.ep-image-bar button[aria-pressed=true]:hover{background:var(--ep-editor-green);border-color:var(--ep-editor-green);color:var(--ep-editor-ink);box-shadow:inset 0 -2px #247d20}
.ep-inline-bar button:disabled,.ep-image-bar button:disabled,.ep-block-picker button:disabled,.ep-block-tools button:disabled{opacity:.35;cursor:not-allowed}
.ep-inline-bar button:focus-visible,.ep-image-bar button:focus-visible,.ep-block-picker button:focus-visible,.ep-block-tools button:focus-visible,.ep-inline-bar input:focus-visible,.ep-image-bar input:focus-visible{outline:2px solid var(--ep-editor-green);outline-offset:2px}
.ep-inline-status,.ep-image-status,.ep-image-hint,.ep-image-preview figcaption,.ep-block-picker p,.ep-catalog-card small{color:var(--ep-editor-muted)}
.ep-inline-status[data-error=true],.ep-image-status[data-error=true]{color:#ffaaa1}
.ep-link-panel{border-top-color:var(--ep-editor-border)}
.ep-link-panel input,.ep-image-bar input[type=text]{background:#0e1012;color:var(--ep-editor-text);border:1px solid #ffffff40;font-family:var(--ep-editor-font)}
.ep-link-panel input::placeholder,.ep-image-bar input::placeholder{color:#989da4}
.ep-image-position{gap:4px}.ep-image-position button{flex:1}.ep-image-actions button{border-color:var(--ep-editor-border)}
.ep-image-library button{background:#ffffff09;border-color:var(--ep-editor-border)}
am-inpage-edit.ep-inline.ep-active{outline-color:#36c745;background:#59e64f0d}.ep-site-image.ep-image-selected{outline-color:#36c745}
am-inpage-edit.ep-inline:hover{outline-color:#36c745}.ep-site-image.ep-image-clickable:hover{outline-color:#36c745}
.am-inpage-dock button.ep-layout-dock-button[aria-pressed=true],.am-inpage-dock button.ep-layout-dock-button[aria-pressed=true]:hover,am-inpage-dock[data-ep-editing="1"] am-inpage-toggle.am-inpage-dock__item{background:var(--ep-editor-green);color:var(--ep-editor-ink);border-radius:6px;box-shadow:inset 0 -2px #247d20}
.am-inpage-dock button.ep-layout-dock-button:focus-visible{outline-color:var(--ep-editor-green)}
/* Native 'enable editing' hint uses the same accent, without pulsing blue. */
.am-inpage-dock am-inpage-toggle.am-inpage-dock__item--toggle-highlight:after{background:var(--ep-editor-green);animation:none;mix-blend-mode:normal;opacity:.3}
.ep-layout-mode .ep-block-tools{background:#25282c;color:var(--ep-editor-text);font-family:var(--ep-editor-font)}
.ep-layout-mode .ep-layout-block{outline-color:#788278}.ep-layout-mode .ep-block-add{background:#25282c;color:var(--ep-editor-text);border-color:#606960;font-family:var(--ep-editor-font)}
.ep-layout-mode .ep-block-add:hover{border-color:var(--ep-editor-green);color:var(--ep-editor-green)}
.ep-block-picker .ep-catalog-card{background:#ffffff05;border-color:var(--ep-editor-border);color:var(--ep-editor-text)}
.ep-block-picker .ep-catalog-card:hover{outline:2px solid var(--ep-editor-green)}
.ep-block-removed{border-top-color:var(--ep-editor-border)}.ep-block-removed summary:hover{color:var(--ep-editor-green)}
.ep-block-mini{background:#30363b}.ep-block-mini i{background:#87918e}.ep-block-mini i:first-child{background:#c9d1cb}.ep-mini-banner{background:#627367}.ep-mini-banner i{background:#e3ebe5}.ep-mini-cards i,.ep-mini-cards i:first-child{background:#879b8d}.ep-mini-cta i:last-child{background:#c9d1cb}
.ep-inline-toast,.ep-layout-status{background:#25282cf2;color:var(--ep-editor-text);border:1px solid var(--ep-editor-border);border-radius:9px;font-family:var(--ep-editor-font)}
.ep-inline-toast{border-left:3px solid var(--ep-editor-green)}.ep-layout-status[data-error=true]{background:#692a2a;color:#fff}

/* Match every layout action to the green frontend editor palette. */
.ep-layout-mode .ep-block-tools button:not(:disabled),.ep-layout-mode .ep-block-add,.ep-block-picker .ep-block-removed button{background:#59e64f16;color:var(--ep-editor-green);border:1px solid #59e64f80}
.ep-layout-mode .ep-block-tools button:hover:not(:disabled),.ep-layout-mode .ep-block-tools button:active:not(:disabled),.ep-layout-mode .ep-block-add:hover,.ep-layout-mode .ep-block-add:active,.ep-block-picker .ep-block-removed button:hover{background:var(--ep-editor-green);color:var(--ep-editor-ink);border-color:var(--ep-editor-green)}
.ep-layout-mode .ep-block-tools button:disabled{background:transparent;color:#8b918d;border-color:#ffffff14;opacity:.35}
.ep-layout-mode .ep-block-add:focus-visible{outline:2px solid var(--ep-editor-green);outline-offset:3px}
.ep-block-picker .ep-catalog-card{border-color:#59e64f55}.ep-block-picker .ep-catalog-card strong{color:var(--ep-editor-green)}
.ep-block-picker .ep-catalog-card:hover{background:#59e64f16;border-color:var(--ep-editor-green)}
.ep-layout-mode .ep-block-add{background:#25282c}
.ep-layout-mode .ep-block-add:hover,.ep-layout-mode .ep-block-add:active{background:var(--ep-editor-green);color:var(--ep-editor-ink)}

/* A second draft-save action follows the currently edited text. */
.ep-text-save{all:initial;box-sizing:border-box;position:fixed;z-index:100008;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #22681c;border-radius:7px;background:var(--ep-editor-green,#59e64f);color:var(--ep-editor-ink,#10200f);box-shadow:0 3px 12px #0004;cursor:pointer;touch-action:manipulation}
.ep-text-save[hidden]{display:none!important}.ep-text-save svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.ep-text-save:hover{background:#78ef6f}.ep-text-save:focus-visible{outline:2px solid #10200f;outline-offset:3px}.ep-text-save:disabled{opacity:.5;cursor:wait}

.ep-text-actions{position:fixed;z-index:100008;display:flex;gap:4px;align-items:center}.ep-text-actions[hidden]{display:none!important}
.ep-text-actions .ep-text-save,.ep-text-actions .ep-text-cancel{all:initial;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--ep-editor-green);border-radius:7px;background:#131617;color:var(--ep-editor-green);box-shadow:0 3px 12px #0004;cursor:pointer;touch-action:manipulation}
.ep-text-actions .ep-text-save:hover{background:var(--ep-editor-green);color:var(--ep-editor-ink)}
.ep-text-actions .ep-text-cancel{width:34px;height:34px;border-color:#ffffff55;color:#f4f4f6}.ep-text-actions .ep-text-cancel:hover{background:#393d41}
.ep-text-actions button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.ep-text-actions .ep-text-cancel svg{width:18px;height:18px;stroke-width:2}
.ep-text-actions button:focus-visible{outline:2px solid var(--ep-editor-green);outline-offset:3px}.ep-text-actions button:disabled{opacity:.5;cursor:wait}
.ep-color-panel{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 0 3px;border-top:1px solid #ffffff26;margin-top:8px;max-width:530px}.ep-color-panel[hidden]{display:none}.ep-color-panel>span{width:100%;font-size:12px;color:#bcc0c5}.ep-color-swatches{display:flex;flex-wrap:wrap;gap:4px}.ep-color-panel button[data-color]:before{content:'';width:12px;height:12px;background:var(--swatch);border:1px solid #ffffff66;border-radius:50%}.ep-color-panel label{display:flex;align-items:center;gap:8px;font:12px/1.4 system-ui}.ep-color-panel input[type=color]{width:34px;height:32px;padding:2px;border:1px solid #ffffff55;background:#131617;border-radius:4px}