/* Cricket SEO Core V2 - shared UI for FixturePro, StatBoard, CricketEditorial and Rivalry. */

.fixture-body {
  --ui-accent:#0a66c2;
  --ui-accent2:#0ea5b7;
  --ui-card:#ffffff;
  --ui-card2:#f7fbfe;
  --ui-text:#10243b;
  --ui-muted:#65758a;
  --ui-line:#d7e2ec;
  --ui-social:#eef5fa;
  --ui-social-text:#34516c;
  --cta-start:#0755a6;
  --cta-mid:#0a73c6;
  --cta-end:#0ea5b7;
  --cta-border:rgba(79,174,235,.78);
  --cta-ripple:rgba(58,170,235,.72);
  --cta-glow:rgba(10,118,203,.44);
  --cta-glow-strong:rgba(14,165,183,.72);
}

.stat-body {
  --ui-accent:#2bd59f;
  --ui-accent2:#2dc7d6;
  --ui-card:#0d1b18;
  --ui-card2:#10241f;
  --ui-text:#e8fff7;
  --ui-muted:#88a89d;
  --ui-line:#1d4037;
  --ui-social:#11251f;
  --ui-social-text:#b8e8da;
  --cta-start:#087c5d;
  --cta-mid:#16b982;
  --cta-end:#2dc7d6;
  --cta-border:rgba(77,226,180,.76);
  --cta-ripple:rgba(43,213,159,.72);
  --cta-glow:rgba(43,213,159,.40);
  --cta-glow-strong:rgba(45,199,214,.70);
}

.press-body {
  --ui-accent:#b6202b;
  --ui-accent2:#b18b4e;
  --ui-card:#ffffff;
  --ui-card2:#f6f2ea;
  --ui-text:#17191c;
  --ui-muted:#686c72;
  --ui-line:#d9d5cc;
  --ui-social:#eee9df;
  --ui-social-text:#4f5359;
  --cta-start:#861923;
  --cta-mid:#b6202b;
  --cta-end:#b18b4e;
  --cta-border:rgba(214,153,100,.80);
  --cta-ripple:rgba(182,32,43,.66);
  --cta-glow:rgba(182,32,43,.38);
  --cta-glow-strong:rgba(177,139,78,.68);
}

.rival-body {
  --ui-accent:#8c5bff;
  --ui-accent2:#3274ff;
  --ui-card:#0f1725;
  --ui-card2:#111b2b;
  --ui-text:#f5f7ff;
  --ui-muted:#95a1b9;
  --ui-line:#26334a;
  --ui-social:#131c2a;
  --ui-social-text:#d7dded;
  --cta-start:#5640bd;
  --cta-mid:#7b50ee;
  --cta-end:#3274ff;
  --cta-border:rgba(157,126,255,.80);
  --cta-ripple:rgba(140,91,255,.72);
  --cta-glow:rgba(115,81,235,.43);
  --cta-glow-strong:rgba(50,116,255,.72);
}

/* Social share buttons - fixed box and fixed SVG dimensions. */
.share-links {
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap;
}

.share-icon {
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  flex:0 0 38px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  background:var(--ui-social)!important;
  color:var(--ui-social-text)!important;
  line-height:1!important;
}

.share-icon svg {
  display:block!important;
  width:19px!important;
  height:19px!important;
  min-width:19px!important;
  max-width:19px!important;
  min-height:19px!important;
  max-height:19px!important;
  margin:0!important;
  fill:currentColor!important;
  overflow:visible!important;
}

/* Search page. */
.search-hero {
  text-align:center;
}

.search-hero > p {
  margin-left:auto!important;
  margin-right:auto!important;
}

.search-hero-form {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:0!important;
  width:min(720px,100%)!important;
  max-width:720px!important;
  margin:22px auto 0!important;
  align-items:stretch!important;
}

.search-hero-form input {
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:46px!important;
  margin:0!important;
  padding:0 15px!important;
  border:1px solid var(--ui-line)!important;
  border-right:0!important;
  border-radius:10px 0 0 10px!important;
  background:var(--ui-card)!important;
  color:var(--ui-text)!important;
  font-size:14px!important;
  outline:0!important;
}

.search-hero-form button {
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:46px!important;
  margin:0!important;
  padding:0 22px!important;
  border:0!important;
  border-radius:0 10px 10px 0!important;
  background:linear-gradient(135deg,var(--ui-accent),var(--ui-accent2))!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:850!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}

/* Header search controls: one aligned input + button unit in all four themes. */
.fixture-search,
.stat-top form,
.press-nav form,
.rival-head-row form {
  box-sizing:border-box!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:stretch!important;
}

.fixture-search input,
.stat-top form input,
.press-nav form input,
.rival-head-row form input {
  box-sizing:border-box!important;
  min-width:0!important;
  height:42px!important;
  margin:0!important;
}

.fixture-search button,
.stat-top form button,
.press-nav form button,
.rival-head-row form button {
  box-sizing:border-box!important;
  height:42px!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
}

/* Help Center - no cricket/player background art in these four templates. */
.cricket-help-wide {
  width:100%;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
  padding:20px;
  margin:10px 0 36px;
  border:1px solid color-mix(in srgb,var(--ui-accent) 48%,var(--ui-line));
  border-radius:16px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--ui-card) 94%,var(--ui-accent) 6%),var(--ui-card2));
  box-shadow:0 18px 45px color-mix(in srgb,var(--ui-accent) 10%,transparent);
  position:relative;
  overflow:hidden;
}

.cricket-help-wide:before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 5% 50%,color-mix(in srgb,var(--ui-accent) 14%,transparent),transparent 30%),
    radial-gradient(circle at 96% 50%,color-mix(in srgb,var(--ui-accent2) 11%,transparent),transparent 32%);
}

.cricket-help-wide .help-intro {
  grid-column:1/-1;
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:8px 16px 20px;
  border-bottom:1px solid color-mix(in srgb,var(--ui-line) 76%,transparent);
}

.cricket-help-wide .help-intro > div:last-child {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:100%;
}

.cricket-help-wide .help-art {
  width:68px;
  height:68px;
  margin:0 auto 12px;
  border:2px solid var(--ui-accent);
  border-radius:50%;
  display:grid;
  place-items:center;
  color:var(--ui-accent);
  font-size:34px;
  font-weight:900;
  box-shadow:0 0 28px color-mix(in srgb,var(--ui-accent) 23%,transparent);
}

.cricket-help-wide .help-intro h2 {
  margin:0 0 12px;
  color:var(--ui-text);
  font-size:24px;
  line-height:1.25;
}

.cricket-help-wide .help-intro p {
  max-width:720px;
  margin:0 0 18px;
  color:var(--ui-muted);
  font-size:14px;
  line-height:1.65;
}

.cricket-help-wide .help-main-link {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:2px auto 0;
  padding:10px 16px;
  border-radius:9px;
  background:linear-gradient(135deg,var(--ui-accent),var(--ui-accent2));
  color:#fff;
  font-size:13px;
  font-weight:850;
}

.cricket-help-wide .help-card {
  position:relative;
  z-index:1;
  min-height:168px;
  padding:15px;
  border:1px solid var(--ui-line);
  border-radius:12px;
  background:color-mix(in srgb,var(--ui-card) 95%,var(--ui-accent) 5%);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
  color:var(--ui-text);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}

.cricket-help-wide .help-card:hover {
  transform:translateY(-3px);
  border-color:var(--ui-accent);
  box-shadow:0 12px 28px color-mix(in srgb,var(--ui-accent) 16%,transparent);
}

.cricket-help-wide .help-card > span {
  width:28px;
  height:28px;
  color:var(--ui-accent);
}

.cricket-help-wide .help-card svg {
  display:block;
  width:28px;
  height:28px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
}

.cricket-help-wide .help-card strong {
  font-size:13px;
}

.cricket-help-wide .help-card small {
  font-size:12px;
  color:var(--ui-muted);
  line-height:1.55;
}

.cricket-help-wide .help-card em {
  margin-top:auto;
  color:var(--ui-accent);
  font-size:12px;
  font-style:normal;
  font-weight:850;
}

/* Same motion model as NeonArena, with theme-specific colors. */
.global-floating-cta,
.match-cta-inline {
  isolation:isolate!important;
  overflow:visible!important;
  border:1px solid var(--cta-border)!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,var(--cta-start) 0%,var(--cta-mid) 50%,var(--cta-end) 100%)!important;
  color:#fff!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  text-align:center!important;
  text-decoration:none!important;
  box-shadow:
    0 12px 34px rgba(0,0,0,.30),
    0 0 20px var(--cta-glow),
    0 0 42px color-mix(in srgb,var(--cta-glow) 50%,transparent),
    inset 0 1px 0 rgba(255,255,255,.30)!important;
  animation:templateCtaBreath 2.2s ease-in-out infinite!important;
}

.global-floating-cta {
  position:fixed!important;
  left:50%!important;
  bottom:22px!important;
  z-index:80!important;
  transform:translateX(-50%)!important;
  min-width:260px!important;
  max-width:min(88vw,560px)!important;
  padding:13px 30px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:14px!important;
}

.match-cta-inline {
  position:relative!important;
  z-index:2!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  padding:12px 24px!important;
  font-size:13px!important;
}

.global-floating-cta:before,
.global-floating-cta:after,
.match-cta-inline:before,
.match-cta-inline:after {
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border:2px solid var(--cta-ripple)!important;
  border-radius:inherit!important;
  background:transparent!important;
  box-shadow:0 0 18px color-mix(in srgb,var(--cta-ripple) 42%,transparent)!important;
  opacity:0;
  pointer-events:none!important;
  z-index:-1!important;
  transform:scale(1);
  transform-origin:50% 50%;
  animation:templateCtaRipple 2.8s cubic-bezier(.16,.66,.34,1) infinite!important;
}

.global-floating-cta:after,
.match-cta-inline:after {
  animation-delay:1.4s!important;
}

.global-floating-cta-glow,
.match-cta-inline-glow {
  position:absolute!important;
  inset:0!important;
  display:block!important;
  border-radius:inherit!important;
  overflow:hidden!important;
  pointer-events:none!important;
  z-index:1!important;
  background:transparent!important;
}

.global-floating-cta-glow:before,
.match-cta-inline-glow:before {
  content:""!important;
  position:absolute!important;
  top:-30%!important;
  bottom:-30%!important;
  left:-72%;
  width:62%!important;
  background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.06) 22%,rgba(255,255,255,.66) 48%,rgba(255,255,255,.24) 64%,transparent 100%)!important;
  filter:blur(.35px);
  transform:skewX(-18deg);
  animation:templateCtaSweep 2.9s ease-in-out infinite!important;
}

.global-floating-cta-glow:after,
.match-cta-inline-glow:after {
  content:none!important;
  display:none!important;
}

.global-floating-cta-text,
.match-cta-inline-text {
  position:relative!important;
  z-index:2!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
}

.global-floating-cta:hover {
  filter:brightness(1.1);
  transform:translateX(-50%) translateY(-2px)!important;
}

.match-cta-inline:hover {
  filter:brightness(1.1);
  transform:translateY(-2px)!important;
}

@keyframes templateCtaRipple {
  0% {opacity:.72;transform:scale(1,1)}
  70% {opacity:.13;transform:scale(1.28,1.62)}
  100% {opacity:0;transform:scale(1.42,1.9)}
}

@keyframes templateCtaSweep {
  0%,12% {left:-72%;opacity:0}
  20% {opacity:1}
  70% {opacity:1}
  84%,100% {left:120%;opacity:0}
}

@keyframes templateCtaBreath {
  0%,100% {
    filter:brightness(1);
    box-shadow:0 12px 34px rgba(0,0,0,.30),0 0 18px var(--cta-glow),0 0 34px color-mix(in srgb,var(--cta-glow) 45%,transparent),inset 0 1px 0 rgba(255,255,255,.26);
  }
  50% {
    filter:brightness(1.08);
    box-shadow:0 14px 38px rgba(0,0,0,.36),0 0 28px var(--cta-glow-strong),0 0 50px color-mix(in srgb,var(--cta-glow-strong) 45%,transparent),inset 0 1px 0 rgba(255,255,255,.32);
  }
}

/* Shared footer legal row and fixed CTA clearance. */
.fixture-footer,
.stat-footer,
.press-footer,
.rival-footer {
  padding-bottom:92px!important;
}

.footer-legal-links {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
  margin-top:10px;
  font-size:12px;
}

.footer-legal-links a {
  display:inline-flex!important;
  margin:0!important;
  color:inherit!important;
  text-decoration:none!important;
}

.press-footer-meta {
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:6px;
  text-align:right;
}

/* Match-detail metadata spacing shared across the four themes. */
.stat-match-meta,
.rival-match-meta-line,
.rival-match-when,
.fixture-match-meta,
.press-match-meta {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
}

.stat-match-meta,
.rival-match-when,
.fixture-match-meta,
.press-match-meta {
  margin-top:12px;
  color:var(--ui-muted);
  font-size:13px;
  line-height:1.6;
}

.stat-match-meta > span,
.rival-match-meta-line > span,
.rival-match-when > span,
.fixture-match-meta > span,
.press-match-meta > span {
  display:inline-flex;
  align-items:center;
}

.fixture-series-title {
  color:#176fa8!important;
  font-weight:850!important;
}

.stat-series-title {
  color:#b5d8cd;
  font-weight:850;
}

.rival-series-title {
  color:#e3dcff;
  font-weight:850;
}

.press-series-title {
  color:#2d3035;
  font-weight:800;
}

/* Mobile: row arrows disappear instead of sitting awkwardly at the edge. */
@media(max-width:920px) {
  .cricket-help-wide {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .cricket-help-wide .help-intro {
    grid-column:1/-1;
  }
}

@media(max-width:1080px) {
  .fixture-row-arrow,
  .stat-row-arrow,
  .rival-row-arrow {
    display:none!important;
  }

  .fixture-search,
  .stat-top form,
  .press-nav form,
  .rival-head-row form {
    width:100%!important;
    max-width:100%!important;
  }
}

@media(max-width:640px) {
  .press-footer-meta {
    align-items:center;
    text-align:center;
  }
  .search-hero-form {
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  .search-hero-form input {
    height:44px!important;
    border-right:1px solid var(--ui-line)!important;
    border-radius:9px!important;
  }

  .search-hero-form button {
    height:44px!important;
    border-radius:9px!important;
    width:100%!important;
  }

  .cricket-help-wide {
    grid-template-columns:1fr;
    padding:16px;
    gap:10px;
  }

  .cricket-help-wide .help-intro {
    padding:6px 4px 14px;
  }

  .cricket-help-wide .help-card {
    min-height:124px;
  }

  .global-floating-cta {
    bottom:12px!important;
    min-width:0!important;
    width:min(calc(100% - 34px),430px)!important;
    padding:12px 20px!important;
    font-size:12px!important;
  }

  .match-cta-inline {
    width:100%!important;
    max-width:380px!important;
  }
}