/*
 * xsf_custom_css value for 1xbetph.ph (theme "philippines").
 * Matches the site's dark navy / green accent palette — see
 * wp-content/themes/philippines/assets/css/main.css :root tokens
 * (--ink, --surface, --surface-2, --green, --text, --secondary) and the
 * `.btn` pill-button style on that site.
 *
 * Applied via: wp option update xsf_custom_css < this-file (WP-CLI bypasses
 * the admin form's sanitize_text_field, which would strip newlines/tags —
 * fine for this raw-CSS value coming from a trusted deploy step).
 */

.xsf-feed {
  margin: 0;
}

.xsf-section {
  --xsf-header: #0B2038;
  --xsf-accent: #9BE034;
  --xsf-card-border: rgba(215, 225, 234, .10);
  --xsf-cell: rgba(255, 255, 255, .05);
  --xsf-text: #D3DCE6;
  --xsf-section-bg: #0B2038;
  --xsf-card-bg: #16253F;
  --xsf-secondary-text: #A7B7C9;
  --xsf-odd-border: rgba(215, 225, 234, .14);
  border-color: rgba(215, 225, 234, .10);
  border-radius: 12px;
}

.xsf-section__header {
  border-radius: 12px 12px 0 0;
}

.xsf-card {
  box-shadow: none;
}

.xsf-cta {
  background: #9BE034;
  color: #000 !important;
  border: 2px solid rgba(255, 255, 255, .5);
  border-radius: 32px;
  text-transform: uppercase;
  letter-spacing: .3px;
  transition: background-color .2s, border-color .2s, box-shadow .2s, transform .15s;
}

.xsf-cta:hover {
  background: #AEF23F;
  border-color: rgba(255, 255, 255, .7);
  box-shadow: 0 0 28px 4px rgba(174, 242, 63, .5), 0 0 60px rgba(174, 242, 63, .15);
  transform: translateY(-1px);
}