/* RCAD Header Builder — Phase 5. Loaded after the legacy header stylesheet. */
.rcad-cms-header {
    --rcad-header-inline-space: clamp(16px, 2vw, 28px);
    background: var(--rcad-surface, #fff);
    border-bottom: 1px solid var(--rcad-border, #e4e8ef);
    transition: min-height .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.rcad-cms-header .rcad-cms-header__inner {
    width: min(var(--rcad-header-max-width, 1320px), calc(100vw - (var(--rcad-header-inline-space) * 2))) !important;
    max-width: var(--rcad-header-max-width, 1320px) !important;
    min-height: var(--rcad-header-height, 76px);
    margin-inline: auto !important;
    padding-block: 8px !important;
}

@media (min-width: 1100px) {
    .rcad-cms-header .rcad-premium-logo {
        flex: 0 1 var(--rcad-header-logo-width, 220px) !important;
        max-width: var(--rcad-header-logo-width, 220px) !important;
        min-width: 150px !important;
    }
    .rcad-cms-header .rcad-premium-logo.has-custom-logo .rcad-premium-logo-mark {
        width: var(--rcad-header-logo-width, 220px) !important;
        max-width: 100% !important;
        height: min(64px, calc(var(--rcad-header-height, 76px) - 12px)) !important;
    }
}

.rcad-header-builder--shadow {
    box-shadow: 0 5px 18px rgba(15, 23, 42, .055);
}

body.rcad-header-sticky-enabled .rcad-cms-header {
    position: sticky !important;
    top: 0;
    z-index: 10050;
}
body.admin-bar.rcad-header-sticky-enabled .rcad-cms-header { top: 32px; }
body.rcad-header-sticky-enabled .rcad-cms-header.is-rcad-scrolled .rcad-cms-header__inner {
    min-height: var(--rcad-header-compact-height, 64px);
}
body.rcad-header-sticky-enabled .rcad-cms-header.is-rcad-scrolled {
    box-shadow: 0 8px 24px rgba(15, 23, 42, .08);
}
body.rcad-header-sticky-enabled .rcad-cms-header.is-rcad-scrolled .rcad-premium-logo.has-custom-logo .rcad-premium-logo-mark {
    height: min(54px, calc(var(--rcad-header-compact-height, 64px) - 8px)) !important;
}

.rcad-cms-header .rcad-premium-search input[type="search"] {
    border-radius: 8px;
    border-color: var(--rcad-border, #e4e8ef);
    background: var(--rcad-bg-soft, #f8fafc);
}
.rcad-cms-header .rcad-premium-search button,
.rcad-cms-header .rcad-premium-upload {
    border-radius: 8px;
}

.rcad-cms-header .rcad-header-svg {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
}

@media (max-width: 782px) {
    body.admin-bar.rcad-header-sticky-enabled .rcad-cms-header { top: 46px; }
}
@media (max-width: 600px) {
    body.admin-bar.rcad-header-sticky-enabled .rcad-cms-header { top: 0; }
}