/***====================================================================
    Milestone Exhibition studio — Brand Theme Override
    Replaces the default Konfer template orange palette with
    teal-green extracted from the ME logo.
====================================================================***/

/* ── Logo-derived colour tokens ─────────────────────────────────── */
:root {
  --theme-color1: #3DCFA0;   /* primary teal-green  (was #D51C55) */
  --theme-color2: #5EE8A4;   /* bright mint          (was #F4E412) */
  --theme-color3: #2BAF84;   /* dark teal-green      (was #9914CB) */
  --theme-color4: #1D5C5C;   /* deep teal            (was #ED5F00) */
  --theme-color-primary: #3DCFA0;
  --theme-color-primary-dark: #2BAF84;
  --theme-color-primary-light: #E8FAF5;
  --theme-color-deep: #1D5C5C;
  --theme-color-mint: #5EE8A4;
}

/* ── Preloader spinner ───────────────────────────────────────────── */
.preloader .icon .border-animation {
  border-top-color: #3DCFA0 !important;
}

/* ── All CTA / theme buttons ─────────────────────────────────────── */
.theme-btn.bg-orange,
.theme-btn.btn-style-one.bg-orange {
  background: #3DCFA0 !important;
  border-color: #3DCFA0 !important;
  color: #ffffff !important;
}
.theme-btn.bg-orange:hover,
.theme-btn.btn-style-one.bg-orange:hover {
  background: #2BAF84 !important;
  border-color: #2BAF84 !important;
}

/* ── Button icon colour inside .bg-orange ───────────────────────── */
.theme-btn.bg-orange .icon {
  color: #2BAF84 !important;
}

/* ── Primary button (theme-btn default) ─────────────────────────── */
.theme-btn {
  background-color: #3DCFA0;
  border-color: #3DCFA0;
}
.theme-btn:hover {
  background-color: #2BAF84;
  border-color: #2BAF84;
}

/* ── Section / badge "consultation" pill ────────────────────────── */
.consultation-badge,
span[style*="#fff4e6"] {
  background: #E8FAF5 !important;
  color: #2BAF84 !important;
}

/* ── About author avatar border ─────────────────────────────────── */
.about-section-two .author-box img {
  border: 2px solid #3DCFA0 !important;
}

/* ── Form inputs: focus highlight ───────────────────────────────── */
.form-control:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus {
  border-color: #3DCFA0 !important;
  outline-color: #3DCFA0 !important;
}

/* ── Speaker/process card glow shadow → teal ────────────────────── */
.speaker-block-two:hover .inner-box {
  box-shadow: 0 18px 34px rgba(45, 175, 132, 0.24) !important;
}

/* ── Upcoming exhibitions hover shadow ───────────────────────────── */
.upcoming-exhibitions-section .expo-card:hover {
  box-shadow: 0 16px 30px rgba(61, 207, 160, 0.18) !important;
}

/* ── Sub-title accent colour (section labels) ───────────────────── */
.upcoming-exhibitions-section .section-heading .sub-title {
  color: #3DCFA0 !important;
}

/* ── Link hover colour ───────────────────────────────────────────── */
.link-style-one:hover {
  color: #3DCFA0 !important;
}

/* ── Progress/scroll-to-top button ──────────────────────────────── */
.progress-wrap {
  background-color: #3DCFA0 !important;
}
.progress-wrap:hover {
  background-color: #2BAF84 !important;
}
.progress-wrap svg.progress-circle path {
  stroke: #2BAF84 !important;
}

/* ── Service card hover purple replacement ──────────────────────── */
.feature-block-two .inner-box:after {
  background: linear-gradient(to bottom, var(--theme-color1) 0%, var(--theme-color3) 50%, var(--theme-color4) 100%) !important;
}
.rtl .feature-block-two .inner-box:after {
  background: linear-gradient(to top, var(--theme-color1) 0%, var(--theme-color3) 50%, var(--theme-color4) 100%) !important;
}

/* ── Lighten button icons globally ──────────────────────────────── */
.theme-btn .icon, .theme-btn.bg-orange .icon, .theme-btn.bg-pink .icon {
  color: #ffffff !important;
}

/* ── Footer theme color override ─────────────────────────────────── */
.main-footer {
  background-color: var(--theme-color4) !important;
}
.main-footer .bg {
  background-image: none !important;
}

/* ── Our Process section background override ─────────────────────── */
.speakers-section-two {
  background-color: var(--theme-color4) !important;
}