
:root {
  --icl-midnight:#020817;
  --icl-navy:#061329;
  --icl-royal:#174ea6;
  --icl-gold:#d7a84a;
  --icl-gold-light:#f2d98b;
  --icl-emerald:#13a67a;
  --icl-muted:#64748b;
  --icl-platinum:#f6f8fb;
  --icl-shadow:0 24px 70px rgba(2,8,23,.16);
  --icl-radius:28px;
}
html { scroll-behavior:smooth; }
body { overflow-x:hidden; }
.icl-header { position:sticky; top:0; z-index:999; backdrop-filter:blur(16px); box-shadow:0 12px 32px rgba(2,8,23,.14); }
.icl-nav .wp-block-navigation__responsive-container-open { color:#fff; }
.icl-nav .wp-block-navigation-item__content { font-weight:750; }
.icl-section { padding-top:clamp(72px,9vw,110px); padding-bottom:clamp(72px,9vw,110px); }
.icl-hero { position:relative; min-height:88vh; display:flex; align-items:center; overflow:hidden; }
.icl-hero:before {
  content:""; position:absolute; inset:0;
  background:radial-gradient(circle at 72% 20%,rgba(215,168,74,.35),transparent 30%),
  linear-gradient(90deg,rgba(2,8,23,.96) 0%,rgba(6,19,41,.86) 55%,rgba(2,8,23,.52) 100%);
  z-index:0;
}
.icl-hero>* { position:relative; z-index:1; }
.icl-eyebrow { letter-spacing:.16em; text-transform:uppercase; font-weight:850; font-size:.8rem; }
.icl-card,.icl-widget,.icl-speaker-card {
  background:#fff; border:1px solid rgba(7,23,47,.08); border-radius:var(--icl-radius); box-shadow:var(--icl-shadow);
  transition:transform .22s ease,box-shadow .22s ease;
}
.icl-card:hover,.icl-widget:hover,.icl-speaker-card:hover { transform:translateY(-6px); box-shadow:0 30px 80px rgba(2,8,23,.2); }
.icl-dark-card { background:linear-gradient(135deg,rgba(2,8,23,.98),rgba(23,78,166,.92)); color:#fff; border-radius:34px; box-shadow:var(--icl-shadow); }
.icl-pill { display:inline-flex; align-items:center; min-height:38px; padding:8px 14px; border-radius:999px; background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.14); color:rgba(255,255,255,.9); font-weight:750; }
.icl-speaker-card { overflow:hidden; }
.icl-speaker-card figure { margin:0!important; }
.icl-speaker-card img { width:100%; aspect-ratio:4/3; object-fit:cover; display:block; }
.icl-widget { padding:clamp(24px,4vw,40px); }
.icl-countdown { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.icl-countdown>div { padding:18px 12px; border-radius:18px; background:rgba(23,78,166,.08); text-align:center; }
.icl-countdown strong { display:block; color:var(--icl-navy); font-size:clamp(1.7rem,4vw,2.8rem); line-height:1; }
.icl-countdown span { color:var(--icl-muted); font-weight:750; font-size:.86rem; text-transform:uppercase; letter-spacing:.08em; }
.icl-cta { border-radius:38px; background:radial-gradient(circle at 85% 10%,rgba(215,168,74,.32),transparent 34%),linear-gradient(135deg,var(--icl-emerald),var(--icl-navy)); color:#fff; box-shadow:var(--icl-shadow); }
.icl-button .wp-block-button__link { font-weight:850; border-radius:999px; box-shadow:0 16px 34px rgba(215,168,74,.24); }
.icl-faq { display:grid; gap:14px; margin-top:28px; }
.icl-faq details { background:#fff; border:1px solid rgba(7,23,47,.08); border-radius:20px; padding:18px 20px; box-shadow:0 14px 34px rgba(2,8,23,.08); }
.icl-faq summary { cursor:pointer; color:var(--icl-navy); font-weight:850; }
.icl-logo-box { min-height:112px; display:grid; place-items:center; padding:22px; text-align:center; border-radius:24px; background:#fff; border:1px solid rgba(7,23,47,.08); box-shadow:var(--icl-shadow); font-weight:850; color:var(--icl-navy); }
.icl-demo-form { display:grid; gap:14px; margin-top:24px; }
.icl-demo-form label { display:grid; gap:7px; color:var(--icl-navy); font-weight:750; }
.icl-demo-form input,.icl-demo-form select { min-height:48px; padding:12px 14px; border-radius:14px; border:1px solid rgba(7,23,47,.14); font:inherit; }
.icl-demo-form button { min-height:50px; margin-top:6px; border:0; border-radius:999px; background:linear-gradient(135deg,var(--icl-gold),var(--icl-gold-light)); color:var(--icl-midnight); font-weight:900; cursor:pointer; }
.icl-reveal { opacity:0; transform:translateY(22px); transition:opacity .65s ease,transform .65s ease; }
.icl-reveal.icl-visible { opacity:1; transform:translateY(0); }
@media(max-width:782px){
  .icl-hero{min-height:auto;padding-top:90px;padding-bottom:80px}
  .icl-countdown{grid-template-columns:repeat(2,1fr)}
  .icl-header .wp-block-navigation__responsive-container.is-menu-open{background:var(--icl-midnight);color:#fff;padding:22px}
  .icl-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{padding-top:60px}
  .icl-header .wp-block-navigation__responsive-container.is-menu-open a{padding:14px 0;font-size:1.1rem}
}




.icl-video-section {
  background:
    radial-gradient(circle at 12% 20%, rgba(23,78,166,.10), transparent 32%),
    linear-gradient(180deg, #ffffff, var(--icl-platinum));
}

.icl-video-card {
  position: relative;
  overflow: hidden;
  border-radius: 34px;
  background:
    linear-gradient(135deg, rgba(215,168,74,.72), rgba(19,166,122,.62)),
    rgba(255,255,255,.88);
  box-shadow: 0 34px 90px rgba(2,8,23,.2);
}

.icl-video-card:before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top right, rgba(255,255,255,.45), transparent 36%);
  pointer-events: none;
}

.icl-video-card figure {
  position: relative;
  z-index: 1;
  margin: 0;
}

.icl-video-card video,
.icl-video-card iframe {
  width: 100%;
  display: block;
  aspect-ratio: 16 / 9;
  min-height: 280px;
  object-fit: cover;
  border: 0;
  border-radius: 24px;
  background: var(--icl-midnight);
}

.icl-video-card figcaption {
  display: none;
}







/* Make editor preview match the website instead of stacking the gallery */
.editor-styles-wrapper .icl-gallery-hero-slider {
  min-height: 760px;
  overflow: hidden;
}

.editor-styles-wrapper .icl-gallery-hero-slider .icl-slider-gallery {
  position: absolute !important;
  inset: 0 !important;
  min-height: 760px;
}

.editor-styles-wrapper .icl-gallery-hero-slider .icl-slider-gallery .wp-block-image {
  position: absolute !important;
  inset: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.editor-styles-wrapper .icl-gallery-hero-slider .icl-slider-gallery .wp-block-image.is-active {
  opacity: 1 !important;
  visibility: visible !important;
}

.editor-styles-wrapper .icl-gallery-hero-slider .icl-slider-gallery img {
  min-height: 760px;
}

.editor-styles-wrapper .icl-gallery-slider-overlay {
  min-height: 760px;
}

@media(max-width:782px) {
  .icl-gallery-hero-slider,
  .icl-gallery-hero-slider .icl-slider-gallery,
  .icl-gallery-hero-slider .icl-slider-gallery img,
  .icl-gallery-slider-overlay {
    min-height: 760px;
  }

  .icl-gallery-slider-overlay {
    padding: 118px 18px 130px;
  }

  .icl-gallery-slider-controls {
    left: 16px;
    right: 16px;
    bottom: 22px;
    justify-content: space-between;
  }
}


/* Cover block hero slider */
.icl-cover-slider {
  position: relative;
  min-height: 92vh;
  overflow: hidden;
  background: var(--icl-midnight);
  margin: 0;
  padding: 0;
}

.icl-cover-slider .icl-cover-slide {
  position: absolute !important;
  inset: 0;
  width: 100%;
  max-width: none !important;
  min-height: 92vh !important;
  margin: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  z-index: 1;
  transition: opacity .7s ease, visibility .7s ease;
}

.icl-cover-slider .icl-cover-slide.is-active {
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 2;
}

.icl-cover-slider .icl-cover-slide::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(circle at 72% 22%, rgba(215,168,74,.34), transparent 30%),
    linear-gradient(90deg, rgba(2,8,23,.92) 0%, rgba(6,19,41,.78) 54%, rgba(2,8,23,.34) 100%);
}

.icl-cover-slider .wp-block-cover__inner-container {
  position: relative;
  z-index: 3;
}

.icl-cover-slide-content {
  padding-top: 130px;
  padding-bottom: 110px;
}

.icl-cover-slider-controls {
  position: absolute;
  z-index: 6;
  right: max(18px, calc((100vw - 1180px) / 2));
  bottom: 34px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.icl-cover-slider-btn {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.28);
  background: rgba(255,255,255,.12);
  color: #fff;
  cursor: pointer;
  font-size: 1.35rem;
  line-height: 1;
  backdrop-filter: blur(10px);
}

.icl-cover-slider-btn:hover {
  background: rgba(255,255,255,.22);
}

.icl-cover-slider-dots {
  display: flex;
  gap: 8px;
}

.icl-cover-slider-dot {
  width: 10px;
  height: 10px;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.38);
  cursor: pointer;
  transition: width .2s ease, background .2s ease;
}

.icl-cover-slider-dot.is-active {
  width: 30px;
  background: var(--icl-gold-light);
}

/* In the editor, keep only the active slide visible to prevent stacking */
.editor-styles-wrapper .icl-cover-slider {
  min-height: 760px;
  overflow: hidden;
}

.editor-styles-wrapper .icl-cover-slider .icl-cover-slide {
  position: absolute !important;
  inset: 0 !important;
  min-height: 760px !important;
}

.editor-styles-wrapper .icl-cover-slider .icl-cover-slide:not(.is-active) {
  display: none !important;
}

.editor-styles-wrapper .icl-cover-slider .icl-cover-slide.is-active {
  display: flex !important;
}

@media(max-width:782px) {
  .icl-cover-slider,
  .icl-cover-slider .icl-cover-slide {
    min-height: 760px !important;
  }

  .icl-cover-slide-content {
    padding-top: 118px;
    padding-bottom: 130px;
  }

  .icl-cover-slider-controls {
    left: 16px;
    right: 16px;
    bottom: 22px;
    justify-content: space-between;
  }
}


.icl-theme-card {
  min-height: 100%;
}

.icl-card-icon {
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  margin: 0 0 18px 0;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(215,168,74,.16), rgba(19,166,122,.16));
  font-size: 1.55rem;
}

.icl-theme-card h3 {
  margin-top: 0;
  margin-bottom: 10px;
}

.icl-theme-card p:last-child {
  color: var(--icl-muted);
}
