/* ===== Static-archive menu fixes (injected last; overrides template CSS) ===== */
.menucontainer, #tngmenu, #tngheader { overflow: visible !important; }

/* top menu (#tngdd) as a pure-CSS hover dropdown.
   Doubled id (#tngdd#tngdd) raises specificity so these beat TNG's own menu
   rules (which differ between the home and detail templates). */
#tngdd, #tngdd ul { list-style: none !important; margin: 0; padding: 0; }
#tngdd { display: block; }
#tngdd#tngdd > li { position: relative; display: inline-block; vertical-align: top;
  float: none !important; background: none !important; }
#tngdd#tngdd > li > a { display: inline-block; padding: 5px 14px; }
#tngdd#tngdd > li > ul {
  display: none !important; position: absolute; top: 100%; left: 0; z-index: 3000;
  min-width: 210px; background: #3a2b20 !important; padding: 5px 0; text-align: left;
  box-shadow: 0 6px 16px rgba(0,0,0,.5); border-radius: 0 0 6px 6px;
}
#tngdd#tngdd > li:hover > ul { display: block !important; }
#tngdd#tngdd > li > ul > li { display: block; float: none !important; background: none !important; }
#tngdd#tngdd > li > ul li a { display: block; padding: 7px 16px; color: #efe7d8 !important;
  background: none !important; white-space: nowrap; text-decoration: none; font-weight: normal; }
#tngdd#tngdd > li > ul li a span, #tngdd#tngdd > li > ul li .menu-label { color: #efe7d8 !important; }
#tngdd#tngdd > li > ul li a:hover { background: #5a4326 !important; }
#tngdd#tngdd > li > ul li a:hover span, #tngdd#tngdd > li > ul li a:hover .menu-label { color: #fff !important; }
#tngdd .stubmenu, #tngdd .langmenu { display: none !important; }
/* drop the decorative sprite-icons that render as empty boxes / misalign text */
#tngdd .menu-icon, .tngsmallicon2 { display: none !important; }
#tngdd .menu-label { display: inline; }

/* person/family tab bar = interactive tools only -> hide */
#tngnav { display: none !important; }
/* no server-side login in an archive */
#log-smicon { display: none !important; }

/* ===== hide 30 dead links (target page not in the static archive) ===== */
li:has(> a[href="anniversaries.html"]), li:has(> a[href="bookmarks.html"]), li:has(> a[href="browse_dna_tests.html"]), li:has(> a[href="browsealbums.html"]), li:has(> a[href="browsebranches.html"]), li:has(> a[href="browsemedia.html"]), li:has(> a[href="browsemedia_cmtry.html"]), li:has(> a[href="browsemedia_notice.html"]), li:has(> a[href="browsemedia_orph.html"]), li:has(> a[href="browsemedia_unknwn.html"]), li:has(> a[href="browsetrees.html"]), li:has(> a[href="calendar.html"]), li:has(> a[href="descend.html"]), li:has(> a[href="familychart.html"]), li:has(> a[href="googleearthbylatlong.html"]), li:has(> a[href="media_288.html"]), li:has(> a[href="media_295.html"]), li:has(> a[href="pedigree.html"]), li:has(> a[href="repo_REPO1.html"]), li:has(> a[href="reports.html"]), li:has(> a[href="showalbum.html"]), li:has(> a[href="showmap.html"]), li:has(> a[href="showtree.html"]), li:has(> a[href="statistics.html"]), li:has(> a[href="suggest.html"]), li:has(> a[href="timeline.html"]), li:has(> a[href="tngrss.html"]), li:has(> a[href="whatsnew.html"]) { display: none !important; }
a[href="anniversaries.html"], a[href="bookmarks.html"], a[href="browse_dna_tests.html"], a[href="browsealbums.html"], a[href="browsebranches.html"], a[href="browsemedia.html"], a[href="browsemedia_cmtry.html"], a[href="browsemedia_notice.html"], a[href="browsemedia_orph.html"], a[href="browsemedia_unknwn.html"], a[href="browsetrees.html"], a[href="calendar.html"], a[href="descend.html"], a[href="familychart.html"], a[href="googleearthbylatlong.html"], a[href="media_288.html"], a[href="media_295.html"], a[href="pedigree.html"], a[href="repo_REPO1.html"], a[href="reports.html"], a[href="showalbum.html"], a[href="showmap.html"], a[href="showtree.html"], a[href="statistics.html"], a[href="suggest.html"], a[href="timeline.html"], a[href="tngrss.html"], a[href="whatsnew.html"] { display: none !important; }

/* Orphan banner: the template's <div class="cb-mainimage"> points at a
   titletop.jpg that was never part of the live site (header is text-based).
   The <img alt=""> collapses invisibly, but hide the empty band explicitly. */
.cb-mainimage { display: none !important; }

/* Dead Share / Print / Bookmark toolbar (site-wide): Print opens a PHP print
   URL, Share and Bookmark call server-side scripts — all inert on a static
   archive. Hidden here so it disappears from every page in one place. */
.icons-rt { display: none !important; }

/* ===== Single-row top navigation (replaces the template's fragile 2-row menu).
   Home/Search (.icons) and Find/Media/Info (#tngdd) are forced into one inline
   row, enlarged, with the sprite icons dropped for a clean text nav. ===== */
.menucontainer, .innercontainer { position: static !important; height: auto !important; overflow: visible !important; }
.innercontainer { padding: 0 6px !important; }
.icons, #tngdd { position: static !important; float: none !important; display: inline-block !important;
  vertical-align: middle; margin: 0 !important; padding: 0 !important; }
.icons .tngsmallicon, #tngdd#tngdd > li > a {
  display: inline-block !important; font-size: 17px !important; padding: 12px 20px !important;
  margin: 0 !important; line-height: 1.2 !important; background-image: none !important;
  text-indent: 0 !important; color: #3a2b20 !important; text-decoration: none !important;
  font-variant: small-caps; letter-spacing: .03em; }
#home-smicon, #search-smicon { background: none !important; }
.icons .tngsmallicon:hover, #tngdd#tngdd > li:hover > a { background: rgba(58,43,32,.16) !important; color: #1e140c !important; }
#tngdd#tngdd > li > ul li a { font-size: 15px !important; padding: 9px 18px !important; font-variant: normal; }

/* Event Map: a live Google-Maps feature that can't work on a static archive
   (blank map, dead 'Link to Google Earth', pointless pin legend). Event places
   remain in the main person table, so hide the whole dead section. */
#eventmap { display: none !important; }

/* In-page image lightbox for "Open full size" media images. Replaces the dead
   end where clicking a photo navigated the browser to a bare .jpg with no way
   back. Restores the live site's overlay-with-close behaviour, fully static. */
#archive-lightbox {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 2147483000;
	display: none;
	background: rgba(0, 0, 0, 0.92);
	cursor: zoom-out;
}
#archive-lightbox.open {
	display: flex;
	align-items: center;
	justify-content: center;
}
#archive-lightbox img {
	max-width: 92%;
	max-height: 88%;
	border: 3px solid #fff;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.8);
}
#archive-lightbox .al-close {
	position: fixed;
	top: 10px;
	right: 20px;
	z-index: 2147483001;
	font: 40px/1 Arial, sans-serif;
	color: #fff;
	cursor: pointer;
	text-shadow: 0 0 6px #000;
}
#archive-lightbox .al-caption {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 16px;
	padding: 0 20px;
	text-align: center;
	color: #fff;
	font-family: Arial, sans-serif;
	text-shadow: 0 0 6px #000;
}