/* Presidio Promises "Donate Now" (WS-26, 9 Nov 2026).
   Loaded by bootstrap/header.php (public pages, legacy back office) and resources/app_shell.php (redesigned back office).
   Tokens match the front page: gold #C79E62, hover #D4B07C, ink #141A22. Selectors are written to out-rank
   body.fp / body.site header and footer rules without !important. */

/* ---------- header: gold-filled pill, sits just left of Login / Back Office (the outlined box stays last) ---------- */
body header .navbar-nav > .nav-item.nav-donate > a.nav-link {
	background: #C79E62;
	color: #141A22;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	text-shadow: none;
	border: 1.5px solid #C79E62;
	margin-left: 8px;
	padding-left: 18px;
	padding-right: 18px;
	text-decoration: none;
	white-space: nowrap;
}
body header .navbar-nav > .nav-item.nav-donate > a.nav-link:hover,
body header .navbar-nav > .nav-item.nav-donate > a.nav-link:focus {
	background: #D4B07C;
	border-color: #D4B07C;
	color: #141A22;
}
body header .navbar-nav > .nav-item.nav-donate > a.nav-link:focus-visible { outline: 2px solid #E3C796; outline-offset: 2px; }
/* Tablet widths: the nav row has no room for a tenth item (Login already clips below ~920px), so the header pill steps aside
   and the footer button carries the link. Phones get it back inside the hamburger menu. */
@media (min-width: 768px) and (max-width: 1119.98px) {
	body header .navbar-nav > .nav-item.nav-donate { display: none; }
}
@media (max-width: 767.98px) {
	body header .navbar-nav > .nav-item.nav-donate > a.nav-link { display: inline-block; margin: 6px 0 0; }
}

/* ---------- footer: logo + button row above the link rows ---------- */
body div.promises-donate {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 32px;
	margin: 26px 0 26px;
	padding: 26px 28px;
	background: #141A22; /* own dark panel: the gold in the logo needs a dark ground, and production's old interior pages have a grey footer */
	border: 1px solid rgba(199, 158, 98, .35);
}
body div.promises-donate a.promises-donate-logo { display: block; line-height: 0; }
body div.promises-donate a.promises-donate-logo img { display: block; width: 240px; max-width: 100%; height: auto; }
body div.promises-donate a.promises-donate-btn {
	display: inline-block;
	background: #C79E62;
	color: #141A22;
	border: 1.5px solid #C79E62;
	font-family: "Public Sans", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: .12em;
	line-height: 1.2;
	padding: 13px 28px;
	text-decoration: none;
	text-transform: uppercase;
}
body div.promises-donate a.promises-donate-btn:hover,
body div.promises-donate a.promises-donate-btn:focus { background: #D4B07C; border-color: #D4B07C; color: #141A22; }
body div.promises-donate a.promises-donate-btn:focus-visible { outline: 2px solid #E3C796; outline-offset: 3px; }
@media (max-width: 575.98px) {
	body div.promises-donate { flex-direction: column; gap: 18px; padding: 24px 16px; }
	body div.promises-donate a.promises-donate-logo img { width: 220px; }
}

/* ---------- redesigned back office (resources/app_shell.php, body.app-body) ---------- */
.app-body .app-top .app-top-donate { color: #ae8b45; font-weight: 600; }
.app-body .app-top .app-top-donate:hover, .app-body .app-top .app-top-donate:focus { color: #95753a; }
.app-body .app-donate { margin: 6px 26px 28px; padding-top: 22px; border-top: 1px solid #2c2c2c; text-align: center; }
.app-body .app-donate a.app-donate-logo { display: block; line-height: 0; }
.app-body .app-donate a.app-donate-logo img { display: block; width: 100%; max-width: 200px; height: auto; margin: 0 auto; }
.app-body .app-donate a.app-donate-btn {
	display: inline-block;
	margin-top: 16px;
	background: #ae8b45;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: .1em;
	padding: 11px 24px;
	text-decoration: none;
	text-transform: uppercase;
}
.app-body .app-donate a.app-donate-btn:hover, .app-body .app-donate a.app-donate-btn:focus { background: #95753a; color: #fff; }
.app-body .app-donate a:focus-visible { outline: 2px solid #E3C796; outline-offset: 3px; }
@media (max-width: 900px) { .app-body .app-donate { margin-bottom: 84px; } }

/* ---------- legacy back office (bootstrap/cc-user-sub-menu.php button row): a gold tab so it never reads as a disabled one ---------- */
/* color is !important: the sandbox interior restyle sets body.site .body a { color: brass } */
body .account_menu a.promises-donate-tab { background: #C79E62; border-color: #C79E62; color: #141A22 !important; font-weight: 600; }
body .account_menu a.promises-donate-tab:hover, body .account_menu a.promises-donate-tab:focus { background: #D4B07C; border-color: #D4B07C; color: #141A22 !important; }