/* ============================================================
   AAUW X1 SHARED COMPONENTS
   Load after existing theme styles. No page IDs or page selectors.
   Existing branch-policies classes are supported as aliases.
   Reusable classes: aauw-x1-soft-panel, aauw-x1-split,
   aauw-x1-copy, aauw-x1-kicker, aauw-x1-cards,
   aauw-x1-cards--2 / --3, aauw-x1-resource-card.
   ============================================================ */

/* 1. Shared colors and sizing */
:root {
  --aauw-x1-navy: #052a4f;
  --aauw-x1-green: #67873a;
  --aauw-x1-border: #d5dfe3;
  --aauw-x1-floral: url("/wp-content/themes/aauw-buffalo-complete/assets/images/backgrounds/about-us-floral.png");
}
.aauw-x1-section { color: var(--aauw-x1-navy); }
.aauw-x1-section *, .aauw-x1-section *::before,
.aauw-x1-section *::after { box-sizing: border-box; }
.aauw-x1-panel { width: 100%; max-width: 1180px; margin-inline: auto; }

/* 2. Standard heading and floral artwork */
.aauw-x1-heading { text-align: center; margin-bottom: 24px; }
.aauw-x1-heading-floral {
  display: block; width: 190px; max-width: 100%; height: 130px;
  object-fit: contain; margin: 0 auto 12px;
}
.aauw-x1-heading h2 {
  color: var(--aauw-x1-navy); font: bold 30px/1.2 Georgia, serif;
  margin: 0;
}
.aauw-x1-kicker,
.aauw-branch-policies__kicker,
.aauw-branch-policies__section-kicker {
  color: var(--aauw-x1-green); font: 14px/1.5 Georgia, serif;
  letter-spacing: 1.5px; text-transform: uppercase; margin: 0 0 8px;
}

/* 3. Faded panel with softly visible floral sprigs */
.aauw-x1-soft-panel,
.aauw-branch-policies__section--soft {
  position: relative; padding: 30px; border: 1px solid var(--aauw-x1-border);
  border-radius: 7px;
  background:
    linear-gradient(110deg, rgba(246,248,241,.86),
      rgba(255,255,255,.97) 48%, rgba(240,245,232,.90)),
    var(--aauw-x1-floral) left bottom / 210px auto no-repeat;
  box-shadow: 0 8px 24px rgba(5,42,79,.06);
}
.aauw-x1-content-section,
.aauw-branch-policies__section { margin-bottom: 26px; }

/* 4. Introduction beside cards */
.aauw-x1-split,
.aauw-branch-policies__governance {
  display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1.9fr);
  gap: 36px; align-items: start;
}
.aauw-x1-split > *, .aauw-branch-policies__governance > * { min-width: 0; }
.aauw-x1-copy h2,
.aauw-branch-policies__governance-copy h2,
.aauw-branch-policies__section-heading h2 {
  color: var(--aauw-x1-navy); font: bold 32px/1.15 Georgia, serif;
  margin: 0 0 18px;
}
.aauw-x1-copy p:not(.aauw-x1-kicker),
.aauw-branch-policies__body-copy,
.aauw-branch-policies__section-lead {
  font-size: 16px; line-height: 1.65; margin: 0 0 14px;
}

/* 5. Reusable two- and three-column card grids */
.aauw-x1-cards,
.aauw-branch-policies__cards,
.aauw-branch-policies__tools-grid { display: grid; gap: 18px; }
.aauw-x1-cards--2,
.aauw-branch-policies__cards--2 {
  grid-template-columns: repeat(2, minmax(0,1fr));
}
.aauw-x1-cards--3,
.aauw-branch-policies__cards--3,
.aauw-branch-policies__tools-grid {
  grid-template-columns: repeat(3, minmax(0,1fr));
}
.aauw-x1-resource-card,
.aauw-branch-policies__resource-card {
  display: flex; flex-direction: column; min-width: 0;
  padding: 26px 22px; border: 1px solid #d4dfe7; border-radius: 6px;
  background: #fff; box-shadow: 0 5px 14px rgba(5,42,79,.06);
  font-size: 15px; line-height: 1.6;
}
.aauw-x1-resource-card h3,
.aauw-branch-policies__resource-card h3 {
  color: var(--aauw-x1-navy); font: bold 22px/1.25 Georgia, serif;
  margin: 0 0 12px;
}
.aauw-x1-resource-card p,
.aauw-branch-policies__resource-card p { margin: 0 0 22px; }

/* 6. Card links and reusable green buttons */
.aauw-x1-resource-card > a,
.aauw-branch-policies__resource-card > a,
.aauw-x1-button {
  display: inline-flex; align-items: center; justify-content: center;
  align-self: flex-start; min-height: 44px; padding: 11px 18px;
  border-radius: 5px; background: var(--aauw-x1-green); color: #fff;
  font: bold 14px/1.4 Arial, sans-serif; text-decoration: none;
  text-align: center;
}
.aauw-x1-resource-card > a,
.aauw-branch-policies__resource-card > a { margin-top: auto; }
.aauw-x1-resource-card > a:hover,
.aauw-branch-policies__resource-card > a:hover,
.aauw-x1-button:hover { background: #526d2d; color: #fff; }
.aauw-x1-resource-card > a:focus-visible,
.aauw-branch-policies__resource-card > a:focus-visible,
.aauw-x1-button:focus-visible {
  outline: 3px solid var(--aauw-x1-navy); outline-offset: 4px;
}

/* 7. Supporting resource sections */
.aauw-branch-policies__related {
  border-top: 1px solid #a9bd8b; margin-top: 18px; padding-top: 14px;
}
.aauw-branch-policies__related h3 {
  font: bold 21px/1.3 Georgia, serif; margin: 0 0 10px;
}
.aauw-branch-policies__related li { margin-bottom: 8px; }
.aauw-branch-policies__leadership-head,
.aauw-branch-policies__tools-head { margin-bottom: 20px; }
.aauw-branch-policies__note { font-size: 15px; line-height: 1.65; }

/* 8. Bottom-aligned card buttons, including WordPress paragraph wrappers */
.aauw-x1-cards,
.aauw-branch-policies__cards { align-items: stretch; }
.aauw-x1-cards .aauw-x1-resource-card > a.aauw-x1-button,
.aauw-branch-policies__cards .aauw-branch-policies__resource-card > a {
  margin-top: auto;
}
.aauw-x1-resource-card > p:has(> a.aauw-x1-button:only-child),
.aauw-branch-policies__resource-card > p:has(> a.aauw-x1-button:only-child) {
  margin: auto 0 0;
}
.aauw-x1-resource-card > p > a.aauw-x1-button,
.aauw-branch-policies__resource-card > p > a.aauw-x1-button {
  margin: 0;
}

/* 9. Responsive layouts */
@media (max-width: 950px) {
  .aauw-x1-split, .aauw-branch-policies__governance {
    grid-template-columns: 1fr; gap: 24px;
  }
  .aauw-x1-cards--3, .aauw-branch-policies__cards--3,
  .aauw-branch-policies__tools-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}
@media (max-width: 600px) {
  .aauw-x1-soft-panel, .aauw-branch-policies__section--soft { padding: 24px 20px; }
  .aauw-x1-cards--2, .aauw-x1-cards--3,
  .aauw-branch-policies__cards--2, .aauw-branch-policies__cards--3,
  .aauw-branch-policies__tools-grid { grid-template-columns: 1fr; }
  .aauw-x1-copy h2, .aauw-branch-policies__governance-copy h2,
  .aauw-branch-policies__section-heading h2 { font-size: 28px; }
  .aauw-x1-heading h2 { font-size: 27px; }
}