/* ==========================================================================
   ICC Admissions • Bold Event Colour Overlay
   --------------------------------------------------------------------------
   No wording changes. No visible event names. Only colour/contrast changes.
   Day: bold green + cream + red/blue/gold diagonal accents.
   Night: deep navy stadium look + gold/green/blue glow.
   Original ICC look returns automatically after 31 July 2026.
   ========================================================================== */

:root[data-event-theme="event-day"]{
  --icc-blue:#0057ff;
  --icc-blue-2:#0f5cff;
  --icc-green:#00894d;
  --icc-gold:#ffc400;
  --icc-danger:#e5242e;
  --icc-deep:#061936;
  --icc-bg:#fff4df;
  --icc-card:#ffffff;
  --icc-text:#0b1b35;
  --icc-muted:#475569;
  --icc-border:rgba(7,27,58,.13);
  --icc-shadow:0 28px 70px rgba(7,27,58,.17);
  --icc-shadow-soft:0 16px 42px rgba(7,27,58,.11);
}

:root[data-event-theme="event-night"]{
  --icc-blue:#0f5cff;
  --icc-blue-2:#00a8ff;
  --icc-green:#00a86b;
  --icc-gold:#d6a738;
  --icc-danger:#e63946;
  --icc-deep:#041228;
  --icc-bg:#071b3a;
  --icc-card:#071b3a;
  --icc-text:#ffffff;
  --icc-muted:#dbe7ff;
  --icc-border:rgba(255,255,255,.18);
  --icc-shadow:0 26px 76px rgba(7,27,58,.46);
  --icc-shadow-soft:0 18px 48px rgba(7,27,58,.26);
}

/* ==============================
   PAGE BACKGROUND
   ============================== */

[data-event-theme="event-day"] body.ibkr-body{
  color:var(--icc-text);
  background:
    radial-gradient(circle at 8% 8%,rgba(0,107,63,.18),transparent 28rem),
    radial-gradient(circle at 92% 14%,rgba(255,196,0,.25),transparent 24rem),
    linear-gradient(135deg,#fff8eb 0%,#fffdf7 48%,#eef6ff 100%) !important;
}

[data-event-theme="event-night"] body.ibkr-body{
  color:#ffffff;
  background:
    radial-gradient(circle at 8% 12%,rgba(15,92,255,.30),transparent 24rem),
    radial-gradient(circle at 88% 18%,rgba(230,57,70,.23),transparent 24rem),
    radial-gradient(circle at 18% 82%,rgba(0,168,107,.22),transparent 28rem),
    linear-gradient(135deg,#eef6ff 0%,#fff7e6 42%,#f5f8fc 100%) !important;
}

/* ==============================
   SPLASH SCREEN
   ============================== */

[data-event-theme="event-day"] #splash-screen{
  background:
    linear-gradient(154deg,transparent 0 15%,rgba(229,36,46,.92) 15% 21%,transparent 21% 100%),
    linear-gradient(338deg,transparent 0 52%,rgba(255,196,0,.96) 52% 57%,transparent 57% 100%),
    linear-gradient(326deg,transparent 0 58%,rgba(0,87,255,.86) 58% 62%,transparent 62% 100%),
    linear-gradient(330deg,transparent 0 66%,rgba(0,168,107,.90) 66% 70%,transparent 70% 100%),
    linear-gradient(135deg,#006b3f,#00894d 50%,#fff4df 100%) !important;
}

[data-event-theme="event-night"] #splash-screen{
  background:
    radial-gradient(circle at 8% 12%,rgba(15,92,255,.30),transparent 24rem),
    radial-gradient(circle at 88% 18%,rgba(230,57,70,.23),transparent 24rem),
    radial-gradient(circle at 18% 82%,rgba(0,168,107,.22),transparent 28rem),
    linear-gradient(135deg,#071b3a 0%,#0f5cff 42%,#006b3f 72%,#d6a738 100%) !important;
}

[data-event-theme^="event-"] .loading-inner{
  background:linear-gradient(90deg,#0057ff,#00a86b,#ffc400,#e5242e) !important;
}

/* ==============================
   MAIN SHELL / HERO
   ============================== */

[data-event-theme="event-day"] .admissions-hero{
  background:
    linear-gradient(90deg,rgba(0,76,46,.98),rgba(0,107,63,.86) 45%,rgba(0,107,63,.38) 76%),
    radial-gradient(circle at 84% 52%,rgba(255,255,255,.24),transparent 18rem),
    url("../img/hero/icc-hero-boy.jpeg") center/cover no-repeat !important;
  box-shadow:0 30px 80px rgba(0,76,46,.28) !important;
}

[data-event-theme="event-day"] .admissions-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(154deg,transparent 0 16%,rgba(229,36,46,.94) 16% 22%,transparent 22% 100%),
    linear-gradient(338deg,transparent 0 54%,rgba(255,196,0,.98) 54% 58%,transparent 58% 100%),
    linear-gradient(326deg,transparent 0 58%,rgba(0,87,255,.88) 58% 61%,transparent 61% 100%),
    linear-gradient(330deg,transparent 0 66%,rgba(0,168,107,.92) 66% 70%,transparent 70% 100%),
    repeating-linear-gradient(135deg,rgba(255,255,255,.09) 0 1px,transparent 1px 16px);
  pointer-events:none;
}

[data-event-theme="event-day"] .admissions-hero::after{
  content:"";
  position:absolute;
  width:370px;
  height:370px;
  right:-140px;
  bottom:-120px;
  z-index:0;
  border-radius:50%;
  background:repeating-conic-gradient(from 15deg,rgba(255,255,255,.20) 0deg 10deg,rgba(255,255,255,.04) 10deg 20deg);
  opacity:.56;
  pointer-events:none;
}

[data-event-theme="event-night"] .admissions-hero{
  background:
    linear-gradient(135deg,rgba(7,27,58,.92),rgba(15,92,255,.48)),
    radial-gradient(circle at 20% 25%,rgba(214,167,56,.55),transparent 16rem),
    radial-gradient(circle at 75% 22%,rgba(230,57,70,.40),transparent 15rem),
    radial-gradient(circle at 20% 82%,rgba(0,168,107,.42),transparent 15rem),
    url("../img/hero/icc-hero-boy.jpeg") center/cover no-repeat !important;
  filter:saturate(1.14) brightness(1.04);
  box-shadow:0 30px 86px rgba(7,27,58,.46) !important;
}

[data-event-theme="event-night"] .admissions-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(115deg,transparent 0 12%,rgba(255,255,255,.10) 12% 14%,transparent 14% 30%,rgba(0,168,107,.25) 30% 32%,transparent 32% 48%,rgba(230,57,70,.22) 48% 50%,transparent 50% 100%),
    repeating-linear-gradient(135deg,rgba(255,255,255,.08) 0 1px,transparent 1px 18px);
  pointer-events:none;
}

[data-event-theme="event-night"] .admissions-hero::after{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  right:-130px;
  bottom:-130px;
  z-index:0;
  border-radius:999px;
  background:repeating-conic-gradient(from 12deg,rgba(255,255,255,.22) 0deg 10deg,rgba(255,255,255,.04) 10deg 20deg);
  opacity:.72;
  pointer-events:none;
}

[data-event-theme^="event-"] .hero-content,
[data-event-theme^="event-"] .hero-topline,
[data-event-theme^="event-"] .admissions-hero h1,
[data-event-theme^="event-"] .admissions-hero p,
[data-event-theme^="event-"] .hero-route-grid,
[data-event-theme^="event-"] .hero-metrics{
  position:relative;
  z-index:2;
}

[data-event-theme^="event-"] .hero-backdrop{
  display:none !important;
}

[data-event-theme^="event-"] .admissions-hero h1{
  color:#ffffff !important;
  text-shadow:0 10px 32px rgba(0,0,0,.32);
  font-weight:900 !important;
}

[data-event-theme^="event-"] .admissions-hero p{
  color:rgba(255,255,255,.95) !important;
  font-weight:750;
  text-shadow:0 5px 18px rgba(0,0,0,.25);
}

[data-event-theme^="event-"] .hero-pill,
[data-event-theme^="event-"] .hero-route-card,
[data-event-theme^="event-"] .hero-metrics > div{
  background:rgba(255,255,255,.13) !important;
  border:1px solid rgba(255,255,255,.24) !important;
  box-shadow:0 14px 30px rgba(0,0,0,.13);
}

[data-event-theme^="event-"] .hero-pill{
  color:#ffffff !important;
  font-weight:900 !important;
}

[data-event-theme^="event-"] .route-icon{
  background:rgba(255,255,255,.20) !important;
  color:#ffffff !important;
}

/* ==============================
   FORM SIDE / STRONG DIAGONAL ACCENTS
   ============================== */

[data-event-theme="event-day"] .admissions-form-panel{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 70% 18%,rgba(255,196,0,.20),transparent 16rem),
    radial-gradient(circle at 92% 74%,rgba(0,87,255,.12),transparent 18rem),
    linear-gradient(135deg,#fff8eb 0%,#fffef8 52%,#edf6ff 100%) !important;
}

[data-event-theme="event-day"] .admissions-form-panel::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(158deg,transparent 0 8%,rgba(229,36,46,.90) 8% 11%,transparent 11% 100%),
    linear-gradient(348deg,transparent 0 14%,rgba(255,196,0,.92) 14% 17%,transparent 17% 100%),
    linear-gradient(338deg,transparent 0 68%,rgba(0,87,255,.74) 68% 71%,transparent 71% 100%),
    linear-gradient(328deg,transparent 0 78%,rgba(0,168,107,.74) 78% 82%,transparent 82% 100%),
    radial-gradient(circle at 70% 55%,rgba(7,27,58,.055),transparent 30rem);
  pointer-events:none;
}

[data-event-theme="event-night"] .admissions-form-panel{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 84% 12%,rgba(214,167,56,.30),transparent 15rem),
    radial-gradient(circle at 12% 78%,rgba(0,168,107,.20),transparent 18rem),
    linear-gradient(135deg,rgba(7,27,58,.94) 0%,rgba(15,92,255,.78) 52%,rgba(0,168,107,.74) 100%) !important;
}

[data-event-theme="event-night"] .admissions-form-panel::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(158deg,transparent 0 8%,rgba(230,57,70,.56) 8% 11%,transparent 11% 100%),
    linear-gradient(348deg,transparent 0 14%,rgba(214,167,56,.58) 14% 17%,transparent 17% 100%),
    linear-gradient(338deg,transparent 0 68%,rgba(15,92,255,.52) 68% 71%,transparent 71% 100%),
    linear-gradient(328deg,transparent 0 78%,rgba(0,168,107,.52) 78% 82%,transparent 82% 100%);
  pointer-events:none;
}

[data-event-theme^="event-"] .portal-header-card,
[data-event-theme^="event-"] .premium-form-card,
[data-event-theme^="event-"] .form-workspace{
  position:relative;
  z-index:2;
}

/* ==============================
   CARDS
   ============================== */

[data-event-theme="event-day"] .portal-header-card,
[data-event-theme="event-day"] .premium-form-card,
[data-event-theme="event-day"] .form-workspace,
[data-event-theme="event-day"] .info-box,
[data-event-theme="event-day"] .notice-box,
[data-event-theme="event-day"] .payment-panel,
[data-event-theme="event-day"] .upload-card,
[data-event-theme="event-day"] .route-select-card,
[data-event-theme="event-day"] .assessment-card,
[data-event-theme="event-day"] .entrance-date-lifeline-card,
[data-event-theme="event-day"] .agreement-card{
  background:rgba(255,255,255,.94) !important;
  border-color:rgba(7,27,58,.10) !important;
  box-shadow:0 24px 58px rgba(7,27,58,.12) !important;
  color:#0b1b35 !important;
}

[data-event-theme="event-night"] .portal-header-card,
[data-event-theme="event-night"] .premium-form-card,
[data-event-theme="event-night"] .form-workspace,
[data-event-theme="event-night"] .info-box,
[data-event-theme="event-night"] .notice-box,
[data-event-theme="event-night"] .payment-panel,
[data-event-theme="event-night"] .upload-card,
[data-event-theme="event-night"] .route-select-card,
[data-event-theme="event-night"] .assessment-card,
[data-event-theme="event-night"] .entrance-date-lifeline-card,
[data-event-theme="event-night"] .agreement-card{
  background:linear-gradient(rgba(7,27,58,.84),rgba(7,27,58,.84)) padding-box,
    linear-gradient(135deg,#0f5cff,#00a86b,#d6a738,#e63946) border-box !important;
  border:2px solid transparent !important;
  color:#ffffff !important;
  box-shadow:0 26px 76px rgba(7,27,58,.46),0 0 0 1px rgba(255,255,255,.10) inset !important;
}

/* Header card top colour strip */
[data-event-theme^="event-"] .portal-header-card::before,
[data-event-theme^="event-"] .premium-form-card::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:7px;
  border-radius:inherit;
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
  background:linear-gradient(90deg,#0057ff,#00a86b,#ffc400,#e5242e);
}

/* ==============================
   TEXT COLOUR IN NIGHT MODE
   ============================== */

[data-event-theme="event-night"] .portal-header-card h2,
[data-event-theme="event-night"] .step-heading h3,
[data-event-theme="event-night"] .review-card h2,
[data-event-theme="event-night"] .field label,
[data-event-theme="event-night"] .route-select-card > label,
[data-event-theme="event-night"] .cloud-save-strip strong,
[data-event-theme="event-night"] .admissions-shop-strip strong,
[data-event-theme="event-night"] .entrance-date-lifeline-card strong,
[data-event-theme="event-night"] .agreement-card h4,
[data-event-theme="event-night"] .agreement-card li,
[data-event-theme="event-night"] .agreement-check span{
  color:#ffffff !important;
}

[data-event-theme="event-night"] .portal-header-card p,
[data-event-theme="event-night"] .step-heading p,
[data-event-theme="event-night"] .field-note,
[data-event-theme="event-night"] .cloud-save-strip span,
[data-event-theme="event-night"] .admissions-shop-strip span,
[data-event-theme="event-night"] .entrance-date-lifeline-card span,
[data-event-theme="event-night"] .notice-box p,
[data-event-theme="event-night"] .info-box li,
[data-event-theme="event-night"] .upload-card small{
  color:rgba(255,255,255,.84) !important;
}

/* ==============================
   BUTTONS / BADGES / STEPS
   ============================== */

[data-event-theme^="event-"] .save-application-btn,
[data-event-theme^="event-"] .admissions-shop-btn,
[data-event-theme^="event-"] .ibkr-submit,
[data-event-theme^="event-"] .step-btn.next{
  background:linear-gradient(135deg,#061936,#0f4c81) !important;
  color:#ffffff !important;
  border:0 !important;
  font-weight:900 !important;
  box-shadow:0 18px 34px rgba(7,27,58,.22) !important;
}

[data-event-theme^="event-"] .step-btn.back{
  background:rgba(255,255,255,.88) !important;
  color:#061936 !important;
  border:1px solid rgba(7,27,58,.12) !important;
  font-weight:850 !important;
}

[data-event-theme="event-night"] .step-btn.back{
  background:rgba(255,255,255,.11) !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.22) !important;
}

[data-event-theme^="event-"] .fee-badge,
[data-event-theme^="event-"] .admissions-shop-icon{
  background:linear-gradient(135deg,#006b3f,#0057ff) !important;
  color:#ffffff !important;
  box-shadow:0 18px 36px rgba(7,27,58,.22) !important;
}

[data-event-theme^="event-"] .stepper-step.active .step-number{
  background:linear-gradient(135deg,#0057ff,#00a86b) !important;
  color:#ffffff !important;
  box-shadow:0 12px 24px rgba(0,87,255,.25) !important;
}

[data-event-theme^="event-"] .stepper-step.completed .step-number{
  background:linear-gradient(135deg,#00a86b,#ffc400) !important;
  color:#061936 !important;
}

[data-event-theme^="event-"] .stepper-step.active{
  background:rgba(0,87,255,.09) !important;
  border-color:rgba(0,87,255,.22) !important;
}

[data-event-theme="event-night"] .stepper-step{
  color:rgba(255,255,255,.78) !important;
}

[data-event-theme="event-night"] .stepper-step.active{
  background:rgba(255,255,255,.11) !important;
  border-color:rgba(255,255,255,.18) !important;
  color:#ffffff !important;
}

[data-event-theme^="event-"] .progress-inner{
  background:linear-gradient(90deg,#0057ff,#00a86b,#ffc400,#e5242e) !important;
}

/* ==============================
   INPUTS
   ============================== */

[data-event-theme="event-day"] input,
[data-event-theme="event-day"] select,
[data-event-theme="event-day"] textarea{
  color:#0b1b35 !important;
  background:#ffffff !important;
  border:1px solid rgba(7,27,58,.14) !important;
  box-shadow:0 12px 28px rgba(7,27,58,.05) !important;
}

[data-event-theme="event-day"] input:focus,
[data-event-theme="event-day"] select:focus,
[data-event-theme="event-day"] textarea:focus{
  border-color:rgba(0,87,255,.52) !important;
  box-shadow:0 0 0 4px rgba(0,87,255,.13),0 14px 30px rgba(7,27,58,.08) !important;
}

[data-event-theme="event-night"] input,
[data-event-theme="event-night"] select,
[data-event-theme="event-night"] textarea{
  background:rgba(255,255,255,.11) !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.24) !important;
}

[data-event-theme="event-night"] input::placeholder,
[data-event-theme="event-night"] textarea::placeholder{
  color:rgba(255,255,255,.58) !important;
}

[data-event-theme="event-night"] input:focus,
[data-event-theme="event-night"] select:focus,
[data-event-theme="event-night"] textarea:focus{
  border-color:#d6a738 !important;
  box-shadow:0 0 0 4px rgba(214,167,56,.18),0 0 16px rgba(15,92,255,.28) !important;
}

/* ==============================
   MOBILE
   ============================== */

@media (max-width:920px){
  [data-event-theme="event-day"] .admissions-shell,
  [data-event-theme="event-night"] .admissions-shell{
    background:transparent !important;
  }
}

@media (max-width:720px){
  [data-event-theme^="event-"] .admissions-hero::after{
    width:260px;
    height:260px;
    right:-110px;
    bottom:-90px;
  }
}