/* VeloFront compatibility for prebuilt storefront CSS and Hyva 1.5 native dialogs. */
#vf-cookie-bar dialog {
    border: 0;
    color: var(--ambar-policy-text, #374151);
    background: var(--ambar-background, #fff);
    padding: 24px;
    box-sizing: border-box;
}
#vf-cookie-bar[data-vf-cookie-style="1"] dialog[open] {
    position: fixed;
    inset: 0 auto 0 0;
    margin: 0;
    width: min(420px, 100vw);
    max-width: 100vw;
    height: 100dvh;
    max-height: 100dvh;
    border-radius: 0;
    overflow-y: auto;
}
#vf-cookie-bar[data-vf-cookie-style="0"] dialog[open] {
    position: fixed;
    inset: auto 0 0;
    margin: 0;
    width: 100%;
    max-width: 100vw;
    max-height: 80dvh;
    border-radius: 0;
    overflow-y: auto;
}
#vf-cookie-bar[data-vf-cookie-style="2"] dialog {
    width: min(680px, calc(100vw - 32px));
    max-width: calc(100vw - 32px);
    max-height: 90dvh;
    overflow-y: auto;
}
#vf-cookie-bar .header {display: flex; justify-content: space-between; gap: 16px; align-items: center;}
#vf-cookie-bar .ambar-sidebar-group-list {display: block; margin: 16px 0;}
#vf-cookie-bar .ambar-sidebar-group-list > div {margin-bottom: 16px;}
#vf-cookie-bar .ambar-group-title {color: var(--ambar-sidebar-group-title-text, #374151);}
#vf-cookie-bar .ambar-group-description {color: var(--ambar-sidebar-group-description-text, #374151);}
#vf-cookie-bar a {color: var(--ambar-links-color, #326ed1); text-decoration: underline;}
#vf-cookie-bar button[data-role="action"], .vf-cookie-bar-settings .ambar-action-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 44px;
    padding: 12px 16px;
    margin-top: 8px;
    border: 1px solid currentColor;
    border-radius: 3px;
    font-size: 14px;
    line-height: 1.4;
    cursor: pointer;
}
#vf-cookie-bar button.ambar-btn-accept {color: var(--ambar-button-accept-text); background: var(--ambar-button-accept-color); order: var(--ambar-button-accept-order);}
#vf-cookie-bar button.ambar-btn-allow {color: var(--ambar-button-allow-text); background: var(--ambar-button-allow-color); order: var(--ambar-button-allow-order);}
#vf-cookie-bar button.ambar-btn-decline {color: var(--ambar-button-decline-text); background: var(--ambar-button-decline-color); order: var(--ambar-button-decline-order);}
#vf-cookie-bar button.ambar-btn-settings {color: var(--ambar-button-settings-text); background: var(--ambar-button-settings-color); order: var(--ambar-button-settings-order);}
#vf-cookie-bar button[data-role="action"]:hover {filter: brightness(.92);}
#vf-cookie-bar input[type="checkbox"].amsettings-bar-input-toggle,
.vf-cookie-bar-settings input[type="checkbox"].amsettings-bar-input-toggle {
    appearance: auto !important;
    position: static !important;
    display: inline-block !important;
    opacity: 1 !important;
    clip: auto !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0;
    accent-color: var(--ambar-toggle-active-color, #2563eb);
}
#vf-cookie-bar :focus-visible, .vf-cookie-bar-settings :focus-visible {outline: 2px solid #1d4ed8; outline-offset: 3px;}
.vf-cookie-bar-settings [role="dialog"] {width: min(680px, 90vw); max-height: 90dvh; overflow: auto; box-sizing: border-box;}
.vf-cookie-bar-settings .ambar-action-btn {color: var(--ambar-setting-button-text); background: var(--ambar-setting-button-color);}