/*
Theme Name:   Aalanika
Theme URI:    https://aalanika.com
Author:       Aalanika
Author URI:   https://aalanika.com
Description:  Lightweight block child theme for the Aalanika traditional apparel storefront.
Template:     twentytwentyfive
Version:      1.4.1
Requires at least: 6.6
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:  aalanika
*/

/* ==============================
   HEADER
   ============================== */
.site-header-row {
	display: grid !important;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 1rem;
	width: 100%;
}
.site-header-row > *:first-child {
	justify-self: start;
}
.site-header-row > *:nth-child(2) {
	justify-self: center;
}
.site-header-row > *:last-child {
	justify-self: end;
}
.site-header-row .wp-block-site-logo img {
	max-height: 88px;
	width: auto;
}
.site-header-row .wp-block-navigation__responsive-container-open {
	background: transparent;
	border: none;
	padding: 4px;
	cursor: pointer;
	color: var(--wp--preset--color--primary);
}
.site-header-row .wp-block-navigation__responsive-container-open svg {
	width: 24px;
	height: 24px;
}
.wp-block-navigation__responsive-container.is-menu-open {
	background-color: var(--wp--preset--color--primary) !important;
	color: var(--wp--preset--color--background) !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a {
	color: var(--wp--preset--color--background) !important;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
	color: var(--wp--preset--color--background);
}
.header-icon-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--wp--preset--color--primary);
	padding: 4px;
	transition: opacity 0.2s;
}
.header-icon-link:hover { opacity: 0.6; }
.announcement-bar p { font-size: 12.5px !important; letter-spacing: 0.4px; }
.announcement-bar a { color: var(--wp--preset--color--background); text-underline-offset: 3px; }
.header-divider {
	height: 1px;
	background: linear-gradient(90deg, transparent, var(--wp--preset--color--accent), transparent);
	opacity: 0.35;
}

/* ==============================
   FOOTER
   ============================== */

/* Force brand font in footer */
.site-footer {
	font-family: 'Hind', sans-serif !important;
}
.site-footer * {
	font-family: inherit;
}
.site-footer h4 {
	font-family: 'Hind', sans-serif !important;
}

/* Remove bullet points from footer lists */
.footer-links {
	list-style: none !important;
	padding-left: 0 !important;
	margin-left: 0 !important;
}
.footer-links li {
	padding-left: 0 !important;
}
.footer-links li::marker {
	content: none;
}

/* Footer link styling */
.footer-links li a {
	color: var(--wp--preset--color--accent) !important;
	font-size: 14px;
	text-decoration: none;
	transition: color 0.2s;
}
.footer-links li a:hover {
	color: var(--wp--preset--color--background) !important;
}

/* Column headings */
.footer-col-heading {
	font-size: 10px !important;
	font-weight: 600 !important;
	letter-spacing: 3px !important;
	text-transform: uppercase;
}

/* Social icons — larger, circled */
.footer-social .wp-social-link {
	border: 1px solid rgba(150, 181, 163, 0.35) !important;
	width: 42px !important;
	height: 42px !important;
	transition: border-color 0.25s, transform 0.25s;
}
.footer-social .wp-social-link:hover {
	border-color: var(--wp--preset--color--background);
	transform: translateY(-2px);
}
.footer-social .wp-social-link svg {
	width: 20px !important;
	height: 20px !important;
}

/* WhatsApp button */
.footer-wa-btn .wp-block-button__link {
	background: rgba(37, 211, 102, 0.12) !important;
	border: 1px solid rgba(37, 211, 102, 0.3) !important;
	color: var(--wp--preset--color--background) !important;
	font-size: 13px !important;
	font-weight: 500;
	border-radius: 10px !important;
	padding: 10px 18px !important;
	transition: background 0.25s;
}
.footer-wa-btn .wp-block-button__link:hover {
	background: rgba(37, 211, 102, 0.22) !important;
}

/* Legal strip */
.footer-legal {
	border-top: 1px solid rgba(150, 181, 163, 0.15);
	font-size: 11.5px !important;
}
.footer-legal a {
	color: var(--wp--preset--color--accent) !important;
	text-decoration: none;
	transition: color 0.2s;
}
.footer-legal a:hover {
	color: var(--wp--preset--color--background) !important;
}