/* =========================================================
   PHPP – Custom Overrides (Canvas-safe)
   ========================================================= */

/* Base background */
html,
body,
#wrapper {
	background-color: #0f1720;
}

#content,
.content-wrap {
	background: transparent;
}

/* Header readability ONLY (no layout changes) */
#header.transparent-header {
	background: transparent;
}

#header #logo a {
	color: #ffffff;
	text-decoration: none;
}

#header #logo span:last-child {
	color: rgba(255,255,255,0.7);
}

/* Menu text colors only */
.primary-menu .menu-link,
.primary-menu .menu-link div {
	color: rgba(255,255,255,0.9);
}

.primary-menu .current > .menu-link div {
	color: #ffffff;
}

/* Typography */
body {
	color: rgba(255,255,255,0.9);
}

p,
.text-white-50 {
	color: rgba(255,255,255,0.78);
}

/* Hero background */
.phpp-hero {
	background:
		radial-gradient(900px 420px at 12% 8%, rgba(42,168,74,0.32), transparent 60%),
		radial-gradient(800px 460px at 78% 12%, rgba(31,143,59,0.22), transparent 62%),
		linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0));
}

/* Glass panels */
.phpp-glass {
	background: rgba(255,255,255,0.07);
	border: 1px solid rgba(255,255,255,0.14);
	backdrop-filter: blur(8px);
	border-radius: 12px;
}

/* Section separation */
.phpp-section {
	background: linear-gradient(
		180deg,
		rgba(255,255,255,0.03),
		rgba(255,255,255,0.015)
	);
	border-top: 1px solid rgba(255,255,255,0.06);
	border-bottom: 1px solid rgba(255,255,255,0.06);
}/* =========================================================
   PHPP – Custom Overrides (Canvas-Safe)
   ========================================================= */

/* Base background */
html, body, #wrapper {
	background-color: #0f1720;
}

#content, .content-wrap {
	background: transparent;
}

/* Header text only – DO NOT touch layout or display */
#header.transparent-header #logo a {
	color: #fff;
	text-decoration: none;
}

#header.transparent-header #logo span {
	color: rgba(255,255,255,0.7);
}

#header.transparent-header .primary-menu .menu-link,
#header.transparent-header .primary-menu .menu-link div {
	color: rgba(255,255,255,0.9);
}

#header.transparent-header .primary-menu .current > .menu-link div {
	color: #fff;
}

/* Prevent menu wrapping on desktop */
@media (min-width: 1200px) {
	.primary-menu .menu-container {
		flex-wrap: nowrap;
	}
}

/* Force hamburger BEFORE wrap happens */
@media (max-width: 1199.98px) {
	#primary-menu-trigger {
		display: block;
	}

	.primary-menu {
		display: none;
	}

	body.primary-menu-open .primary-menu {
		display: block;
	}

	#header.transparent-header #header-wrap {
		background-color: #0f1720;
	}
}

/* Typography */
body {
	color: rgba(255,255,255,0.9);
}

p {
	color: rgba(255,255,255,0.75);
}

/* Hero background */
.phpp-hero {
	background:
		radial-gradient(900px 420px at 12% 8%, rgba(42,168,74,.32), transparent 60%),
		radial-gradient(800px 460px at 78% 12%, rgba(31,143,59,.22), transparent 62%);
}

/* Glass panels */
.phpp-glass {
	background: rgba(255,255,255,0.07);
	border: 1px solid rgba(255,255,255,0.14);
	backdrop-filter: blur(8px);
	border-radius: 12px;
}

/* Footer */
#footer {
	color: rgba(255,255,255,0.7);
}

#footer a {
	color: rgba(255,255,255,0.75);
}

#footer a:hover {
	color: #fff;
}


/* Buttons */
.button-border.button-light {
	color: #ffffff;
	border-color: rgba(255,255,255,0.45);
}

.button-border.button-light:hover {
	background: rgba(255,255,255,0.08);
}

/* Footer */
#footer {
	color: rgba(255,255,255,0.7);
}

#footer a {
	color: rgba(255,255,255,0.75);
}

#footer a:hover {
	color: #ffffff;
}
/* =========================================================
   PHPP – Responsive Menu Lock (Canvas-proof)
   Goal: never wrap in mid widths; always collapse to hamburger
   ========================================================= */

/* 1200px+ : force one-line desktop menu */
@media (min-width: 1200px) {
  .primary-menu .menu-container { flex-wrap: nowrap !important; }
}

/* <1200px : ALWAYS use hamburger, never show desktop menu */
@media (max-width: 1199.98px) {

  /* Ensure the trigger is visible (Canvas may hide it above 992 otherwise) */
  #primary-menu-trigger { display: block !important; }

  /* Hide the desktop menu completely until opened */
  nav.primary-menu { display: none !important; }

  /* Canvas toggles this class on <body> when menu opens */
  body.primary-menu-open nav.primary-menu {
    display: block !important;
  }

  /* Prevent the “white band” by forcing a dark header background on mobile/tablet */
  #header.transparent-header #header-wrap {
    background: #0f1720 !important;
  }
}