/*
Theme Name: Amita 2026 (Ani)
Theme URI: https://amitaguptaforwake.com
Author: Amita Gupta Campaign
Description: One-page, Tailwind-styled campaign theme ("Amita2026ani") — hero, about, platform issues, stats, get-involved with a real volunteer form, upcoming events (custom post type), a donate CTA, and an English/Spanish/Hindi language switcher for the site's interface text. Homepage copy lives on a real, block-editable "Home" page (created automatically on activation) so it survives theme updates; colors, donate settings, and footer/contact info remain in Appearance > Customize; events are added from the Events admin screen.
Version: 1.8.4
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: amita2026ani
*/

/* scroll-padding-top keeps anchor-linked sections (About, Issues, Get
   Involved, Events, Endorsements, Donate) from landing flush behind the
   fixed header when the menu scrolls to them instead of navigating away. */
html { scroll-behavior: smooth; scroll-padding-top: 6rem; }

/* Language switcher — Hindi option needs the Devanagari font, not Inter */
[lang="hi"] { font-family: 'Noto Sans Devanagari', 'Inter', sans-serif; }

#language-select,
#language-select-mobile { min-width: 0; }

.fade-in { animation: fadeIn 0.6s ease-in; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }

.card-hover { transition: all 0.3s ease; }
.card-hover:hover { transform: translateY(-5px); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); }

/* WordPress core alignment/caption defaults so the block editor behaves on page.php content */
.alignwide { max-width: 1080px; margin-left: auto; margin-right: auto; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { max-width: 100%; }

/* Homepage content (Pages → Home) is rendered inside <main>; the block editor
   wraps top-level blocks in <p>/default margins we don't want fighting the
   Tailwind section spacing already baked into each block's classes. */
.ani-home-content > * { margin-top: 0; margin-bottom: 0; }
.ani-home-content .wp-block-image img { display: block; width: 100%; height: auto; }
.ani-home-content .wp-block-buttons { margin-top: 0; }
/* Structure only — colors/backgrounds come from the Tailwind classes already
   on each button's <a> tag (see inc/home-page.php), so this stays theme-mod
   color agnostic and never fights whatever accent color is configured. */
.ani-home-content .wp-block-button__link { display: inline-flex; align-items: center; justify-content: center; padding: 1rem 2rem; font-weight: 700; text-decoration: none; transition: all 0.2s ease; }
.ani-home-content .wp-block-button__link:hover { transform: translateY(-2px); }

/* Volunteer form success/error banner */
.form-notice { padding: 12px 16px; border-radius: 10px; font-weight: 600; margin-bottom: 16px; }
.form-notice.success { background: #d1fae5; color: #065f46; }
.form-notice.error { background: #fee2e2; color: #991b1b; }