/*
Theme Name:   Esyber Child
Theme URI:    https://www.esyber.co.za
Description:  Brand-applied child theme for Esyber, on top of Astra. Loads brand
              colours, Manrope typography, the signal-pulse mark, and a few
              opinionated overrides to the default Astra block styles.
Author:       Esyber
Author URI:   https://www.esyber.co.za
Template:     astra
Version:      1.0.0
Text Domain:  esyber
*/

/* ---- Brand tokens ---------------------------------------------------- */
:root {
  --esy-navy:    #0B2A4A;
  --esy-cyan:    #00A6E1;
  --esy-ink:     #1A1A1A;
  --esy-muted:   #5a6473;
  --esy-off:     #F7F8FA;
  --esy-line:    #e5e8ee;
  --esy-radius:  14px;
  --esy-shadow:  0 1px 2px rgba(11,42,74,.05), 0 8px 24px rgba(11,42,74,.08);
}

/* ---- Manrope font (uploaded under /wp-content/themes/esyber-child/fonts/) ---- */
@font-face { font-family: "Inter"; src: url("fonts/Inter-Regular.ttf")  format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Inter"; src: url("fonts/Inter-SemiBold.ttf") format("truetype"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Inter"; src: url("fonts/Inter-Bold.ttf")     format("truetype"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Inter"; src: url("fonts/Inter-ExtraBold.ttf")format("truetype"); font-weight: 800; font-display: swap; }

body, .ast-container {
  font-family: "Inter", "Inter", "Helvetica Neue", Arial, sans-serif !important;
  color: var(--esy-ink);
}

h1, h2, h3, h4, h5, .entry-title {
  font-family: "Inter", "Inter", "Helvetica Neue", Arial, sans-serif !important;
  color: var(--esy-navy);
  letter-spacing: -0.02em;
  font-weight: 800;
}

/* Brand-coloured links and buttons */
a { color: var(--esy-navy); }
a:hover { color: var(--esy-cyan); }

.wp-block-button__link,
.ast-button,
button[type="submit"] {
  background: var(--esy-cyan) !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 12px 22px !important;
  font-weight: 700 !important;
  border: 0 !important;
  transition: transform .12s ease, box-shadow .12s ease;
}
.wp-block-button__link:hover,
.ast-button:hover,
button[type="submit"]:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(0,166,225,.35);
}

/* Header — keep tight and clean */
.ast-primary-header-bar {
  background: rgba(255,255,255,.92) !important;
  backdrop-filter: saturate(180%) blur(8px);
  border-bottom: 1px solid var(--esy-line);
}

/* Footer — navy */
.site-footer,
.footer-widget-area {
  background: var(--esy-navy) !important;
  color: rgba(255,255,255,.78) !important;
}
.site-footer a { color: #fff !important; }

/* Cards from Gutenberg group blocks */
.is-style-esyber-card {
  background: #fff;
  border: 1px solid var(--esy-line);
  border-radius: var(--esy-radius);
  padding: 28px;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.is-style-esyber-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--esy-shadow);
  border-color: transparent;
}

/* Eyebrow style for short uppercase intros */
.is-style-esyber-eyebrow {
  display: inline-block;
  font-size: .72rem;
  letter-spacing: .25em;
  font-weight: 700;
  color: var(--esy-cyan);
  text-transform: uppercase;
  margin-bottom: 1em;
}

/* CTA band */
.is-style-esyber-cta {
  background: var(--esy-navy);
  color: #fff;
  text-align: center;
  padding: 80px 24px;
  border-radius: var(--esy-radius);
}
.is-style-esyber-cta h2 { color: #fff !important; }
.is-style-esyber-cta p { color: rgba(255,255,255,.78); }