/*
Theme Name:        FAN Foundation
Theme URI:         https://fan.org.co
Author:            Fundacion FAN
Author URI:        https://fan.org.co
Description:       A simple FSE (Full Site Editing) block theme for Fundacion FAN. Built with WordPress 6.0+ block editor. Uses Montserrat typeface and the foundation's brand colors: cyan (#1EC8F0) and purple (#8B3FDD).
Requires at least: 6.0
Tested up to:      6.8
Requires PHP:      7.4
Version:           1.0.0
License:           GNU General Public License v2 or later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:       fan-foundation
Tags:              full-site-editing, block-themes, one-column, custom-colors, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* ============================================================
   Base styles — FSE themes load theme.json tokens for most
   styling. Only add CSS here for things blocks can't handle.
   ============================================================ */

/* Google Fonts fallback — Montserrat loaded via functions.php */
body {
	font-family: 'Montserrat', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Smooth scrolling */
html {
	scroll-behavior: smooth;
}

/* Remove default WP margin on alignfull blocks inside templates */
.wp-site-blocks > * {
	margin-block-start: 0;
	margin-block-end: 0;
}

/* Ensure full-width cover blocks have no side overflow */
.wp-block-cover.alignfull,
.wp-block-group.alignfull {
	overflow: hidden;
}

/* ---- Navigation ---- */
.wp-block-navigation a {
	text-decoration: none;
	transition: color 0.2s ease;
}

.wp-block-navigation a:hover {
	color: var(--wp--preset--color--cyan) !important;
}

/* ---- Buttons ---- */
.wp-block-button__link {
	transition: var(--wp--custom--transition);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-weight: 700;
}

/* CTA "DONA" button variant */
.is-style-dona .wp-block-button__link {
	background-color: var(--wp--preset--color--cyan);
	color: #fff;
	border-radius: var(--wp--custom--border-radius--pill);
	padding: 0.6rem 1.5rem;
	font-size: 0.85rem;
}

.is-style-dona .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--cyan-dark);
}

/* Outline button variant */
.is-style-outline-white .wp-block-button__link {
	background: transparent;
	color: #fff;
	border: 2px solid #fff;
	border-radius: var(--wp--custom--border-radius--pill);
}

.is-style-outline-white .wp-block-button__link:hover {
	background: rgba(255,255,255,0.15);
}

/* ---- Footer links ---- */
.fan-footer a {
	color: rgba(255, 255, 255, 0.8);
	text-decoration: none;
	transition: color 0.2s ease;
}

.fan-footer a:hover {
	color: var(--wp--preset--color--cyan);
}

/* ---- Utility: visually hidden (screen readers only) ---- */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}