:root {:
  --color-primary: #0e7cc2;:
  --color-primary-contrast: #ffffff;:
  --color-primary-600: #0c69a5;:
  --color-primary-700: #0a5788;:
  --color-secondary: #0d9f4c;:
  --color-secondary-contrast: #ffffff;:
  --color-accent: #2977a2;:
  --color-accent-contrast: #ffffff;:
  --color-text: #14181c;:
  --color-text-muted: #4a5568;:
  --color-bg: #ffffff;:
  --color-surface: #ffffff;:
  --color-surface-alt: #f7f9fc;:
  --radius: 16px;:
  --shadow: 0 10px 25px rgba(0,0,0,0.08);:
  --font-sans: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji', 'Segoe UI Emoji';:
  }

html, body {
  margin: 0;
  padding: 0;
  font-family: var(--font-sans);
  color: var(--color-text);
  background: var(--color-bg);
  scroll-behavior: smooth;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}

h1, h2, h3, h4 {
  color: var(--color-text);
  line-height: 1.2;
  margin: 0 0 .6em;
}

h1 { font-size: clamp(2rem, 3.5vw, 3rem); }
h2 { font-size: clamp(1.5rem, 2.5vw, 2rem); }
h3 { font-size: clamp(1.25rem, 2vw, 1.5rem); }

p { color: var(--color-text); line-height: 1.8; }
.muted { color: var(--color-text-muted); }

a { color: var(--color-primary); text-decoration: none; }
a:hover { text-decoration: underline; }

.btn {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .8rem 1.25rem;
  border-radius: var(--radius);
  border: 1px solid transparent;
  cursor: pointer;
  transition: transform .08s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
  font-weight: 600;
}
.btn:active { transform: translateY(1px) scale(0.99); }

.btn-primary {
  background: var(--color-primary);
  color: var(--color-primary-contrast);
  box-shadow: var(--shadow);
}
.btn-primary:hover { background: var(--color-primary-700); }

.btn-secondary {
  background: var(--color-secondary);
  color: var(--color-secondary-contrast);
}
.btn-secondary:hover { filter: brightness(0.95); }

.btn-ghost {
  background: transparent;
  color: var(--color-primary);
  border-color: var(--color-primary);
}
.btn-ghost:hover { background: var(--color-surface-alt); }

.card {
  background: var(--color-surface);
  border: 1px solid rgba(0,0,0,.06);
  border-radius: var(--radius);
  padding: 1.25rem;
  box-shadow: var(--shadow);
}

.navbar {
  position: sticky; top: 0; z-index: 50;
  background: rgba(255,255,255,.82);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.navbar .brand { display:flex; align-items:center; gap:.6rem; font-weight:800;  color: var(--color-primary) !important
}
.navbar .brand img { height: 36px; }
.navbar .links a { padding: .75rem 1rem; border-radius: 10px;  color: var(--color-primary) !important
}
.navbar .links a:hover { background: var(--color-surface-alt); }

.hero {
  padding: 5rem 0 3rem;
  background: linear-gradient(180deg, #3290cb 0%, rgba(255,255,255,0) 60%);
}
.hero h1 { color: var(--color-text); }
.hero p { color: var(--color-text-muted); max-width: 60ch; }

.badge {
  display:inline-block; padding:.35rem .6rem; border-radius:999px;
  background: var(--color-accent); color: var(--color-accent-contrast); font-weight:700; font-size:.75rem;
}

.footer {
  margin-top: 4rem; padding: 2rem 0; background: var(--color-surface-alt);
  border-top: 1px solid rgba(0,0,0,.06);
  color: var(--color-text-muted);
}

.input, input[type="text"], input[type="email"], input[type="tel"], textarea, select {
  width: 100%;
  padding: .8rem 1rem;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.12);
  background: var(--color-surface);
  color: var(--color-text);
}
.input:focus, input:focus, textarea:focus, select:focus {
  outline: 2px solid #2689c8;
  border-color: #2689c8;
}

.table {
  width: 100%; border-collapse: collapse; font-size:.95rem;
}
.table th, .table td {
  border-bottom: 1px solid rgba(0,0,0,.08); padding: .75rem 1rem; text-align:left;
}
.table th { color: var(--color-text); }
.table tr:hover { background: var(--color-surface-alt); }

.alert {
  padding: 1rem 1.25rem; border-radius: 12px; border:1px solid rgba(0,0,0,.1);
}
.alert.info { background: #eef6ff; border-color:#9ec5fe; }
.alert.success { background: #e9f7ef; border-color:#8bd5a3; }
.alert.warn { background: #fff7e6; border-color:#ffd07a; }
.alert.danger { background: #fdecea; border-color:#f5a39b; }

.section { padding: 3rem 0; }
.grid { display:grid; gap:1.25rem; }
.grid.cols-3 { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }

.shadow { box-shadow: var(--shadow); }
.rounded { border-radius: var(--radius); }



/* === Forced header text overrides === */
header, .header, header *, .header * {
  color: darkblue !important;
}
header a, .header a {
  color: darkblue !important;
  text-decoration: none;
}
header a:hover, .header a:hover {
  color: green !important;
}


/* Remove play icon on 'Order Now' button */
.uagb-marketing-btn__prefix,
.uagb-marketing-btn__prefix::before,
.uagb-marketing-btn__prefix::after {
  display: none !important;
  content: none !important;
  background: none !important;
}
/* In case icon is injected on anchor/button */
a.wp-element-button::before,
a.wp-block-button__link::before,
.wp-block-button a::before {
  content: none !important;
  display: none !important;
  background: none !important;
}