/* Visible Lives: accessible Photography dropdown, preserving Edition styles */
.gh-head-menu .vl-nav-parent {position:relative;display:flex;align-items:center;}
.gh-head-menu .vl-nav-parent-link {display:inline-flex;align-items:center;gap:5px;}
.vl-chevron {font-size:1.15em;line-height:1;}
.gh-head-menu .vl-submenu-toggle {border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;padding:6px 7px;margin-left:0;line-height:1;}
.gh-head-menu .vl-submenu {display:none;position:absolute;top:100%;left:0;z-index:1000;min-width:190px;margin:0;padding:8px 0;list-style:none;background:#171717;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:6px;box-shadow:0 10px 24px rgba(0,0,0,.25);}
.gh-head-menu .vl-submenu li {margin:0;padding:0;white-space:nowrap;}
.gh-head-menu .vl-submenu a {display:block;padding:11px 16px;color:#fff;text-decoration:none;opacity:1;}
.gh-head-menu .vl-submenu a:hover,.gh-head-menu .vl-submenu a:focus-visible {background:#343434;}
.gh-head-menu .vl-nav-parent:hover>.vl-submenu,.gh-head-menu .vl-nav-parent:focus-within>.vl-submenu,.gh-head-menu .vl-nav-parent.vl-submenu-open>.vl-submenu {display:block;}
@media(max-width:767px){
 .gh-head-menu .vl-nav-parent{flex-wrap:wrap;justify-content:center;}
 .gh-head-menu .vl-submenu {position:static;width:100%;box-shadow:none;text-align:center;background:transparent;border:0;padding:0;}
 .gh-head-menu .vl-submenu a {padding:8px 12px;}
 .gh-head-menu .vl-nav-parent:hover>.vl-submenu {display:none;}
 .gh-head-menu .vl-nav-parent.vl-submenu-open>.vl-submenu,.gh-head-menu .vl-nav-parent:focus-within>.vl-submenu {display:block;}
}

/* Desktop uses the single chevron beside Photography; mobile retains the toggle button. */
@media (min-width:768px){.gh-head-menu .vl-submenu-toggle{display:none;}}

/* About page only: header burgundy matched to Tibetan monks’ robes. */
body.page-about #gh-head { background-color: #86152A; }
body.page-about.is-head-open #gh-head, body.page-about.is-head-open #gh-head .gh-head-actions { background-color: #86152A; }

/* Stories page: dark header instead of Ghost's pink brand cover color. */
body.page-stories #gh-head,
body.page-stories.is-head-open #gh-head,
body.page-stories.is-head-open #gh-head .gh-head-actions { background-color: #0B0B0B; }

/* Photography section pages: consistent dark navigation header. */
body.page-humanity #gh-head,
body.page-humanity.is-head-open #gh-head,
body.page-humanity.is-head-open #gh-head .gh-head-actions,
body.page-the-natural-world #gh-head,
body.page-the-natural-world.is-head-open #gh-head,
body.page-the-natural-world.is-head-open #gh-head .gh-head-actions { background-color: #0B0B0B; }

/* Visible Lives mobile navigation: ensure menu links and controls contrast
   with the dark, full-screen navigation panel on every page. */
@media (max-width:767px) {
  #gh-head .gh-burger::before,
  #gh-head .gh-burger::after { background-color:#fff !important; }
  body.is-head-open #gh-head,
  body.is-head-open #gh-head .gh-head-actions { background:#0B0B0B !important; }
  body.is-head-open #gh-head .gh-head-menu,
  body.is-head-open #gh-head .gh-head-menu .nav,
  body.is-head-open #gh-head .gh-head-menu .nav > li,
  body.is-head-open #gh-head .gh-head-menu .nav a,
  body.is-head-open #gh-head .gh-head-link { color:#fff !important; opacity:1 !important; visibility:visible !important; }
  body.is-head-open #gh-head .gh-head-menu .nav a { text-decoration:none; }
  body.is-head-open #gh-head .vl-nav-parent { justify-content:center; }
  body.is-head-open #gh-head .vl-submenu-toggle { display:inline-block; color:#fff; font-size:1.4rem; }
  body.is-head-open #gh-head .vl-submenu a { color:#fff !important; font-size:1.8rem; }
  body.is-head-open #gh-head .vl-submenu { flex-basis:100%; }
  body.is-head-open #gh-head .gh-head-actions .gh-head-btn { color:#fff; }
}

/* Mobile: show both photography destinations without a second arrow or toggle.
   The links remain tappable even if the Ghost mobile menu handles taps itself. */
@media (max-width:767px) {
  #gh-head .vl-nav-parent {display:flex !important;flex-direction:column !important;align-items:center !important;gap:0 !important;}
  #gh-head .vl-nav-parent-link {display:inline-flex !important;}
  #gh-head .vl-chevron {display:none !important;}
  #gh-head .vl-submenu-toggle {display:none !important;}
  #gh-head .vl-nav-parent > .vl-submenu,
  #gh-head .vl-nav-parent:hover > .vl-submenu {
    display:flex !important;position:static !important;flex-direction:column !important;
    align-items:center !important;width:100% !important;min-width:0 !important;
    margin:0 !important;padding:0 0 8px !important;
    background:transparent !important;border:0 !important;box-shadow:none !important;
    visibility:visible !important;opacity:1 !important;
  }
  #gh-head .vl-submenu li {display:block !important;width:100% !important;text-align:center !important;}
  #gh-head .vl-submenu a {display:block !important;padding:8px 14px !important;
    font-size:1.55rem !important;line-height:1.4 !important;color:#fff !important;
    opacity:1 !important;visibility:visible !important;pointer-events:auto !important;}
}

/* Visible Lives social footer: icons remain visible even before URLs are configured. */
.gh-foot-center .gh-social-links {display:flex;align-items:center;justify-content:center;gap:20px;margin:10px 0;}
.gh-foot-center .gh-social-links a,.gh-foot-center .gh-social-links span {display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:#333;}
.gh-foot-center .gh-social-links .icon {display:block;width:23px;height:23px;fill:currentColor;}
.gh-foot-center .gh-social-links a:hover {color:#86152a;opacity:1;}
.gh-foot-center .gh-social-links .gh-social-unconfigured {color:#999;}
@media(max-width:767px){.gh-foot-center .gh-social-links{gap:24px;margin:14px 0;}.gh-foot-center .gh-social-links a,.gh-foot-center .gh-social-links span{width:40px;height:40px;}.gh-foot-center .gh-social-links .icon{width:26px;height:26px;}}
