/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* ── Custom scrollbar ────────────────────────────────────────────────── */
::-webkit-scrollbar          { width: 6px; height: 6px; }
::-webkit-scrollbar-track    { background: #f1f1f1; }
::-webkit-scrollbar-thumb    { background: #b0b7c3; border-radius: 99px; }
::-webkit-scrollbar-thumb:hover { background: #9ca3af; }

/* Firefox */
* { scrollbar-width: thin; scrollbar-color: #b0b7c3 #f1f1f1; }

/* ── Get Demo page — hide "Please specify" wrapper by default ────────── */
.form-group:has([name="form-field-uueohi"]) { display: none; }
.form-group:has([name="form-field-uueohi"]).gds-field-visible { display: block; }

/* ── Sticky Frosted-Glass Header ─────────────────────────────────────── */

/* Disable scroll-anchor compensation — prevents the layout-shift jerk */
html { overflow-anchor: none; }

#brx-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 9000 !important;
}

/* Top bar: collapses to exact measured height (set via JS --topbar-h) */
#brxe-vfswon {
    overflow: hidden;
    max-height: var(--topbar-h, 120px);
    opacity: 1;
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1),
                opacity     0.28s ease;
}
#brx-header.gds-nav-scrolled #brxe-vfswon {
    max-height: 0;
    opacity: 0;
}

/* Nav: frosted glass */
#brxe-btpyme {
    background: rgba(255, 255, 255, 0.75) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    transition: background 0.3s ease;
}
#brx-header.gds-nav-scrolled #brxe-btpyme {
    background: rgba(255, 255, 255, 0.65) !important;
}

#brx-header.gds-nav-scrolled {
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.10);
}