/*
Theme Name: RCHS Prototype (TT5 Child)
Theme URI: https://rchs.digital/
Description: A Twenty Twenty-Five child theme styled to match the RCHS prototype (nav + hero + cards + footer). Designed to coexist with existing Volunteer and WooCommerce work.
Author: RCHS
Template: twentytwentyfive
 Version: 1.2.6
Text Domain: rchs-tt5-prototype
*/

/* Small safety net styles (most styling is in theme.json). */
:root{
  --rchs-navy: #233a56;
  --rchs-gold: #b88b3f;
  --rchs-cream: #f6f3ee;
}

/* Ensure the Donate button looks like a button even if Navigation block outputs it as a link */
.rchs-donate a{
  background: var(--rchs-gold);
  color: #fff;
  padding: .75rem 1.1rem;
  border-radius: .15rem;
  text-decoration: none;
  display: inline-block;
}

/* Footer background */
.rchs-footer{
  background: var(--rchs-navy);
  color: rgba(255,255,255,.85);
}
.rchs-footer a{ color: rgba(255,255,255,.9); }

/* === Prototype layout helpers === */
.rchs-hero{ background: var(--rchs-navy); color:#fff; }
.rchs-hero .wp-block-heading, .rchs-hero p{ color:#fff; }
.rchs-hero .is-style-outline a{ border-color: rgba(255,255,255,.45) !important; color:#fff !important; }

.rchs-card{
  border: 1px solid rgba(17,24,39,.08);
  border-radius: .35rem;
  background: #fff;
  box-shadow: 0 10px 25px rgba(17,24,39,.06);
}
.rchs-card .wp-block-heading{ margin-top: 0; }

.rchs-icon-pill{
  width: 56px; height: 56px;
  border-radius: 999px;
  background: rgba(184,139,63,.14);
  display:flex; align-items:center; justify-content:center;
}

.rchs-kicker{ letter-spacing:.08em; text-transform:uppercase; font-size:.8rem; opacity:.85; }

/* Simple “tab” buttons for shop categories */
.rchs-tabs .wp-block-button__link{
  background: transparent;
  border: 1px solid rgba(17,24,39,.12);
  color: rgba(17,24,39,.85);
  padding:.55rem 1rem;
}

/*
 * Full-width desktop layout
 *
 * We want the site to breathe across wide desktops (like the prototype), while
 * still keeping comfortable inner padding.
 */
.rchs-main,
.rchs-content-wrap{
  max-width: none;
  width: 100%;
}

.rchs-content-wrap{
  padding-left: clamp(16px, 4vw, 72px);
  padding-right: clamp(16px, 4vw, 72px);
}

/* Ensure common constrained containers don't force a narrow column */
.wp-site-blocks > *{
  max-width: none;
}
.rchs-tabs .is-style-fill .wp-block-button__link{ background:#fff; }

/* Give the main site background a warm cream */
body{ background: var(--rchs-cream); }

/* Shop filter buttons (dynamic) */
.rchs-shop-browser{ margin-top: 1.5rem; }
.rchs-shop-filters{ display:flex; flex-wrap:wrap; gap:.6rem; justify-content:center; margin: 0 0 1.25rem; }
.rchs-filter-btn{
  display:inline-block;
  padding:.55rem 1rem;
  border: 1px solid rgba(17,24,39,.18);
  border-radius: .2rem;
  text-decoration:none;
  background: rgba(255,255,255,.65);
  color: rgba(17,24,39,.9);
}
.rchs-filter-btn:hover{ background: #fff; }
.rchs-filter-btn.is-active{ background: #fff; box-shadow: 0 6px 18px rgba(17,24,39,.10); border-color: rgba(17,24,39,.25); }

/* Donate page */
.rchs-hero--donate{
  background: var(--wp--preset--color--rchs-navy);
  color: #fff;
  padding: 96px 24px;
}
.rchs-hero--donate .wp-block-heading,
.rchs-hero--donate p{color:#fff;}

.rchs-donate-intro{padding:64px 24px;}

.rchs-stat-card{
  border:1px solid var(--wp--preset--color--rchs-border);
  border-radius:12px;
  padding:20px 22px;
  background:#fff;
  box-shadow:0 8px 24px rgba(0,0,0,.06);
}
.rchs-stat-card .rchs-stat-number{
  font-size:36px;
  font-weight:700;
  margin:0;
}

.rchs-donate-reengage{padding:32px 24px 24px;}

.rchs-card{
  border:1px solid var(--wp--preset--color--rchs-border);
  border-radius:12px;
  padding:22px 22px;
  background:#fff;
  box-shadow:0 10px 28px rgba(0,0,0,.06);
  height:100%;
}
.rchs-card .wp-block-heading{margin-top:0;}

.rchs-donate-card-wrap{
  padding:56px 24px 80px;
  display:flex;
  justify-content:center;
}
.rchs-donate-card{
  width: min(920px, 100%);
  background: var(--wp--preset--color--rchs-navy);
  color:#fff;
  border-radius:18px;
  padding:42px 28px;
  box-shadow:0 18px 60px rgba(0,0,0,.22);
}
.rchs-donate-card .wp-block-heading,
.rchs-donate-card p{color:#fff;}

.rchs-donate-heart{
  text-align:center;
  font-size:38px;
  line-height:1;
  margin:0 0 18px;
  color: var(--wp--preset--color--rchs-gold);
}

.rchs-donate-amounts .wp-block-button__link{
  background: transparent;
  border:1px solid rgba(255,255,255,.25);
  color:#fff;
  padding:14px 24px;
  min-width:120px;
}
.rchs-donate-amounts .wp-block-button__link:hover{
  border-color: rgba(255,255,255,.45);
}

.rchs-donate-primary .wp-block-button__link{
  background: var(--wp--preset--color--rchs-gold);
  border:1px solid var(--wp--preset--color--rchs-gold);
  color:#fff;
  padding:16px 28px;
}