/* Public form controls use the active cinematic palette, including portalled option lists. */
body.site-view {
 --public-field-bg:color-mix(in srgb,var(--cinema-bg) 90%,var(--cinema-blue));
 --public-field-raised:color-mix(in srgb,var(--cinema-bg) 83%,var(--cinema-muted));
 --public-field-border:color-mix(in srgb,var(--cinema-muted) 58%,var(--cinema-bg));
 --public-field-placeholder:var(--cinema-muted);
 --public-field-focus:var(--cinema-blue);
 --public-field-error:#ffb4b4;
}
body.site-view[data-public-palette] :is(input:not(:where([type=hidden],[type=checkbox],[type=radio],[type=range],[type=submit],[type=button],[type=color])),textarea,select,.public-select-trigger) {
 box-sizing:border-box;min-width:0;max-width:100%;min-height:50px;border:1px solid var(--public-field-border);border-radius:12px;
 background:linear-gradient(145deg,color-mix(in srgb,var(--public-field-bg) 93%,var(--cinema-text)),var(--public-field-bg));
 color:var(--cinema-text);padding:13px 15px;font:400 14px/1.5 var(--site-body-font),sans-serif;
 box-shadow:inset 0 1px #fff1,0 3px 10px #0001;color-scheme:dark;
 transition:border-color .16s,box-shadow .16s,background-color .16s;
}
body.site-view[data-public-palette] :is(input,textarea,select,.public-select-trigger):hover:not(:disabled):not([readonly]):not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]){border-color:var(--cinema-muted)}
body.site-view[data-public-palette] :is(input,textarea,select,.public-select-trigger):focus-visible {
 border-color:var(--public-field-focus);outline:3px solid color-mix(in srgb,var(--public-field-focus) 38%,transparent);outline-offset:2px;box-shadow:inset 0 1px #fff1;
}
body.site-view[data-public-palette] :is(input,textarea)::placeholder{color:var(--public-field-placeholder);opacity:.9}
body.site-view[data-public-palette] textarea{min-height:126px;line-height:1.75;resize:vertical}
body.site-view[data-public-palette] :is(input,textarea)[readonly]{background:var(--public-field-bg);color:var(--cinema-muted);box-shadow:none}
body.site-view[data-public-palette] :is(input,textarea,select,.public-select-trigger):disabled{opacity:.55;cursor:not-allowed;box-shadow:none}
body.site-view[data-public-palette] :is(input,textarea):user-invalid,
body.site-view[data-public-palette] :is(input,textarea,select,.public-select-trigger)[aria-invalid=true]{border-color:var(--public-field-error)}
body.site-view :is(.field>label,.listing-search label,.whatsapp-help-fields label,.whatsapp-help-details>label){font-size:12px;line-height:1.6;font-weight:600;color:var(--cinema-text);margin-bottom:9px}
body.site-view .field>:is(small,.field-help){font-size:11px;line-height:1.7;color:var(--cinema-muted);margin-top:8px}
body.site-view :is(input[type=checkbox],input[type=radio],input[type=range]){accent-color:var(--cinema-gold)}
body.site-view .public-control{position:relative;min-width:0;width:100%;display:flex;align-items:center}
body.site-view[data-public-palette] .public-control>input{width:100%;padding-inline-start:45px}
body.site-view[data-public-palette] .public-control>textarea{width:100%;padding:14px 16px 14px 46px}
body.site-view .public-control-icon{position:absolute;left:15px;top:16px;font-size:19px;line-height:1;pointer-events:none;color:var(--cinema-gold)}
body.site-view .public-control:has(>textarea) .public-control-icon{top:18px}
body.site-view .public-control:focus-within .public-control-icon{color:var(--public-field-focus)}
body.site-view .public-control:has(>[hidden]){display:none}
body.site-view[data-public-palette] input:-webkit-autofill{box-shadow:inset 0 0 0 1000px var(--public-field-bg);-webkit-text-fill-color:var(--cinema-text);caret-color:var(--cinema-text)}
/* Native selects remain usable before enhancement and when JavaScript is unavailable. */
body.site-view[data-public-palette] select{padding-inline-end:36px;cursor:pointer}
body.site-view[data-public-palette] select :is(option,optgroup){background:var(--public-field-bg);color:var(--cinema-text);padding:12px;font:inherit}
body.site-view[data-public-palette] select option:checked{background:var(--public-field-raised);color:var(--cinema-gold)}
body.site-view[data-public-palette] select option:disabled{color:var(--cinema-muted)}
body.site-view .public-select{position:relative;min-width:0;width:100%}
body.site-view[data-public-palette] .public-select>.public-select-native{position:absolute;inset:0 auto auto 0;width:1px;height:1px;min-height:0;max-height:1px;padding:0;border:0;opacity:0;clip-path:inset(50%);overflow:hidden;pointer-events:none}
body.site-view[data-public-palette] .public-select-trigger{display:flex;align-items:center;gap:11px;width:100%;margin:0;text-align:start;cursor:pointer}
body.site-view .public-select-trigger>.material-symbols-outlined{font-size:20px;line-height:1;color:var(--cinema-gold)}
body.site-view .public-select-value{flex:1;min-width:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
body.site-view .public-select-chevron{color:var(--cinema-muted);transition:transform .16s}
body.site-view .public-select-trigger[aria-expanded=true]{border-color:var(--public-field-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--public-field-focus) 14%,transparent)}
body.site-view .public-select-trigger[aria-expanded=true]>.public-select-chevron{transform:rotate(180deg)}
body.site-view .public-select-popup{position:fixed;z-index:90;display:flex;flex-direction:column;min-width:0;max-width:calc(100vw - 16px);padding:7px;border:1px solid var(--public-field-border);border-radius:15px;background:var(--public-field-bg);color:var(--cinema-text);box-shadow:0 24px 64px #0007,inset 0 1px #fff2;isolation:isolate;font:400 14px/1.5 var(--site-body-font),sans-serif;color-scheme:dark;overflow:hidden}
body.site-view .public-select-popup[hidden],body.site-view .public-select-search[hidden],body.site-view .public-select-count[hidden]{display:none}
body.site-view .public-select-search{position:relative;flex-shrink:0;padding:0 0 8px;margin-bottom:5px;border-bottom:1px solid color-mix(in srgb,var(--public-field-border) 55%,transparent)}
body.site-view .public-select-search>.material-symbols-outlined{position:absolute;left:13px;top:14px;font-size:19px;color:var(--cinema-gold);pointer-events:none}
body.site-view[data-public-palette] .public-select-search>input{width:100%;min-height:46px;padding:11px 14px 11px 40px;font-size:13px;border-radius:10px;background:var(--public-field-raised);box-shadow:none}
body.site-view .public-select-options{overflow-y:auto;overscroll-behavior:contain;min-height:0;scroll-padding:6px;scrollbar-width:thin;scrollbar-color:var(--public-field-border) transparent}
body.site-view .public-select-group{margin:8px 10px 5px;font-size:10px;letter-spacing:.07em;text-transform:uppercase;font-weight:650;color:var(--cinema-muted)}
body.site-view .public-select-option{display:flex;align-items:center;gap:11px;min-height:46px;padding:11px 12px;margin:2px 0;border:1px solid transparent;border-radius:9px;color:var(--cinema-text);cursor:pointer;overflow-wrap:anywhere;line-height:1.5}
body.site-view .public-select-option>.material-symbols-outlined{font-size:19px;line-height:1;color:var(--cinema-muted)}
body.site-view .public-select-option>span:nth-child(2){flex:1;min-width:0}
body.site-view .public-select-option[aria-selected=true]{background:color-mix(in srgb,var(--cinema-gold) 12%,var(--public-field-bg));color:var(--cinema-gold);font-weight:650}
body.site-view .public-select-option[aria-selected=true]>.material-symbols-outlined{color:inherit}
body.site-view .public-select-option.is-active{border-color:var(--public-field-focus);background:var(--public-field-raised)}
body.site-view .public-select-option[aria-disabled=true]{opacity:.45;cursor:not-allowed}
body.site-view .public-select-empty,body.site-view .public-select-count{font-size:11px;line-height:1.6;color:var(--cinema-muted);padding:9px 12px;margin:0}
body.site-view .public-select-count{flex-shrink:0;border-top:1px solid color-mix(in srgb,var(--public-field-border) 55%,transparent);padding:8px 10px 2px;margin-top:5px}
body.site-view[data-public-palette] input[type=file]{width:100%;padding:8px;border-style:dashed;line-height:1.8;font-size:12px}
body.site-view[data-public-palette] input[type=file]::file-selector-button{margin:0 12px 0 0;min-height:36px;padding:8px 12px;border:1px solid var(--public-field-border);border-radius:8px;background:var(--public-field-raised);color:var(--cinema-text);font:600 12px/1.4 var(--site-body-font),sans-serif;cursor:pointer;white-space:normal}
body.site-view[data-public-palette] input[type=file]::file-selector-button:hover{border-color:var(--cinema-gold);color:var(--cinema-gold)}
/* Existing search buttons stay inside their fields; area controls keep their unit and steppers. */
body.site-view :is(.services-search,.projects-search,.blog-search,.jobs-search){position:relative}
body.site-view[data-public-palette] :is(.services-search,.projects-search,.blog-search,.jobs-search)>input[type=search]{height:50px;padding-inline-end:49px}
body.site-view :is(.services-search,.projects-search,.blog-search,.jobs-search)>button{top:auto;bottom:4px;right:4px;width:42px;height:42px;border-radius:9px}
body.site-view .budget-area-input>div{min-width:0}
body.site-view .listing-search{align-items:end}
@media(max-width:760px){body.site-view[data-public-palette] :is(input:not(:where([type=hidden],[type=checkbox],[type=radio],[type=range],[type=submit],[type=button],[type=color])),textarea,select,.public-select-trigger){font-size:16px}body.site-view .public-select-popup{font-size:15px}body.site-view[data-public-palette] .public-select-search>input{font-size:16px}body.site-view .public-select-option{min-height:48px}}
@media(prefers-reduced-motion:reduce){body.site-view :is(input,textarea,select,.public-select-trigger,.public-select-chevron){transition:none}}
@media(forced-colors:active){body.site-view[data-public-palette] :is(input,textarea,select,.public-select-trigger,.public-select-popup,.public-select-option){forced-color-adjust:auto;background:Canvas;color:CanvasText;border-color:ButtonText;box-shadow:none}body.site-view .public-select-option[aria-selected=true]{color:HighlightText;background:Highlight}body.site-view .public-select-option.is-active{outline:2px solid Highlight}body.site-view :is(.public-control-icon,.public-select-trigger>.material-symbols-outlined,.public-select-option>.material-symbols-outlined){color:inherit}}