/*
 * PBVM Header
 * Add the CSS class "pbvm-site-header" to the outer Divi Theme Builder header section
 * when you are ready to migrate the prototype styling into the child theme.
 */

.pbvm-site-header {
    background: var(--pbvm-cream);
    color: var(--pbvm-ink);
}

.pbvm-site-header a {
    color: inherit;
}

.pbvm-site-header .et-menu a,
.pbvm-site-header .et_pb_menu__menu a {
    font-weight: 700;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}

/* Identity helpers for a Code/Text module if desired. */
.pbvm-brand {
    display: flex;
    align-items: center;
    gap: 16px;
}

.pbvm-brand__mark {
    font-size: clamp(2rem, 3vw, 2.7rem);
    line-height: 1;
    font-weight: 800;
    letter-spacing: -0.04em;
}

.pbvm-brand__name {
    font-size: 0.72rem;
    line-height: 1.25;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.pbvm-brand__tagline {
    margin-top: 3px;
    color: var(--pbvm-muted);
    font-size: 0.58rem;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: 0.20em;
    text-transform: uppercase;
}

@media (max-width: 980px) {
    .pbvm-site-header .et_pb_menu__menu {
        display: none;
    }
}

/* v1.0.1 — current Divi Theme Builder header baseline.
 * These rules intentionally scope themselves to the Theme Builder header so
 * PBVM gets a consistent shell even before every prototype module is given a
 * PBVM helper class.
 */
.et-l--header .et_pb_section {
    background: var(--pbvm-cream);
}

.et-l--header .et_pb_row {
    width: min(100% - 40px, 1025px);
    max-width: 1025px;
}

.et-l--header .et_pb_menu .et-menu > li > a {
    color: var(--pbvm-ink) !important;
    font-weight: 700;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}

.et-l--header .et_pb_menu .et-menu > li > a:hover {
    opacity: .62;
}

/* Keep the header compact instead of allowing Divi defaults to add height. */
.et-l--header .et_pb_section,
.et-l--header .et_pb_row {
    margin-top: 0;
    margin-bottom: 0;
}

@media (max-width: 980px) {
    .et-l--header .et_pb_row {
        width: min(100% - 28px, 1025px);
    }
}


/* v1.0.2 — slightly tighter museum masthead. */
@media (min-width: 981px) {
    .et-l--header .et_pb_section {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .et-l--header .et_pb_row {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }
}

/* v1.3.2 — purely decorative header stripe; no content/background changes. */
.et-l--header { border-bottom: 4px solid transparent; border-image: linear-gradient(to right,var(--pbvm-red) 0 34%,var(--pbvm-gold) 34% 67%,#357092 67% 100%) 1; }
.et-l--header .pbvm-brand__mark { font-family: Arial,Helvetica,sans-serif; font-weight: 800; letter-spacing: -.055em; }
.et-l--header .pbvm-brand__name { font-family: Arial,Helvetica,sans-serif; }

/* v1.4.0: compact brand replacement for the existing Divi Code-module masthead.
   Deliberately does not modify Divi section, row, or plugin backgrounds. */
.et-l--header .pbvm-header-brand{display:inline-flex;align-items:center;gap:12px;max-width:100%;text-decoration:none;color:#242a2d}
.et-l--header .pbvm-header-brand__badge{display:block;width:66px;height:auto;flex:0 0 66px;object-fit:contain;border-radius:50%;background:#f7f4ec}
.et-l--header .pbvm-header-brand__copy{display:flex;flex-direction:column;min-width:0;gap:4px}
.et-l--header .pbvm-header-brand__name{font:800 clamp(.73rem,1vw,.96rem)/1.25 Arial,Helvetica,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#242a2d}
.et-l--header .pbvm-header-brand__tagline{font:italic 400 clamp(.67rem,.8vw,.78rem)/1.3 Georgia,serif;letter-spacing:0;color:#5b5e5c}
.et-l--header .pbvm-header-brand__colors{display:block;width:54px;height:3px;background:linear-gradient(to right,#b72e32 0 31%,transparent 31% 35%,#d7a32e 35% 64%,transparent 64% 68%,#39769b 68%)}
@media(max-width:600px){.et-l--header .pbvm-header-brand{gap:8px}.et-l--header .pbvm-header-brand__badge{width:47px;flex-basis:47px}.et-l--header .pbvm-header-brand__name{font-size:.65rem}.et-l--header .pbvm-header-brand__tagline{font-size:.62rem}}