/* Navigation additions use the existing site's white-and-gold palette. */
#headerwrap #main-nav a,
#headerwrap #mobile-menu #main-nav a {
  color: #fff;
}
#headerwrap #main-nav a:hover,
#headerwrap #main-nav a:focus-visible,
#headerwrap #mobile-menu #main-nav a:hover,
#headerwrap #mobile-menu #main-nav a:focus-visible {
  color: #ffbe00;
  background: transparent;
}
#main-nav a:focus-visible {
  outline: 2px solid #ffbe00;
  outline-offset: 3px;
}
#main-nav a[data-menu-pending] {
  cursor: default;
}

/* Compact header with independently centered desktop navigation. */
#headerwrap #header.pcola-header {display:grid!important;grid-template-columns:160px minmax(0,1fr) 160px;align-items:center;gap:12px;width:100%;max-width:none;padding:10px 28px!important;min-height:0!important;box-sizing:border-box;position:relative;}
#headerwrap #header.pcola-header::after {display:none;}
#headerwrap .pcola-header #site-logo {float:none!important;position:static!important;transform:none!important;margin:0!important;padding:0!important;line-height:0;text-align:left;}
#headerwrap .pcola-header #site-logo img {display:block;width:140px!important;max-width:100%;height:auto!important;max-height:none!important;}
.pcola-desktop-nav ul {display:flex;justify-content:center;align-items:center;gap:22px;list-style:none;margin:0;padding:0;}
#headerwrap .pcola-desktop-nav a,#headerwrap #pcola-mobile-nav a {display:block;color:#fff;text-decoration:none;font:600 13px/1.4 Arial,sans-serif;text-transform:uppercase;white-space:nowrap;padding:10px 0;}
#headerwrap .pcola-desktop-nav a:hover,#headerwrap #pcola-mobile-nav a:hover {color:#ffbe00;}
#headerwrap .pcola-menu-toggle {justify-self:end;display:grid;place-items:center;width:44px;height:44px;padding:10px;margin:0;border:0;background:transparent;color:white;cursor:pointer;}
#headerwrap .pcola-menu-toggle:focus-visible,#headerwrap .pcola-header a:focus-visible {outline:2px solid #ffbe00;outline-offset:3px;}
#pcola-mobile-nav {position:absolute;right:28px;top:100%;width:250px;max-width:calc(100vw - 32px);background:#151515;border:1px solid #444;border-radius:0 0 8px 8px;box-shadow:0 8px 20px #0004;padding:10px 18px;z-index:1000;}
#pcola-mobile-nav[hidden] {display:none!important;}
#pcola-mobile-nav ul {list-style:none;margin:0;padding:0;}
#headerwrap #pcola-mobile-nav a {padding:13px 4px;}
@media(max-width:1200px){
 #headerwrap #header.pcola-header {grid-template-columns:44px minmax(0,1fr) 44px;padding:8px 16px!important;gap:8px;}
 #headerwrap .pcola-header #site-logo {grid-column:2;justify-self:center;text-align:center;}
 #headerwrap .pcola-header #site-logo img {width:130px!important;}
 .pcola-desktop-nav {display:none!important;}
 #headerwrap .pcola-menu-toggle {grid-column:3;}
 #pcola-mobile-nav {right:16px;}
}
.pcola-desktop-nav ul>li,#pcola-mobile-nav ul>li {margin:0;padding:0;}

#pcola-mobile-nav {max-height:calc(100dvh - 100px);overflow-y:auto;}

/* Gold matches the hero heading; inset underline does not shift the layout. */
#headerwrap .pcola-desktop-nav a,#headerwrap #pcola-mobile-nav a {
  transition:color .15s ease,box-shadow .15s ease,background-color .15s ease;
}
#headerwrap .pcola-desktop-nav a:hover,
#headerwrap .pcola-desktop-nav a:focus-visible,
#headerwrap #pcola-mobile-nav a:hover,
#headerwrap #pcola-mobile-nav a:focus-visible {
  color:#ffb700;
  box-shadow:inset 0 -6px 0 #ffb700;
  background-color:rgba(255,183,0,.09);
}
@media(prefers-reduced-motion:reduce){
  #headerwrap .pcola-desktop-nav a,#headerwrap #pcola-mobile-nav a {transition:none;}
}

/* Shared sticky navigation and intentionally empty development pages. */
#headerwrap {position:sticky!important;top:0!important;z-index:10000;}
#body.pcola-placeholder {min-height:65vh;box-sizing:border-box;padding:64px 24px;text-align:center;}
#body.pcola-placeholder h1 {font:600 30px/1.3 Arial,sans-serif;color:#ffb700;margin:0 0 12px;}
#body.pcola-placeholder p {color:#fff;margin:0;}

.published-gallery {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:20px;max-width:1200px;margin:24px auto 0;text-align:left;}
.published-gallery figure {margin:0;}
.published-gallery img {display:block;width:100%;aspect-ratio:4/3;object-fit:cover;}
.published-gallery button {display:block;width:100%;padding:0;margin:0;border:0;border-radius:0;background:none;cursor:zoom-in;line-height:0;}
.published-gallery button:focus-visible {outline:3px solid #ffb700;outline-offset:4px;}
#body.pcola-placeholder:has(.published-gallery) {padding:48px 24px;}
.gallery-modal-open,.gallery-modal-open body {overflow:hidden!important;}
dialog.pcola-gallery-lightbox {box-sizing:border-box;position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:64px 76px;border:0;background:rgba(0,0,0,.96);color:#fff;overflow:hidden;overscroll-behavior:contain;}
.pcola-gallery-lightbox[open] {display:flex;align-items:center;justify-content:center;}
.pcola-gallery-lightbox::backdrop {background:#000c;}
.pcola-gallery-lightbox img {display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;user-select:none;cursor:zoom-out;}
.pcola-gallery-lightbox button {position:absolute;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #ffffff60;border-radius:50%;background:#171717d9;color:white;font:36px/1 Arial,sans-serif;cursor:pointer;}
.pcola-gallery-lightbox button[hidden] {display:none;}
.pcola-gallery-lightbox button:focus-visible {outline:3px solid #ffb700;outline-offset:3px;}
.pcola-gallery-lightbox .gallery-close {top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));}
.pcola-gallery-lightbox .gallery-prev {left:12px;top:calc(50% - 24px);}
.pcola-gallery-lightbox .gallery-next {right:12px;top:calc(50% - 24px);}
.gallery-announcement {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
@media(max-width:600px){
 #body.pcola-placeholder:has(.published-gallery) {padding:28px 16px 40px;}
 .published-gallery {margin-top:20px;gap:14px;}
 dialog.pcola-gallery-lightbox {padding:68px 12px 76px;}
 .pcola-gallery-lightbox .gallery-prev,.pcola-gallery-lightbox .gallery-next {top:auto;bottom:max(16px,env(safe-area-inset-bottom));}
 .pcola-gallery-lightbox .gallery-prev {left:calc(50% - 60px);}
 .pcola-gallery-lightbox .gallery-next {right:calc(50% - 60px);}
}
