/* ── Hero overlay brand gradient ── */
#section-intro .overlay-gradient {
    background: linear-gradient(140deg, rgba(41,0,151,.82) 0%, rgba(26,0,102,.72) 100%) !important;
}

/* Hero title */
#section-intro h1.big { font-family: var(--font-main); font-weight: 900; }
#section-intro h1.big span { color: var(--uni-yellow); }

/* CTA button */
.btn-custom, a.btn-custom {
    background: var(--uni-yellow) !important;
    color: var(--uni-blue) !important;
    font-weight: 800 !important;
    border-radius: 10px !important;
}
.btn-custom:hover { opacity: .9 !important; }

/* id-color → brand blue */
.id-color { color: var(--uni-blue) !important; }

/* small-border → brand blue */
.small-border { background: var(--uni-blue) !important; }

/* Section headings */
#section-about h2,
#section-speakers h2,
#section-register h2 {
    color: var(--uni-blue);
    font-family: var(--font-main);
    font-weight: 900;
}

/* Stats bar backgrounds */
#section-fun-facts-top {
    background: url('../../images/pexels-sun-286671774-30562665.jpg') center/cover fixed !important;
}
#section-fun-facts {
    background: url('../../images/pexels-george-pak-7972324.jpg') center/cover fixed !important;
}

/* Fun-facts / stats bar overlay */
#section-fun-facts .overlay-gradient,
#section-fun-facts-top .overlay-gradient {
    background: linear-gradient(140deg, rgba(41,0,151,.92) 0%, rgba(26,0,102,.9) 100%) !important;
}
#section-fun-facts .timer,
#section-fun-facts-top .timer { color: var(--uni-yellow); font-family: var(--font-main); }

/* Schedules bar */
#section-schedules .overlay-gradient {
    background: linear-gradient(140deg, rgba(41,0,151,.92) 0%, rgba(26,0,102,.9) 100%) !important;
}

/* Register bar */
#section-register {
    background: url('../../images/office_interior.avif') center/cover fixed !important;
}
#section-register .overlay-gradient {
    background: linear-gradient(140deg, rgba(41,0,151,.92) 0%, rgba(26,0,102,.9) 100%) !important;
}

/* Pricing ribbons */
.pricing-s1 .ribbon { background: var(--uni-blue) !important; }

/* Tabs active */
.de_tab.tab_style_4 .de_nav li.active { border-color: var(--uni-blue) !important; }

/* Floating icon */
#floating-icon a.bg-orange { background: var(--uni-blue) !important; }

/* Countdown */
.countdown-s1 .countdown-section { border-color: rgba(255,255,255,.25) !important; }

/* ── Responsive ── */

/* Grid utility classes (replaced inline styles) */
.about-row      { display: flex; align-items: center; gap: 60px; flex-wrap: wrap; }
.about-col-text { flex: 0 0 360px; max-width: 360px; }
.g-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.g-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.s-heading { font-size: 2.8rem; font-weight: 900; }

/* Map iframe */
.map-wrap { min-height: 480px; }
.map-wrap iframe { min-height: 480px; display: block; }

/* ── Tablet (≤ 991px) ── */
@media (max-width: 991px) {
  .g-4 { grid-template-columns: repeat(2, 1fr); }
}

/* ── Mobile (≤ 767px) ── */
@media (max-width: 767px) {
  .about-col-text { flex: 1 1 100%; max-width: 100%; }
  .g-2 { grid-template-columns: 1fr; }
  .s-heading { font-size: 1.9rem; }
  #section-about    { padding: 56px 0 !important; }
  #section-speakers { padding: 56px 0 !important; }
  #section-schedules { padding: 56px 0 !important; }
  .map-wrap { min-height: 280px !important; }
  .map-wrap iframe { min-height: 280px !important; }
}

/* ── Small mobile (≤ 600px) ── */
@media (max-width: 600px) {
  .g-4 { grid-template-columns: 1fr; }
}

/* ── Tiny phone (≤ 480px) ── */
@media (max-width: 480px) {
  .s-heading { font-size: 1.6rem; }
  #section-about    { padding: 40px 0 !important; }
  #section-speakers { padding: 40px 0 !important; }
  #section-schedules { padding: 40px 0 !important; }
}

/* Slider images — 1920×1280, object-fit cover */
#custom-owl-slider .item {
    width: 100%;
    aspect-ratio: 1920 / 1280;
    max-height: 100vh;
    overflow: hidden;
    position: relative;
}

#custom-owl-slider .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
}
