/*
Theme Name: ACCOUNNECT Child
Theme URI: https://accounnect.in
Description: Child theme of GeneratePress for the ACCOUNNECT platform. GeneratePress supplies only base markup/CSS scaffolding (header, footer, typography, responsive grid) - every custom template and all business logic live in the accounnect-core plugin, not here.
Author: Accounnect
Template: generatepress
Version: 0.2.5
Text Domain: accounnect-child
*/

/* Bundled ACCOUNNECT wordmark logo (functions.php's `generate_logo` filter)
   is wide (~3:1), not square - constrain its rendered height so it sits
   in the header the same way GeneratePress's default fixed-height logo
   did, and scale width automatically to keep its aspect ratio.
   Kept at 60px (bigger than the original 42px default, but pulled back
   from an earlier 72px) because nav sits back in the header row beside
   the logo (Float Right, GeneratePress's default) rather than on its own
   row below - the menu-item padding trim just below is what actually
   makes the wider logo + full 9-item menu fit on one line again. */
.site-logo img.header-image {
	height: 60px;
	width: auto;
	max-width: 100%;
}

/* Placeholder banner style for the empty V1 pages created in Phase 0.
   Safe to remove once Phase 5 replaces placeholder content with real copy. */
.accounnect-placeholder-notice {
	background: #fff3cd;
	border: 1px solid #ffeeba;
	color: #856404;
	padding: 0.75em 1em;
	margin-bottom: 1.5em;
	font-size: 0.9em;
}

/* Slightly emphasize the "Take PACE" CTA in the primary nav. */
.main-nav .accounnect-nav-cta a {
	font-weight: 600;
}

/* Account actions (Login / Join ACCOUNNECT, or My Dashboard / Logout) sit at
   the far right of the primary nav on desktop, like most sites. The order is
   set in Candidate\Front_Controller::move_account_items_to_right(). */
@media (min-width: 769px) {
	.main-navigation .main-nav > ul {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}

	/* Trim GeneratePress's default 20px-a-side link padding so the full
	   9-item menu (Learn...Join ACCOUNNECT) reliably fits on one line
	   next to the wider logo, instead of the last item(s) wrapping onto
	   an orphaned second line. */
	.main-navigation .main-nav ul li a {
		padding-left: 13px;
		padding-right: 13px;
	}

	.main-navigation .main-nav ul li.accounnect-nav-account-first {
		margin-left: auto;
	}

	.main-navigation .main-nav ul li.accounnect-nav-account-button > a {
		background: #2c3e91;
		color: #fff;
		border-radius: 6px;
		line-height: 1;
		padding: 0.7em 0.9em;
		margin-left: 0.5em;
	}

	.main-navigation .main-nav ul li.accounnect-nav-account-button > a:hover,
	.main-navigation .main-nav ul li.accounnect-nav-account-button > a:focus {
		background: #1f2d6b;
		color: #fff;
	}
}

/* Site-wide typography: Inter, 17px body on desktop / 16px on mobile,
   1.6 line height, tabular figures so scores and amounts line up. */
body,
button,
input,
select,
textarea {
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-variant-numeric: tabular-nums;
}

body {
	font-size: 17px;
	line-height: 1.6;
	color: #1f2937;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	line-height: 1.25;
}

h1 { font-size: 46px; }
h2 { font-size: 34px; }
h3 { font-size: 22px; }

@media (max-width: 768px) {
	body { font-size: 16px; }
	h1 { font-size: 32px; }
	h2 { font-size: 26px; }
	h3 { font-size: 19px; }
}

/* ---- Footer: "A BizPro Initiative" credit ---- */
.copyright-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.6em 1.5em;
}

.accounnect-bizpro-credit {
	display: inline-flex;
	align-items: center;
	gap: 0.6em;
	font-size: 0.9em;
	font-weight: 600;
	color: inherit;
	text-decoration: none;
}

.accounnect-bizpro-credit:hover {
	text-decoration: underline;
}

.accounnect-bizpro-logo {
	display: block;
	height: 32px;
	width: auto;
}

/* ---- Scroll-to-top button ---- */
.accounnect-back-to-top {
	position: fixed;
	right: 24px;
	bottom: 24px;
	z-index: 999;
	width: 50px;
	height: 50px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 50%;
	background: #1c3a4d;
	color: #fff;
	cursor: pointer;
	box-shadow: 0 4px 14px rgba(28, 58, 77, 0.35);
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s, background 0.2s ease;
}

.accounnect-back-to-top.is-visible {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.accounnect-back-to-top:hover,
.accounnect-back-to-top:focus-visible {
	background: #264d66;
	color: #fff;
}

.accounnect-back-to-top:focus-visible {
	outline: 3px solid #7fb3d5;
	outline-offset: 2px;
}

@media (max-width: 768px) {
	.accounnect-back-to-top {
		right: 16px;
		bottom: 16px;
	}
}

/* ---- Layout: let every ACCOUNNECT page use the full content width ----
   GeneratePress makes .site-content a flex row (so it can sit beside a
   sidebar). Our page wrappers are direct children and don't set a width, so
   they shrank to their content and hugged the left edge (more empty space on
   the right than the left). Make them fill the row, drop the theme's 40px
   padding and the grey page background so hero bands run edge to edge. */
body {
	background: #fff;
}

.site.grid-container {
	max-width: 100%;
}

.site-content {
	padding: 0;
}

.site-content > :not(.widget-area) {
	flex: 1 1 100%;
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
}