/* ──────────────────────────────────────────────────────────────
   Brouns & Co — NBS Specification Form
   WordPress Plugin Stylesheet
   ────────────────────────────────────────────────────────────── */

@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Raleway:wght@300;400;500;600;700&display=swap');

/* Container reset — isolate from theme styles */
#brouns-nbs-form-root {
    all: initial;
    display: block;
    font-family: 'Raleway', system-ui, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #071724;
    box-sizing: border-box;
}

#brouns-nbs-form-root *,
#brouns-nbs-form-root *::before,
#brouns-nbs-form-root *::after {
    box-sizing: border-box;
}

/* Loading state */
#brouns-nbs-form-root .bnbs-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
    color: #071724;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

/* Ensure fixed-position nav bar stays within the plugin container on page */
#brouns-nbs-form-root .bnbs-nav-bar {
    position: sticky;
    bottom: 0;
    z-index: 100;
}

/* React root wrapper */
#brouns-nbs-form-root > div {
    min-height: 600px;
    background: #ffffff;
}