/*
Theme Name: Círculo de Yala
Theme URI: https://yala-ilimitada.local
Description: Child theme of Twenty Twenty-Three for the Círculo de Yala site.
Author: Yala
Template: twentytwentythree
Version: 1.3.6
Requires at least: 6.1
Tested up to: 7.0
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentythree-child
*/

/*
 * Paleta O Sol (Fogo, Rubro e Ouro) — paletas_taro_yala.html #3
 * Tokens semânticos + aliases legados usados pelo plugin yala-core.
 */
:root {
	--yala-bg: #fffef9;
	--yala-text: #2a1b1a;
	--yala-heading: #e53935;
	--yala-primary: #4a148c;
	--yala-primary-dark: #38096b;
	--yala-secondary: #9a7700;
	--yala-secondary-bright: #fbc02d;
	--yala-accent: #00838f;
	--yala-accent-dark: #006064;
	--yala-gradient-start: #6a1b9a;
	--yala-gradient-mid: #4a148c;
	--yala-gradient-end: #38096b;

	--yala-rich-black: var(--yala-text);
	--yala-dark-blue: var(--yala-primary-dark);
	--yala-orange: var(--yala-primary);
	--yala-light-gray: var(--yala-bg);
	--yala-white: #ffffff;
	--yala-link: var(--yala-primary);
	--yala-link-hover: var(--yala-primary-dark);
	--yala-viewport-height: 100vh;
	--yala-admin-bar-offset: 0px;
	--yala-font-sans: "Google Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--yala-font-display: "Fraunces", Georgia, "Times New Roman", serif;
	--yala-shell-max: var(--wp--style--global--wide-size, 1200px);
	--yala-shell-padding: clamp(1rem, 4vw, 1.75rem);
	--yala-content-max: var(--wp--style--global--content-size, 960px);
	--yala-taro-card-ratio: 827 / 1476;
}

@supports (height: 100dvh) {
	:root {
		--yala-viewport-height: 100dvh;
	}
}

@supports (height: 100svh) {
	:root {
		--yala-viewport-height: 100svh;
	}
}

html {
	height: 100%;
	margin-top: 0 !important;
	overflow-x: clip;
	background-color: var(--yala-bg);
}

body {
	margin: 0;
	min-height: 100%;
	padding: 0;
}

body,
.wp-site-blocks {
	font-family: var(--yala-font-sans);
	background-color: var(--yala-bg);
	color: var(--yala-text);
}

button,
input,
select,
textarea {
	font-family: inherit;
}

.yala-site-header,
.yala-site-footer,
.yala-site-header .wp-block-navigation,
.yala-site-header .wp-block-site-title,
.yala-site-footer .wp-block-site-title {
	font-family: var(--yala-font-sans);
}

/* Logged-in WP admin bar: avoid html margin-top + double viewport height (extra scroll). */
body.admin-bar {
	--yala-admin-bar-offset: 32px;
	padding-top: var(--yala-admin-bar-offset);
	box-sizing: border-box;
}

@media screen and (max-width: 782px) {
	body.admin-bar {
		--yala-admin-bar-offset: 46px;
	}
}

/* Sticky site footer: header / growing main / footer within one viewport shell */
.wp-site-blocks {
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: auto 1fr auto;
	width: 100%;
	min-height: calc(var(--yala-viewport-height) - var(--yala-admin-bar-offset));
	padding-top: 0;
	padding-bottom: 0;
}

/* Site shell — one max-width + padding shared by header, main, footer */
.yala-site-header__inner,
.yala-site-footer__inner,
main.wp-block-group {
	width: 100%;
	max-width: var(--yala-shell-max);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--yala-shell-padding);
	padding-right: var(--yala-shell-padding);
	box-sizing: border-box;
}

main.wp-block-group {
	min-height: 0;
	margin-bottom: 0 !important;
	padding-bottom: clamp(2.5rem, 6vw, 4rem);
}

/* Content column — centered inside the 1200px shell (no nested constrained) */
main.wp-block-group > :where(:not(.alignfull):not(.alignwide)) {
	max-width: var(--yala-content-max);
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

/* Header & footer: full-bleed orange, vertically centered content */
header.wp-block-template-part,
footer.wp-block-template-part {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	background-color: var(--yala-orange);
	color: var(--yala-white);
}

.yala-site-header,
.yala-site-footer {
	margin: 0;
	width: 100%;
	background-color: var(--yala-orange);
	color: var(--yala-white);
}

.yala-site-header__inner,
.yala-site-footer__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 0.75rem 1.25rem;
	min-height: 4.25rem;
	padding-top: 0.85rem;
	padding-bottom: 0.85rem;
}

.yala-site-header a,
.yala-site-footer a,
.yala-site-header .wp-block-site-title,
.yala-site-header .wp-block-site-title a,
.yala-site-footer .wp-block-site-title,
.yala-site-footer .wp-block-site-title a {
	color: var(--yala-white);
	text-decoration-color: rgba(255, 255, 255, 0.65);
}

.yala-site-header a:hover,
.yala-site-header a:focus,
.yala-site-footer a:hover,
.yala-site-footer a:focus {
	color: var(--yala-white);
	opacity: 0.92;
}

.yala-site-header .wp-block-navigation.items-justified-right .wp-block-navigation__container > .has-child .wp-block-navigation__submenu-container,
.yala-site-header .wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container {
	left: 0;
	right: auto;
}

.yala-site-header .wp-block-navigation__submenu-container {
	background-color: var(--yala-dark-blue);
	border-color: var(--yala-dark-blue);
}

.yala-site-header .wp-block-navigation__submenu-container a {
	color: var(--yala-white);
}

@media (min-width: 782px) {
	.yala-site-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
		border-radius: 0;
		text-decoration: none;
	}

	.yala-site-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
	.yala-site-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus {
		background-color: var(--yala-orange);
		color: var(--yala-white);
		text-decoration: none;
	}
}

.yala-site-header .wp-block-navigation {
	align-items: center;
}

.yala-site-brand {
	display: flex;
	align-items: center;
	gap: 0.55rem;
}

.yala-site-brand__icon {
	flex: 0 0 auto;
	margin: 0;
	line-height: 0;
}

.yala-site-brand__icon img {
	display: block;
	width: auto;
	height: auto;
	border-radius: 6px;
}

.yala-site-header .wp-block-navigation a.is-current,
.yala-site-header .wp-block-navigation a[aria-current="page"] {
	font-weight: 700;
	text-decoration-thickness: 2px;
}

@media (max-width: 781px) {
	.yala-site-header .wp-block-navigation__responsive-container.is-menu-open {
		padding: 0;
	}

	.yala-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
	.yala-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
		align-items: stretch;
		width: 100%;
		padding: 0;
		gap: 0;
		row-gap: 0;
	}

	.yala-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
	.yala-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child {
		display: block;
		width: 100%;
		margin: 0;
	}

	.yala-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu__toggle,
	.yala-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon {
		display: none !important;
	}

	.yala-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
		position: static !important;
		inset: auto !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 !important;
		background: transparent !important;
		border: 0;
		box-shadow: none;
	}

	/* Every row — same full-width button */
	.yala-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		width: 100%;
		box-sizing: border-box;
		margin: 0;
		padding: 0.85rem 1.15rem;
		border: 0;
		border-bottom: 1px solid var(--yala-secondary-bright, #fbc02d);
		border-radius: 0;
		font-size: inherit;
		font-weight: 400;
		line-height: 1.3;
		color: var(--yala-text, #2a1b1a) !important;
		text-align: left;
		text-decoration: none;
		background: #fff;
		opacity: 1;
	}

	/* Sub-rows — off-white + slight indent */
	.yala-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
		padding-left: 1.85rem;
		background: var(--yala-bg, #fffef9) !important;
	}

	/* Same yellow hover on every row */
	.yala-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover,
	.yala-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:focus {
		background: var(--yala-secondary-bright, #fbc02d) !important;
		color: var(--yala-text, #2a1b1a) !important;
		opacity: 1;
	}

	.yala-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content[aria-current="page"] {
		font-weight: 700;
	}

	/* Last row in menu only */
	.yala-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item:last-child:not(.has-child) > .wp-block-navigation-item__content {
		border-bottom: 0;
	}
}

main :is(h1, h2, h3, h4, h5, h6),
main .wp-block-heading,
main .wp-block-post-title {
	font-family: var(--yala-font-display);
	font-weight: 500;
	color: var(--yala-heading);
}

.yala-site-footer__links {
	margin: 0;
	font-size: 0.88rem;
	color: var(--yala-white);
	opacity: 0.92;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.85rem 1.15rem;
}

.yala-site-footer__social {
	display: inline-flex;
	align-items: center;
	gap: 0.65rem;
}

.yala-site-footer__social-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--yala-white);
	line-height: 0;
}

.yala-site-footer__social-icon {
	display: block;
	width: 1.2rem;
	height: 1.2rem;
}

.yala-site-footer__social-link--youtube .yala-site-footer__social-icon {
	width: 1.45rem;
	height: 1.45rem;
}

.yala-site-footer__social-link:hover,
.yala-site-footer__social-link:focus {
	opacity: 0.88;
}

.yala-site-footer__links a {
	color: var(--yala-white);
}

/* Main content links — primary purple for WCAG AA+ on white */
main a:where(:not(.wp-element-button)) {
	color: var(--yala-link);
}

main a:where(:not(.wp-element-button)):hover,
main a:where(:not(.wp-element-button)):focus {
	color: var(--yala-link-hover);
}

a:focus-visible,
button:focus-visible {
	outline: 2px solid var(--yala-accent);
	outline-offset: 2px;
}

.yala-site-footer__links a {
	font-weight: 600;
}