/* Player Development Intelligence signup page overrides
   Brand palette:
   Primary Blue #1893FC | Dark Navy #011942 | Mid Blue #0068C8 | White #FFFFFF
*/
:root {
  --pdi-primary: #1893FC;
  --pdi-navy: #011942;
  --pdi-mid: #0068C8;
  --pdi-white: #FFFFFF;
  --pdi-bg: #F6F9FC;
  --pdi-bg-soft: #EEF7FF;
  --pdi-text: #334155;
  --pdi-muted: #64748B;
  --pdi-border: #DCE6F0;
}

html { scroll-behavior: smooth; }
body {
  color: var(--pdi-text);
  background: var(--pdi-white);
  font-family: 'Montserrat', sans-serif;
}

/* Header */
.site-navbar {
  background: rgba(255,255,255,.98);
  border-bottom: 1px solid var(--pdi-border);
  box-shadow: 0 6px 24px rgba(1,25,66,.06);
}
.site-logo img.pdi-brand-logo {
  width: 270px !important;
  max-width: 42vw;
  height: auto !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.site-navbar .site-navigation .site-menu > li > a,
.site-navbar .site-navigation .site-menu > li > a.nav-link { color: var(--pdi-navy) !important; font-weight: 600; }
.site-navbar .site-navigation .site-menu > li > a:hover,
.site-navbar .site-navigation .site-menu > li.active > a { color: var(--pdi-primary) !important; }
.site-navbar .site-navigation .site-menu > li > a.nav-cta {
  background: var(--pdi-primary) !important;
  border-color: var(--pdi-primary) !important;
  color: var(--pdi-white) !important;
  box-shadow: 0 8px 20px rgba(24,147,252,.22);
}
.site-navbar .site-navigation .site-menu > li > a.nav-cta:hover { background: var(--pdi-mid) !important; border-color: var(--pdi-mid) !important; }
.site-navbar .site-navigation .site-menu > li.active > a.nav-link:after { background: var(--pdi-primary) !important; }
.site-menu-toggle, .site-menu-toggle span { color: var(--pdi-navy) !important; }
.site-navbar .site-navigation .site-menu .has-children .dropdown { border-top: 3px solid var(--pdi-primary); box-shadow: 0 14px 36px rgba(1,25,66,.12); }
.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover { color: var(--pdi-primary) !important; }

/* Hero */
.pdi-hero {
  min-height: 380px;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 22%, rgba(24,147,252,.30), transparent 26%),
    radial-gradient(circle at 18% 78%, rgba(0,104,200,.22), transparent 32%),
    linear-gradient(135deg, var(--pdi-navy) 0%, #042B64 46%, var(--pdi-mid) 100%);
}
.pdi-hero:before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 42px 42px;
}
.pdi-hero .container { position: relative; z-index: 1; }
.pdi-eyebrow {
  display: inline-block;
  margin-bottom: 14px;
  padding: 7px 13px;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 999px;
  color: #D8ECFF;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.hero .hero-title, .pdi-hero h1 { text-shadow: none !important; }
.pdi-hero .hero-subtitle { color: rgba(255,255,255,.88) !important; max-width: 760px; }

/* Signup area */
.site-section.bg-dark { background: var(--pdi-bg) !important; color: var(--pdi-text) !important; }
.site-section.bg-dark .widget-next-match { background: transparent !important; }
.site-section.bg-dark .widget-title { background: transparent !important; border: 0 !important; padding-left: 0; }
.site-section.bg-dark .widget-title h3 { color: var(--pdi-primary) !important; font-weight: 700; letter-spacing: .02em; }
.title-section .heading, .heading, h1, h2, h3, h4, h5, h6 { color: var(--pdi-navy); }
.bg-light { background: var(--pdi-white) !important; border: 1px solid var(--pdi-border); box-shadow: 0 18px 52px rgba(1,25,66,.08); }
.form-control {
  min-height: 50px;
  border: 1px solid #C9D7E5;
  border-radius: 8px;
  color: var(--pdi-navy);
  background: #fff;
}
.form-control:focus { border-color: var(--pdi-primary); box-shadow: 0 0 0 .2rem rgba(24,147,252,.14); }
.btn-success, #btn {
  background: var(--pdi-primary) !important;
  border-color: var(--pdi-primary) !important;
  color: var(--pdi-white) !important;
  min-height: 52px;
  border-radius: 8px;
  transition: .2s ease;
}
.btn-success:hover, #btn:hover { background: var(--pdi-mid) !important; border-color: var(--pdi-mid) !important; transform: translateY(-1px); }

/* Legacy red controls */
.solutionsBox { background-color: var(--pdi-primary) !important; border-color: var(--pdi-primary) !important; }

/* Testimonials */
.container.site-section { background: var(--pdi-white); }
.custom-media {
  height: 100%;
  background: #fff;
  border: 1px solid var(--pdi-border);
  border-radius: 14px;
  padding: 22px;
  box-shadow: 0 10px 34px rgba(1,25,66,.06);
}
.custom-media .img img { border-radius: 10px; }
.custom-media .text h3, .custom-media .text .headingScouts { color: var(--pdi-navy) !important; }
.custom-media .text p, .testimonials { color: var(--pdi-text) !important; font-weight: 400; }
.meta { color: var(--pdi-mid) !important; }

/* Footer */
.footer-section { background: var(--pdi-navy) !important; color: rgba(255,255,255,.76); }
.footer-section h3 { color: var(--pdi-white) !important; }
.footer-section a { color: #B9DFFF !important; }
.footer-section a:hover { color: var(--pdi-white) !important; }

/* Utility/accessibility */
a { color: var(--pdi-mid); }
a:hover { color: var(--pdi-primary); }
:focus-visible { outline: 3px solid rgba(24,147,252,.55); outline-offset: 3px; }

@media (max-width: 991.98px) {
  .site-logo img.pdi-brand-logo { width: 225px !important; max-width: 70vw; }
  .site-navbar { padding-top: 12px !important; padding-bottom: 12px !important; }
  .pdi-hero { min-height: 320px; }
  .custom-media { margin-bottom: 16px; }
}

@media (max-width: 575.98px) {
  .site-logo img.pdi-brand-logo { width: 205px !important; max-width: 72vw; }
  .pdi-hero { min-height: 300px; }
  .pdi-hero h1 { font-size: 2rem !important; }
  .pdi-eyebrow { font-size: .68rem; }
  .custom-media { display: block !important; }
  .custom-media .img { margin-right: 0 !important; margin-bottom: 16px; }
  .custom-media .img img { max-width: 110px; }
}