/*
Theme Name:        Wisconsin Buck & Bear Club
Theme URI:         https://wi-buck-bear.org
Description:        Child theme of Kadence for the Wisconsin Buck & Bear Club, a hunting and trophy-records nonprofit. All custom styles, templates, and code for the club's website live here so parent-theme updates never overwrite our work.
Author:            James Squires
Author URI:        https://wi-buck-bear.org
Template:          kadence
Version:           0.2.0
Requires at least: 6.3
Requires PHP:      7.4
License:           GNU General Public License v2 or later
License URI:       http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:       wbbc
*/

/* Custom styles go below. Kadence loads its own stylesheets; this file is for overrides only. */

/* Header account button: rendered into Kadence's header button slot
   (inc/membership.php), stacked centered above the Become a Member CTA. */
.site-header-item[data-section="kadence_customizer_header_button"] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

/* Same treatment as the footer Facebook button — orange (palette1) so it
   stands apart from the gold CTA — with the CTA's dark text and radius. */
.wbbc-account-link {
	display: inline-flex;
	align-items: center;
	gap: 0.45em;
	background: var(--global-palette1);
	color: #000000;
	font-weight: 700;
	font-size: 0.8rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none;
	padding: 7px 18px;
	border-radius: 4px;
}

.wbbc-account-link:hover,
.wbbc-account-link:focus {
	background: var(--global-palette2);
	color: #000000;
}

/* Mobile menu toggle: Kadence's default is a bare gray icon that disappears
   over the transparent-header hero. Make it a solid orange (palette1) square
   button — same treatment as the account link — sized as a real touch target. */
#mobile-toggle.menu-toggle-open {
	background: var(--global-palette1);
	color: #000000;
	width: 44px;
	height: 44px;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
}

#mobile-toggle.menu-toggle-open .menu-toggle-icon {
	font-size: 24px;
}

#mobile-toggle.menu-toggle-open:hover,
#mobile-toggle.menu-toggle-open:focus {
	background: var(--global-palette2);
	color: #000000;
}

/* Mobile drawer links: 50% larger than Kadence's 14px/14px-padding default
   for easier reading and tapping. */
#mobile-drawer .mobile-navigation .menu li a {
	font-size: 21px;
	padding-top: 21px;
	padding-bottom: 21px;
}

/* PMPro pages (checkout, account, confirmation, profile) inject their markup
   as a bare .pmpro div into the full-width content area, so the forms sprawl
   edge-to-edge. Constrain them to the site's content column — the same
   1290px box / 24px side padding the homepage bands use. The login page is
   unaffected: its [pmpro_login] sits inside its own 680px group. */
.entry-content > .pmpro {
	max-width: 1290px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 24px;
	padding-right: 24px;
	box-sizing: border-box;
}