/* Owner-approved supplement0952af89, component deltas only. Original remains SSOT elsewhere. */
.kluzo-mobile-menu--approved [hidden], .kluzo-sort-panel[hidden], .kluzo-contact-form [hidden] { display:none !important; }
body .kluzo-mobile-menu--approved .kluzko-panel__scrim { position:fixed; inset:0; background:#1a1a1a59; z-index:199; }
body .kluzo-mobile-menu--approved .kluzo-mobile-menu__sheet { inset:0 auto 0 0; width:380px; max-width:90vw; height:100%; border:0; box-shadow:none; }
.kluzo-approved-menu-head { flex:none; display:flex; align-items:center; justify-content:space-between; padding:19px 20px 19px 24px; border-bottom:1px solid var(--border); }
.kluzo-approved-menu-head h2 { margin:0; font:500 14px/1.6 var(--font-body); letter-spacing:1px; text-transform:uppercase; }
body .kluzo-approved-menu-head .kluzo-approved-close { position:static; inset:auto; width:44px; height:44px; min-height:44px; padding:0; border:0; border-radius:0; background:none; color:var(--ink); display:flex; align-items:center; justify-content:center; font:300 18px/1.6 var(--font-body); letter-spacing:normal; }
/* wpautop wrappers are not part of the approved component geometry. */
.kluzo-approved-menu-head > p, .kluzo-approved-primary > p,
.kluzo-approved-categories > p, .kluzo-approved-extra > p,
.kluzo-approved-catalog > p:has(> .kluzo-approved-all) { display:contents; }
.kluzo-contact-form > p:has(> .form-submit) { display:contents; }
.kluzo-contact-form .form-group > p:empty { display:none; }
.kluzo-approved-primary { display:flex; flex-direction:column; }
.kluzo-approved-primary a, .kluzo-approved-primary button { font:400 25px/1.6 var(--font-display); letter-spacing:0; padding:16px 0; display:flex; width:100%; justify-content:space-between; align-items:center; border:0; border-bottom:1px solid var(--border); border-radius:0; background:none; color:var(--ink); text-align:left; text-transform:none; min-height:0; margin:0; text-decoration:none; }
.kluzo-approved-chevron { display:inline-block; width:7px; height:7px; border-top:1px solid; border-right:1px solid; transform:rotate(45deg); flex:none; }
.kluzo-approved-primary .kluzo-approved-chevron { width:9px; height:9px; margin-right:5px; }
.kluzo-approved-back { background:none; border:0; border-radius:0; padding:0; display:flex; align-items:center; gap:12px; font:400 12px/1.6 var(--font-body); color:var(--stone); min-height:44px; margin:-12px 0 0; text-transform:none; letter-spacing:0; }
.kluzo-approved-back .kluzo-approved-chevron { transform:rotate(-135deg); }
.kluzo-approved-catalog h3 { font:400 28px/1.6 var(--font-display); margin:16px 0 24px; letter-spacing:0; }
.kluzo-approved-eyebrow { font:400 11px/1.6 var(--font-body); letter-spacing:1px; text-transform:uppercase; color:var(--stone); margin:0 0 12px; }
.kluzo-approved-categories { display:flex; flex-direction:column; }
.kluzo-approved-categories a { padding:11px 0; min-height:44px; font:400 15px/1.6 var(--font-body); text-decoration:none; border:0; }
.kluzo-approved-extra { margin-top:24px; padding:20px 0; border-top:1px solid var(--border); }
.kluzo-approved-extra a { display:flex; justify-content:space-between; align-items:center; font:400 13px/1.6 var(--font-body); min-height:44px; text-decoration:none; }
.kluzo-approved-all { display:block; padding:14px; text-align:center; background:var(--ink); color:white; font:500 12px/1.6 var(--font-body); letter-spacing:.5px; text-transform:uppercase; margin-top:8px; text-decoration:none; }
.kluzko-filters__sort { position:relative; }
.kluzko-filters__sort form[hidden] { display:none !important; }
.kluzo-sort-toggle { background:none; border:0; border-radius:0; padding:8px 0; font:400 13px/1.6 var(--font-body); text-transform:none; letter-spacing:0; min-height:0; color:var(--ink); white-space:nowrap; }
.kluzo-sort-toggle .kluzo-approved-chevron { transform:rotate(135deg); margin:0 2px 3px 10px; }
.kluzo-sort-toggle[aria-expanded="false"] { display:flex; align-items:center; gap:6px; height:32px; padding:7px 16px; border:1px solid var(--border); border-radius:24px; font:400 13px/normal var(--font-body); }
.kluzo-sort-toggle[aria-expanded="false"]:hover { border-color:var(--ink); }
.kluzo-sort-toggle[aria-expanded="false"] .kluzo-approved-chevron { margin:0 2px 3px 0; }
.kluzo-sort-panel { position:absolute; right:0; top:calc(100% + 16px); width:296px; max-width:calc(100vw - 48px); background:white; border:1px solid var(--border); box-shadow:0 12px 32px #1a1a1a14; padding:20px 24px; margin:0; z-index:120; min-width:0; }
.kluzo-sort-panel label { display:flex; gap:12px; align-items:center; font:400 13px/1.6 var(--font-body); min-height:44px; cursor:pointer; margin:0; text-transform:none; }
.kluzo-sort-panel input { appearance:none; width:15px; height:15px; min-width:15px; border:1px solid var(--border); border-radius:50%; flex:none; margin:0; padding:0; box-shadow:none; }
.kluzo-sort-panel input:checked { border-color:var(--ink); background:radial-gradient(circle,var(--ink) 0 4px,white 4.5px); }
.kluzo-sort-panel input::before,.kluzo-sort-panel input::after { content:none; }
/* Validation typography/error colour is owned by the approved supplement. */
.kluzo-contacts-client .kluzo-contact-form:has(.kluzo-form-validation-summary:not([hidden])) .form-input:focus-visible { outline:2px solid var(--ink); outline-offset:2px; }
.kluzo-contacts-client .kluzo-contact-form .form-input[aria-invalid=true] { border-color:var(--signal); }
.kluzo-contacts-client .kluzo-contact-form:has(.kluzo-form-validation-summary:not([hidden])) textarea { display:block; }
.kluzo-contacts-client .kluzo-contact-form:has(.kluzo-form-validation-summary:not([hidden])) .form-submit { margin-bottom:0; }
.kluzo-contact-form:has(.kluzo-form-validation-summary:not([hidden])) .form-input,
.kluzo-contact-form:has(.kluzo-form-validation-summary:not([hidden])) .form-submit { line-height:1.6; }
.kluzo-contact-form:has(.kluzo-form-validation-summary:not([hidden])) input.form-input { display:block; }
.kluzo-contacts-client .kluzo-field-error { font:400 11px/1.5 var(--font-body); color:var(--signal); margin:6px 0 0; }
.kluzo-contacts-client .kluzo-form-validation-summary { font:400 11px/1.5 var(--font-body); color:var(--signal); margin:12px 0 0; }
.kluzo-contact-form:has(.kluzo-form-validation-summary:not([hidden])) .kluzo-contact-form-note { display:none; }
@media(max-width:768px) {
 .kluzo-sort-panel { top:calc(100% + 12px); padding:16px 20px; }
}
