:root{--clicko-canvas:#080D0A;--clicko-panel:#101A13;--clicko-control-text:#F3F5EE;--clicko-control-line:#435548;--clicko-control-accent:#E4FF00;--clicko-ui-muted:#C3CCC4;color-scheme:dark}
html[data-clicko-theme="light"]{--clicko-canvas:#FAFBF6;--clicko-panel:#FFFFFF;--clicko-control-text:#15291E;--clicko-control-line:#CBD5CA;--clicko-control-accent:#245C34;--clicko-ui-muted:#4C6052;color-scheme:light;background:#FAFBF6}
html[data-clicko-theme="light"] body{background:#FAFBF6;color:#15291E}
html[data-clicko-theme="light"] .elementor-location-header .e-image-base,html[data-clicko-theme="light"] .elementor-location-footer img[alt*="Clicko"]{filter:brightness(0) saturate(100%)}
.clicko-appearance{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:calc(78px + env(safe-area-inset-bottom));z-index:99990;font:500 13px/1.5 Manrope,Arial,sans-serif;color:var(--clicko-control-text)}
.clicko-appearance button{font:inherit;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none}
.clicko-appearance-toggle{display:flex;align-items:center;gap:9px;min-height:46px;padding:10px 14px;border:1px solid var(--clicko-control-line);border-radius:24px;background:var(--clicko-panel);color:var(--clicko-control-text);box-shadow:0 4px 20px #0002!important}
.clicko-appearance-toggle:hover,.clicko-appearance-toggle:focus-visible{background:var(--clicko-panel);color:var(--clicko-control-accent);border-color:var(--clicko-control-accent)}
.clicko-appearance-current{font-size:11px;opacity:.8;border-left:1px solid var(--clicko-control-line);padding-left:9px}
.clicko-appearance-options{position:absolute;right:0;bottom:58px;width:252px;padding:16px;border:1px solid var(--clicko-control-line);border-radius:18px;background:var(--clicko-panel);box-shadow:0 8px 36px #0003}
.clicko-appearance-options[hidden]{display:none}
.clicko-appearance-options p{font-size:13px;font-weight:700;margin:0 0 10px;color:var(--clicko-control-text)}
.clicko-appearance-options button{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:9px 12px;margin:3px 0;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--clicko-control-text);text-align:left}
.clicko-appearance-options button:hover,.clicko-appearance-options button[aria-pressed="true"]{color:var(--clicko-control-text);background:var(--clicko-canvas);border-color:var(--clicko-control-line)}
.clicko-appearance-check{margin-left:auto;visibility:hidden;color:var(--clicko-control-accent)}
.clicko-appearance-options button[aria-pressed="true"] .clicko-appearance-check{visibility:visible}
.clicko-appearance-options small{display:block;font-size:11px;color:var(--clicko-ui-muted);margin:12px 2px 0}
.clicko-appearance button:focus-visible{outline:2px solid var(--clicko-control-accent);outline-offset:3px}
@media(max-width:767px){.clicko-appearance{right:12px;bottom:calc(72px + env(safe-area-inset-bottom))}.clicko-appearance-toggle{font-size:12px;min-height:44px;padding:9px 12px}.clicko-appearance-options{width:240px}}

.clicko-appearance .clicko-appearance-toggle{background:var(--clicko-panel)!important;color:var(--clicko-control-text)!important;border-color:var(--clicko-control-line)!important}
.clicko-appearance .clicko-appearance-options button{background:transparent!important;color:var(--clicko-control-text)!important}
.clicko-appearance .clicko-appearance-options button:hover,.clicko-appearance .clicko-appearance-options button[aria-pressed="true"]{background:var(--clicko-canvas)!important;border-color:var(--clicko-control-line)!important}

html.clicko-theme-changing *,html.clicko-theme-changing *::before,html.clicko-theme-changing *::after{transition:none!important}

/* Compact persistent controls; full labels remain available to assistive technology. */
.clicko-appearance .clicko-appearance-toggle{width:42px;height:42px;min-height:42px;padding:10px;border-radius:50%;gap:0;justify-content:center}
.clicko-appearance-toggle>span{position:absolute!important;width:1px;height:1px;padding:0!important;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0!important}
.clicko-whatsapp{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:99989;display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:10px 17px;border:1px solid #166534;border-radius:28px;background:#166534!important;color:#FFFFFF!important;font:600 13px/1.4 Manrope,Arial,sans-serif;text-decoration:none!important;box-shadow:0 3px 14px #0002}
.clicko-whatsapp:hover,.clicko-whatsapp:focus-visible{background:#14532D!important;color:#FFFFFF!important;border-color:#14532D}
.clicko-whatsapp:focus-visible{outline:2px solid var(--clicko-control-text);outline-offset:4px}
.clicko-whatsapp svg{flex-shrink:0}
@media(max-width:767px){.clicko-appearance .clicko-appearance-toggle{width:40px;height:40px;min-height:40px;padding:9px}.clicko-whatsapp{right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:48px;height:48px;padding:10px;border-radius:50%;gap:0}.clicko-whatsapp span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}}

/* Explicit menu states keep text and surfaces paired in the light appearance. */
html[data-clicko-theme="light"] .elementor.elementor-location-header .elementor-element.elementor-widget.elementor-widget-nav-menu :is(.elementor-item,.elementor-sub-item):is(:hover,:focus,:focus-visible,.highlighted,[aria-expanded="true"]){background-color:#E0EBDD!important;color:#15291E!important;fill:#15291E!important;}
html[data-clicko-theme="light"] .elementor.elementor-location-header .elementor-element.elementor-widget.elementor-widget-nav-menu :is(.elementor-item,.elementor-sub-item).elementor-item-active{background-color:#E4FF00!important;color:#080D0A!important;fill:#080D0A!important;}
html[data-clicko-theme="light"] .elementor.elementor-location-header .elementor-element.elementor-widget.elementor-widget-nav-menu :is(.elementor-item,.elementor-sub-item) .sub-arrow{color:inherit!important;fill:currentColor!important;}
html[data-clicko-theme="light"] .elementor.elementor-location-header .elementor-element.elementor-widget.elementor-widget-nav-menu .sub-arrow svg{fill:currentColor!important;}
html[data-clicko-theme="light"] .elementor.elementor-location-header .elementor-element.elementor-widget.elementor-widget-nav-menu a:focus-visible{outline:2px solid #245C34!important;outline-offset:2px;}