/* Exhibition masthead shared across Camera Club pages. Controls remain 24px. */
:root{--vcc-masthead-paper:#f9f7f0;--vcc-masthead-line:#d9d4c6;--vcc-masthead-ink:#433c2e}
html body :is(.topbar,.site-topbar,.gallery-page-header.vcc-shared-header,.vcc-compact-gallery-header,.gallery-mobile-page-header,.vcc-exhibition-simple){background:var(--vcc-masthead-paper)!important;background-image:none!important;border-radius:8px!important;border-bottom:1px solid var(--vcc-masthead-line)!important;color:var(--vcc-masthead-ink)!important}
html body :is(.topbar,.site-topbar){display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:6px 24px 0!important}
html body :is(.topbar,.site-topbar)>a:first-child{display:block!important;flex:0 0 auto!important;width:340px!important;max-width:100%!important;height:auto!important;align-self:center!important;overflow:visible!important}
html body :is(.topbar .logo,.site-logo,.gallery-page-header__logo,.vcc-compact-gallery-header__logo,.gallery-mobile-page-header__logo,.vcc-exhibition-logo img){display:block!important;width:340px!important;max-width:100%!important;height:auto!important;object-fit:contain!important;filter:none!important;visibility:visible!important}
html body :is(.topbar .nav,.site-nav){display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:8px!important;width:100%!important;padding:6px 0!important;overflow:visible!important;border-top:1px solid var(--vcc-masthead-line)!important;background:transparent!important}
html body :is(.nav,.site-nav,.vcc-club-nav,.gallery-public-auth) a{height:24px!important;min-height:24px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:3px 10px!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:var(--vcc-masthead-ink)!important;box-shadow:none!important;font:700 11px/16px "Courier New",monospace!important;letter-spacing:.06em!important;text-decoration:none!important;text-transform:uppercase!important;white-space:nowrap}
html body :is(.nav,.site-nav,.vcc-club-nav,.gallery-public-auth) a:is(:hover,.active,[aria-current=page]){background:#e9e3d6!important;color:var(--vcc-masthead-ink)!important;border-color:transparent!important}
html body :is(.nav,.site-nav,.vcc-club-nav) a:is(.home-admin-link,[href$="home_admin.php"]){color:#96504a!important;margin-left:8px!important;border-left:1px solid #c9c2b1!important}
/* Desktop gallery retains its search/filter toolbar and account dropdown. */
html body .gallery-page-header.vcc-shared-header{padding:6px 20px 10px!important;gap:6px!important}
html body .vcc-masthead{display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important;width:100%!important}
html body .vcc-masthead .gallery-page-header__identity{display:block!important;flex:0 0 auto!important;width:340px!important;max-width:100%!important;margin:0!important;padding:0!important}
html body .gallery-page-header__title{margin:0!important;padding:0!important;line-height:1!important;width:100%!important}
html body .gallery-page-header__title a{display:block!important;width:100%!important;height:auto!important}
html body .vcc-masthead-navigation{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:6px 0!important;border-top:1px solid var(--vcc-masthead-line)!important}
html body .vcc-club-nav{display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:8px!important;margin:0!important;flex:0 1 auto!important}
html body .gallery-public-auth{display:flex!important;gap:6px!important}
html body .vcc-gallery-signup-note{flex:1 0 100%!important;contain:none!important;margin:2px 0 0!important}
html body .vcc-gallery-toolbar{margin-top:0!important;padding-top:8px!important;border-top:1px solid var(--vcc-masthead-line)!important}
/* Mobile headers keep the existing account/tool menus beside the public links. */
html body .vcc-compact-gallery-header__top{display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important;padding:6px 12px 0!important;border-bottom:0!important}
html body .vcc-compact-gallery-header__top>a:first-child{display:block!important;width:340px!important;max-width:100%!important}
html body .vcc-exhibition-mobile-navigation{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;width:100%;padding:6px 0;border-top:1px solid var(--vcc-masthead-line)}
html body .gallery-mobile-page-header{flex-direction:column!important;align-items:center!important;gap:4px!important;padding:6px 12px 0!important;position:relative!important;top:auto!important}
html body .gallery-mobile-page-header__home{display:block!important;width:340px!important;max-width:100%!important;height:auto!important}
html body :is(.gallery-mobile-page-header__menu,.vcc-compact-gallery-menu){position:relative;margin:0!important}
html body :is(.gallery-mobile-page-header__menu,.vcc-compact-gallery-menu) summary{display:grid;place-items:center;box-sizing:border-box;width:24px!important;height:24px!important;min-height:24px!important;padding:3px!important;border:1px solid #c9c2b1;border-radius:8px!important;font-size:0!important;background:#f9f7f0;color:#433c2e;list-style:none}
html body :is(.gallery-mobile-page-header__menu,.vcc-compact-gallery-menu) summary::before{content:"☰";font:16px/16px Arial,sans-serif}
html body :is(.gallery-mobile-page-header__menu,.vcc-compact-gallery-menu)[open] summary::before{content:"×"}
html body :is(.gallery-mobile-page-header__menu,.vcc-compact-gallery-menu) summary::after{display:none!important}
html body :is(.gallery-mobile-page-header__menu-links,.vcc-compact-gallery-menu__links){top:30px!important;right:0!important}
html body .vcc-exhibition-simple{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 20px 0;border:1px solid var(--vcc-masthead-line);margin:0 auto 20px;width:100%;box-sizing:border-box}
html body .vcc-exhibition-logo{display:block;width:340px;max-width:100%}
html body.vcc-account-masthead{display:block!important;min-height:100vh;padding:12px!important}
html body.vcc-account-masthead>.vcc-exhibition-simple{max-width:1420px}
html body.vcc-account-masthead>:is(main,.auth-card,.login-container,.container){margin-left:auto!important;margin-right:auto!important}
@media(max-width:900px){
 html body .gallery-page-header.vcc-shared-header:has(.vcc-masthead-navigation){padding-top:6px!important}
 /* The main gallery already renders a separate compact masthead above its toolbar. */
 html body:has(.vcc-compact-gallery-header) .gallery-page-header .vcc-masthead{display:none!important}
 html body .vcc-compact-gallery-header{margin-bottom:12px!important}
}
@media(max-width:650px){
 html body :is(.topbar,.site-topbar){padding:4px 12px 0!important;gap:4px!important}
 html body :is(.topbar,.site-topbar)>a:first-child,html body .vcc-masthead .gallery-page-header__identity,html body .vcc-compact-gallery-header__top>a:first-child,html body .gallery-mobile-page-header__home,html body .vcc-exhibition-logo{width:280px!important}
 html body :is(.nav,.site-nav,.vcc-club-nav){gap:4px!important}
 html body :is(.nav,.site-nav,.vcc-club-nav) a:is(.home-admin-link,[href$="home_admin.php"]){margin-left:0!important}
}
html body.vcc-account-masthead>.card{margin:24px auto!important;border-radius:8px!important}
/* Use each logo's real image source, avoiding legacy CSS image replacement sizing. */
html body :is(.topbar .logo,.site-logo,.gallery-page-header__logo,.vcc-compact-gallery-header__logo,.gallery-mobile-page-header__logo,.vcc-exhibition-logo img){content:normal!important;aspect-ratio:944 / 193}