/*
 Theme Name: Aym Volleyball Divi Child
 Theme URI: https://brvolleyball.org/
 Description: Divi child theme for a youth volleyball club — teal & bright pink brand.
 Author: Evangeline / ChatGPT
 Template: Divi
 Version: 1.0.0
 Text Domain: aym-volleyball-divi-child
*/

/* CSS Variables for brand */
:root {
  --aym-teal: #11C5C6;
  --aym-teal-dark: #0ea7a8;
  --aym-pink: #FF2E9A;
  --aym-pink-dark: #d82680;
  --aym-charcoal: #111111;
  --aym-ink: #1f2937;
  --aym-light: #f9fafb;
  --aym-muted: #eef2f7;
}

/* Base */
body { background: var(--aym-light); color: var(--aym-ink); }
a { color: var(--aym-teal); }
a:hover { color: var(--aym-pink); }

/* Header */
#main-header { border-bottom: 3px solid var(--aym-teal); }
#top-menu li.current-menu-item > a { color: var(--aym-pink) !important; }

/* Buttons (Divi) */
.et_pb_button, .et_button_no_icon .et_pb_button {
  background: var(--aym-pink);
  border-color: var(--aym-pink);
  color: #fff !important;
}
.et_pb_button:hover {
  background: var(--aym-teal);
  border-color: var(--aym-teal);
  color: #fff !important;
}

/* Hero utility (use a fullwidth section with this class) */
.aym-hero {
  padding: 72px 0;
  background: linear-gradient(135deg, var(--aym-teal), var(--aym-pink));
  color: #fff;
  text-align: center;
  border-radius: 12px;
}
.aym-hero h1, .aym-hero h2 { color: #fff; }

/* Cards */
.aym-card {
  background: #fff;
  border: 1px solid var(--aym-muted);
  border-radius: 14px;
  padding: 20px;
  box-shadow: 0 6px 16px rgba(0,0,0,.05);
}
.aym-tag {
  display:inline-block; padding: 2px 10px; border-radius: 999px;
  background: var(--aym-teal); color:#fff; font-weight:600; font-size:.75rem;
}

/* Footer */
#main-footer { background:#0b0c10; color:#cbd5e1; }
#footer-info a { color: var(--aym-teal); }
#footer-info a:hover { color: var(--aym-pink); }

/* Utility spacing */
.mt-0{margin-top:0} .mb-0{margin-bottom:0}
.mt-2{margin-top:.5rem} .mb-2{margin-bottom:.5rem}
.mt-4{margin-top:1rem} .mb-4{margin-bottom:1rem}