/*
Theme Name: Valdano
Theme URI: https://valdanospanish.com
Author: Clara Veronica "Vero" Valdano
Author URI: https://valdanospanish.com
Description: A warm, elegant block theme built for Dr. Valdano's Spanish tutoring and (later) interior decorating sites. Mediterranean palette, Fraunces + Inter typography, full-site editing.
Requires at least: 6.6
Tested up to: 7.0
Requires PHP: 8.0
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: valdano
Tags: full-site-editing, blog, education, custom-colors, custom-menu, block-styles, wide-blocks, editor-style
*/

/* Most styling is driven by theme.json. The rules below are small polish
   touches that are awkward to express there. */

/* Smooth scrolling for in-page anchor links (e.g. nav -> #contact). */
html {
	scroll-behavior: smooth;
}

/* Give anchored sections breathing room below the sticky header. */
:where(.wp-block-group)[id] {
	scroll-margin-top: 6rem;
}

/* Eyebrow / kicker label above section headings. */
.is-style-eyebrow {
	text-transform: uppercase;
	letter-spacing: 0.18em;
	font-size: 0.8rem;
	font-weight: 600;
	color: var(--wp--preset--color--accent);
}

/* Subtle lift on cards (groups with a surface background + radius). */
.is-style-card {
	transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.is-style-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 18px 40px -24px rgba(122, 59, 34, 0.45);
}

/* Underline accent that animates in on nav hover. */
.wp-block-navigation .wp-block-navigation-item__content {
	padding-bottom: 2px;
	border-bottom: 1.5px solid transparent;
	transition: border-color 0.18s ease;
}
.wp-block-navigation .wp-block-navigation-item__content:hover,
.wp-block-navigation .current-menu-item .wp-block-navigation-item__content {
	border-bottom-color: var(--wp--preset--color--accent);
}

/* Header wordmark: keep the "Valdano Spanish" site title dark and undecorated
   (the global link style would otherwise color + underline it), with a soft
   accent on hover. */
.valdano-header .wp-block-site-title a {
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
	font-family: var(--wp--preset--font-family--serif);
}
.valdano-header .wp-block-site-title a:hover {
	color: var(--wp--preset--color--accent-deep);
}

/* Footer sits on a dark background, but the non-link body text (tagline,
   headings, copyright) was falling back to the default dark text color and
   rendering nearly invisible. Force all footer text to light cream with a
   high-specificity !important rule so it always wins the cascade. Links are
   intentionally left alone — their clay color reads fine on the dark footer. */
.valdano-footer,
.valdano-footer p,
.valdano-footer li,
.valdano-footer h4,
.valdano-footer cite {
	color: var(--wp--preset--color--background) !important;
}

/* Outline button variation. */
.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	color: var(--wp--preset--color--accent-deep);
	border: 1.5px solid var(--wp--preset--color--accent);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--white);
}