/* ================INSTRUCTIONS=================*/
/* By changing the info below, you can reduce the size of the logo or hide the search box. You can also override the standard font characteristics if you would like to use your own custom styles. In order for your changes to work though, you MUST include a reference in your HTML pages to both the common CSS file and custom CSS file in that order.

Instructions are provided below for customizing these classes. */

/* =============Width===============*/
/* BY DEFAULT, THERE IS NO MAX WIDTH:
If you want the want to restrict the width of the page, remove the comment out slashes and astricks surrounding the ".tmp-container  {max-width: 1170px;}". you can change the 1170px to a smaller/larger max width if you'd like */

/* .tmp-container {
	max-width: 1170px;
} */

/* =============Search===============*/
/* BY DEFAULT, Search box is displayed:
If you want the to hide the search, remove the comment out slashes and astricks surrounding the ".search-box {display:none;}" below.  */

#search-box {
	display: none;
}

/* =============LOGO===============*/
/* THE DEFAULT LOGO HEIGHT IS 65PX:
If you want the logo to be smaller (50px), comment out the ".logo-header img {height 65px;}" below and remove the comment out slashes and astricks surrounding the ".logo-header img {height: 50px...margin-top: 18px;}" and the header search input (so the search box size is reduced too). 50px is the MINIMUM HEIGHT for the logo. */
/*
.logo-header img {
    height: 65px;
}
*/
.logo-header img {
	height: 50px;
}
.header-search input[type="search"] {
	height: 30px;
	margin-top: 16px;
}
.header-search button[type="submit"] {
	width: 26px;
	height: 30px;
	margin-top: 18px;
}

/* =============STANDARD CONTENT===============*/
/* TO CHANGE THE TEXT SIZE OF THE CONTENT, FONT, ETC:
By default, USGS has set the font size, family, etc. in order to provide a consistent size for content across all pages. If you would prefer not to have any of these pre-defined formats, you can change them below. NOTE: header and footer will not be changed. */
#maincontent {
	font-family: 'Source Sans Pro',sans-serif;
	font-size: 14px;
    line-height: 1.42857;
    color: #333333;
    background-color: #fff;
	padding-left: 15px;
	padding-right: 15px;
}

/* =============SEARCH===============*/
/* THIS HIDES THE SEARCH BOX ON VERY SMALL DEVICES:
For simplification, search bar is visible on larger screens but is hidden on small screens. If you would prefer not to have the search box at all, you can remove the "@media (max-width:500px) {" and the second closing "}". below */
@media (max-width:500px) {
.header-search form {
	display: none}
}

/* =============SOCIAL MEDIA===============*/
/* If you would prefer not to have the social media links, you can remove the comment out slashes and astricks surrounding the content below */
.footer-social-links {
	display: none}

/* =============MIRROR ATTRIBUTION FOOTER===============*/
/* Replaces USGS's federal-boilerplate footer (DOI/FOIA/etc.) with a single
   line crediting the upstream MRDS record. Applied via the .mirror-footer
   class emitted by generate_mrds_page.render_footer(). */
.mirror-footer {
	margin-top: 40px;
	padding: 24px 15px;
	border-top: 1px solid #e0e0e0;
	text-align: center;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 13px;
	color: #666;
}
.mirror-footer p { margin: 0; }
.mirror-footer a { color: #2c5aa0; text-decoration: none; }
.mirror-footer a:hover { text-decoration: underline; }

/* =============APP BANNER (Android in-page CTA)===============*/
/* Hidden by default. JS in render_app_banner reveals it on Android UAs.
   iOS gets the OS-rendered Smart App Banner via the apple-itunes-app
   meta tag; desktop sees nothing. */
.mrds-app-banner {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 12px 0;
	padding: 8px 12px;
	background: #f0f7ff;
	border: 1px solid #b6d4fe;
	border-radius: 4px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
}
.mrds-app-banner[hidden] { display: none; }
.mrds-app-banner-text {
	flex: 1;
	color: #1d3557;
}
.mrds-app-banner-cta {
	display: inline-block;
	padding: 4px 14px;
	background: #2c5aa0;
	color: #fff !important;
	border-radius: 3px;
	text-decoration: none;
	font-weight: 600;
	font-size: 13px;
}
.mrds-app-banner-cta:hover {
	background: #234680;
	text-decoration: none;
}
.mrds-app-banner-close {
	background: none;
	border: none;
	color: #666;
	font-size: 20px;
	line-height: 1;
	padding: 0 4px;
	cursor: pointer;
}
.mrds-app-banner-close:hover { color: #000; }

/* =============TABLE OF CONTENTS===============*/
/* <details> element rendered above the content panels. Built in
   generate_mrds_page._inject_anchors_and_toc(). Intentionally NOT
   sticky — keeping a TOC bar glued to the top of the viewport ate
   too much real estate for the value it provided. Users can scroll
   back up to jump elsewhere; modern browsers also expose this via
   "scroll to top of page" gestures. */
.mrds-toc {
	margin: 12px 0 16px;
	padding: 6px 12px;
	background: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.05);
	font-family: 'Source Sans Pro', sans-serif;
}
.mrds-toc summary {
	cursor: pointer;
	font-weight: 600;
	font-size: 13px;
	color: #555;
	padding: 2px 0;
}
.mrds-toc summary:hover { color: #2c5aa0; }
.mrds-toc ol {
	margin: 8px 0 0;
	padding-left: 20px;
	columns: 2;
	column-gap: 24px;
	font-size: 13px;
}
.mrds-toc ol li { margin: 2px 0; break-inside: avoid; }
.mrds-toc ol a { color: #2c5aa0; text-decoration: none; }
.mrds-toc ol a:hover { text-decoration: underline; }
@media (min-width: 992px) {
	.mrds-toc ol { columns: 3; }
}
@media (max-width: 600px) {
	.mrds-toc ol { columns: 1; }
}
/* Small scroll-margin so jump targets aren't flush with the top edge
   of the viewport — gives a few px of breathing room. */
.panel.panel-primary[id] { scroll-margin-top: 12px; }

/* =============PRINT STYLESHEET===============*/
/* Strip app chrome (navbar, breadcrumb, app banner, TOC) when the
   page is printed or saved as PDF, leaving only the data panels.
   Anchor URLs are appended as visible text since hyperlinks are
   useless on paper. */
@media print {
	#navbar,
	.breadcrumb,
	.mrds-app-banner,
	.mrds-toc,
	.beyond-usgs-attribution {
		display: none !important;
	}
	body { font-size: 11pt; }
	.container { padding: 0; max-width: 100%; }
	h1 { margin-top: 0; }
	/* Try not to break panels across pages where possible */
	.panel { page-break-inside: avoid; }
	/* Expand external link URLs after their visible text — except
	   the legacy show-mrds.php self-link and Google Maps coord link,
	   which clutter the print without adding info that isn't already
	   on the page. */
	.panel-body a[href^="http"]:not([href*="/mrds/show-mrds.php"]):not([href*="google.com/maps"])::after {
		content: " [" attr(href) "]";
		font-size: 0.85em;
		color: #555;
		font-weight: normal;
	}
	.beyond-link-list a[href^="http"]::after {
		content: " [" attr(href) "]";
		font-size: 0.85em;
		color: #555;
	}
}

/* =============BEYOND USGS SUPPLEMENTAL SECTION===============*/
/* Rendered after the original USGS panels by render_beyond_usgs().
   Visually distinct (teal accent) from the blue panel-primary panels so a
   user can tell at a glance what's not part of the original USGS record. */
.beyond-usgs {
	margin-top: 32px;
	padding-top: 24px;
	border-top: 3px double #5a8a8a;
}
.beyond-usgs-header { margin-bottom: 16px; }
.beyond-usgs-header h2 {
	color: #2d5959;
	font-size: 22px;
	margin: 0 0 4px;
}
.beyond-usgs-attribution {
	color: #777;
	font-size: 12px;
	font-style: italic;
	margin: 0 0 16px;
}
.beyond-usgs-attribution a { color: #2c5aa0; text-decoration: none; }
.beyond-usgs-attribution a:hover { text-decoration: underline; }
.beyond-panel {
	border: 1px solid #5a8a8a;
	border-radius: 4px;
	margin-bottom: 16px;
	background: #fff;
}
.beyond-panel > .panel-heading {
	background-color: #e0efef;
	color: #2d5959;
	border-bottom: 1px solid #5a8a8a;
	padding: 8px 12px;
	border-radius: 4px 4px 0 0;
}
.beyond-panel > .panel-heading .panel-title {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	color: #2d5959;
}
.beyond-panel > .panel-body { padding: 12px; }
.beyond-link-list { margin: 0; padding-left: 20px; }
.beyond-link-list li { margin: 3px 0; }
.beyond-link-list a { color: #2c5aa0; text-decoration: none; }
.beyond-link-list a:hover { text-decoration: underline; }
.beyond-operator-history li { margin-bottom: 10px; }
.beyond-operator-history strong { color: #333; }
.beyond-note {
	margin: 8px 0 0;
	font-size: 12px;
	color: #888;
	font-style: italic;
}
.beyond-note-inline {
	font-size: 12px;
	color: #888;
	font-style: italic;
}
/* MSHA "Current status" panel — current operator + status badge */
.beyond-msha-table { margin-bottom: 8px; }
.beyond-msha-table th {
	width: 40%;
	font-weight: 600;
	color: #333;
	font-size: 13px;
}
.beyond-msha-table td {
	color: #444;
	font-size: 13px;
}
.msha-status {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 3px;
	font-size: 11px;
	font-weight: 600;
	margin-right: 6px;
	text-transform: uppercase;
	letter-spacing: 0.3px;
}
.msha-status-active        { background: #d4edda; color: #155724; }
.msha-status-intermittent  { background: #fff3cd; color: #856404; }
.msha-status-nonproducing  { background: #e2e3e5; color: #383d41; }
.msha-status-abandoned     { background: #f8d7da; color: #721c24; }
.msha-status-idle          { background: #e2e3e5; color: #383d41; }
.msha-status-other         { background: #e2e3e5; color: #383d41; }

.beyond-panel-warning { border-color: #d4a017; }
.beyond-panel-warning > .panel-heading {
	background-color: #fff8e1;
	color: #6e5817;
	border-bottom-color: #d4a017;
}
.beyond-panel-warning > .panel-heading .panel-title { color: #6e5817; }
.beyond-panel-warning > .panel-body p { margin: 0; }

/* =============CRITICAL MINERALS BADGE===============*/
/* Inline badge next to a commodity name when it's on the USGS 2022 Final
   List of Critical Minerals. Emitted by generate_mrds_page._critical_badge()
   as an <a> linking to the USGS announcement page — both hover and
   click yield more info. */
.critical-mineral-badge {
	display: inline-block;
	margin-left: 6px;
	padding: 1px 6px;
	background: #f5e8a3;
	color: #6e5817 !important;
	font-size: 11px;
	font-weight: 600;
	border-radius: 3px;
	vertical-align: middle;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	text-decoration: none;
}
.critical-mineral-badge:hover {
	background: #efd755;
	color: #4a3a08 !important;
	text-decoration: none;
}