/*
Theme Name: 211 Connects Alabama
Theme URI: https://www.211connectsalabama.org
Author: United Ways of Alabama
Description: Block theme for 211 Connects Alabama — United Way brand colors, Antonio + Palanquin type, scroll-reveal animations.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 6.7
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: uw211
*/

/* ---------- base ---------- */
body{-webkit-font-smoothing:antialiased}
html{scroll-behavior:smooth}
h1,h2,h3,.uw-antonio{font-family:"Antonio",sans-serif;text-transform:uppercase;letter-spacing:.02em}
a{transition:color .2s}

/* ---------- header ---------- */
.uw-topbar{background:#0044B5;color:#fff;font-size:14px}
.uw-topbar a{color:#fff;text-decoration:none;font-weight:600}
.uw-topbar a:hover{color:#FFBA00}
.uw-header{position:sticky;top:0;z-index:50;background:#fff;transition:box-shadow .3s}
.uw-header.scrolled{box-shadow:0 2px 16px rgba(15,42,92,.14)}
.uw-header .wp-block-navigation a{font-weight:600;font-size:15px}
.uw-logo img{height:52px;width:auto}

/* ---------- buttons ---------- */
.uw-btn-primary .wp-block-button__link{background:#0044B5;color:#fff;border-radius:6px;font-weight:700;padding:.8em 1.6em;transition:transform .2s,box-shadow .2s,background .2s}
.uw-btn-primary .wp-block-button__link:hover{background:#00368f;transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,68,181,.32)}
.uw-btn-outline .wp-block-button__link{background:transparent;color:#0044B5;border:2px solid #0044B5;border-radius:6px;font-weight:700;padding:.7em 1.5em;transition:all .2s}
.uw-btn-outline .wp-block-button__link:hover{background:#0044B5;color:#fff}
.uw-btn-donate .wp-block-button__link{background:#FD372C;color:#fff;border-radius:6px;font-weight:700;padding:.6em 1.3em;transition:transform .2s,box-shadow .2s}
.uw-btn-donate .wp-block-button__link:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(253,55,44,.35)}
.uw-btn-gold .wp-block-button__link{background:#FFBA00;color:#0F2A5C;border-radius:6px;font-weight:700}

/* ---------- hero ---------- */
.uw-hero{background:linear-gradient(120deg,#0044B5 0%,#0F2A5C 100%);position:relative;overflow:hidden}
.uw-hero::before,.uw-hero::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.uw-hero::before{width:420px;height:420px;background:rgba(255,186,0,.14);top:-140px;right:-100px;animation:uw-float 9s ease-in-out infinite}
.uw-hero::after{width:280px;height:280px;background:rgba(253,55,44,.12);bottom:-120px;left:-80px;animation:uw-float 11s ease-in-out infinite reverse}
@keyframes uw-float{0%,100%{transform:translateY(0)}50%{transform:translateY(26px)}}
.uw-hero h1{color:#fff;font-size:clamp(2.6rem,6vw,4.4rem);line-height:1.02;margin:0}
.uw-hero .uw-hero-sub{color:rgba(255,255,255,.85);font-size:1.15rem;max-width:34em}
.uw-hero-badge{display:inline-block;background:#FFBA00;color:#0F2A5C;font-weight:700;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:.35em 1em}

/* ---------- category cards ---------- */
.uw-cats .wp-block-column{background:#fff;border:1px solid #e3e8f4;border-radius:10px;padding:22px 18px;transition:transform .25s,box-shadow .25s,border-color .25s}
.uw-cats .wp-block-column:hover{transform:translateY(-5px);box-shadow:0 12px 28px rgba(15,42,92,.12);border-color:#0044B5}
.uw-cats h3{margin:0 0 4px;font-size:1.05rem;color:#0F2A5C}
.uw-cats p{margin:0;font-size:.9rem;color:#5a6a8a}
.uw-cats a{text-decoration:none;color:#0044B5;font-weight:600;font-size:.9rem}

/* ---------- info cards ---------- */
.uw-cards .wp-block-column{border-radius:10px;padding:26px;transition:transform .25s,box-shadow .25s}
.uw-cards .wp-block-column:hover{transform:translateY(-5px);box-shadow:0 12px 28px rgba(15,42,92,.14)}
.uw-card-alert{background:#FFF6DE;border:1px solid #f0d488}
.uw-card-blue{background:#EEF3FC;border:1px solid #d7e2f7}

/* ---------- stats ---------- */
.uw-stats{background:#0F2A5C;color:#fff}
.uw-stats .uw-stat-num{font-family:"Antonio",sans-serif;font-size:clamp(2.4rem,5vw,3.6rem);color:#FFBA00;line-height:1}
.uw-stats p{color:rgba(255,255,255,.75)}

/* ---------- footer ---------- */
.uw-footer{background:#0F2A5C;color:#fff}
.uw-footer a{color:#9db4dd;text-decoration:none}
.uw-footer a:hover{color:#FFBA00}
.uw-footer h4{color:#fff;font-family:"Antonio",sans-serif;text-transform:uppercase;letter-spacing:.05em}

/* ---------- scroll-reveal animations ---------- */
.fade-up,.fade-in,.uw-stagger>*{opacity:0;transition:opacity .7s ease,transform .7s ease}
.fade-up,.uw-stagger>*{transform:translateY(28px)}
.fade-in{transform:none}
.fade-up.in-view,.fade-in.in-view,.uw-stagger>.in-view{opacity:1;transform:none}
.uw-stagger>.in-view:nth-child(2){transition-delay:.1s}
.uw-stagger>.in-view:nth-child(3){transition-delay:.2s}
.uw-stagger>.in-view:nth-child(4){transition-delay:.3s}
.uw-stagger>.in-view:nth-child(5){transition-delay:.4s}
.uw-stagger>.in-view:nth-child(6){transition-delay:.5s}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .fade-up,.fade-in,.uw-stagger>*{opacity:1;transform:none;transition:none}
  .uw-hero::before,.uw-hero::after{animation:none}
}