/*
Theme Name:   Go Fiesta
Theme URI:    https://gofiesta.example/
Description:  Standalone WordPress theme for Go Fiesta — Filipino fiesta food, games, destinations, traditions and community. Ships a landing page template plus styled post, page and archive templates, all driven by one set of brand tokens. Elementor-compatible; no parent theme required.
Author:       Digi Ads
Author URI:   https://gofiesta.example/
Version:      1.1.1
Requires at least: 6.0
Tested up to: 6.8
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:  gofiesta
Tags:         blog, one-column, custom-menu, featured-images, translation-ready
*/

/* =========================================================
   1. BRAND TOKENS
   Change these six values and the whole site follows.
   ========================================================= */
:root {
	/* Core palette — pulled from the Go Pyesta / fiesta identity */
	--gf-maroon-deep: #4a0a0d;
	--gf-maroon: #6b1013;
	--gf-red: #d62828;
	--gf-orange: #f58220;
	--gf-gold: #ffc53d;
	--gf-gold-soft: #ffe08a;
	--gf-cream: #fff4e0;
	--gf-cream-deep: #f8e6c6;
	--gf-ink: #2a1512;
	--gf-ink-soft: rgba(42, 21, 18, 0.72);

	/* Banderitas (bunting) flag colours — the signature device */
	--gf-flag-1: #d62828;
	--gf-flag-2: #ffc53d;
	--gf-flag-3: #2f7a3e;
	--gf-flag-4: #1d4e89;
	--gf-flag-5: #f58220;
	--gf-flag-6: #fff4e0;

	/* Type */
	--gf-font-display: "Baloo 2", "Trebuchet MS", system-ui, sans-serif;
	--gf-font-body: "Karla", -apple-system, "Segoe UI", Roboto, sans-serif;

	/* Rhythm */
	--gf-radius: 18px;
	--gf-radius-lg: 28px;
	--gf-shadow: 0 18px 44px -22px rgba(74, 10, 13, 0.55);
	--gf-shadow-lift: 0 26px 60px -24px rgba(74, 10, 13, 0.65);
	--gf-max: 1180px;
	--gf-gutter: clamp(20px, 5vw, 56px);
	--gf-section-y: clamp(64px, 9vw, 118px);

	/* Banderitas geometry */
	--gf-flag-w: 46px;
	--gf-flag-h: 24px;
}

/* =========================================================
   2. GLOBAL BRANDING (applies site-wide, incl. Elementor)
   ========================================================= */
body {
	font-family: var(--gf-font-body);
	color: var(--gf-ink);
	background: var(--gf-cream);
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.elementor-heading-title {
	font-family: var(--gf-font-display);
	font-weight: 800;
	letter-spacing: -0.015em;
	line-height: 1.08;
}

a {
	color: var(--gf-red);
	text-underline-offset: 3px;
}

a:hover,
a:focus-visible {
	color: var(--gf-orange);
}

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
	outline: 3px solid var(--gf-orange);
	outline-offset: 3px;
	border-radius: 6px;
}

/* Elementor buttons inherit the fiesta button */
.elementor-button,
.elementor-button-link {
	font-family: var(--gf-font-display);
	font-weight: 700;
	letter-spacing: 0.01em;
	border-radius: 999px;
	background-color: var(--gf-red);
	color: var(--gf-cream);
	transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

.elementor-button:hover,
.elementor-button:focus-visible {
	background-color: var(--gf-orange);
	color: #fff;
	transform: translateY(-2px);
	box-shadow: var(--gf-shadow);
}

/* Selection + scrollbar accents */
::selection {
	background: var(--gf-gold);
	color: var(--gf-maroon-deep);
}

/* Utility class you can drop on any Elementor section to get the bunting rail */
.gf-has-banderitas {
	position: relative;
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001ms !important;
		scroll-behavior: auto !important;
	}
}