/* Skyvora Custom Overrides */
:root {
  --sky-navy: #0d2340;
  --sky-gold: #c8a96e;
  --sky-light-gold: #e8c98e;
}

/* Override primary to navy, secondary to gold */
.bg-primary { background-color: var(--sky-navy) !important; }
.text-primary { color: var(--sky-navy) !important; }
.text-secondary { color: var(--sky-gold) !important; }
.bg-secondary { background-color: var(--sky-gold) !important; }
.border-secondary { border-color: var(--sky-gold) !important; }

.btn.btn-primary {
  background: var(--sky-gold) !important;
  color: #fff !important;
  border-color: var(--sky-gold) !important;
}
.btn.btn-primary:hover {
  background: var(--sky-navy) !important;
  color: var(--sky-gold) !important;
  border: 1px solid var(--sky-gold) !important;
}

.btn.btn-secondary {
  background: transparent;
  color: var(--sky-gold);
  border: none;
}

/* Navbar logo */
.navbar-brand img.skyvora-logo {
  height: 50px;
  width: auto;
}

/* Counter section */
.counter-facts {
  background: linear-gradient(135deg, var(--sky-navy) 0%, #1a3a5c 100%) !important;
}

/* Footer */
.container-fluid.footer {
  background: var(--sky-navy) !important;
}

.container-fluid.copyright {
  background: #081828 !important;
}

/* Carousel caption text shadow */
.carousel-caption h1, .carousel-caption h4, .carousel-caption h5 {
  text-shadow: 2px 2px 8px rgba(0,0,0,0.7);
}

/* Hero overlay for carousel */
.carousel-item::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(13,35,64,0.55) 0%, rgba(13,35,64,0.3) 100%);
}
.carousel-caption { z-index: 2; }

/* Section sub-title color */
.sub-title { color: var(--sky-navy) !important; }
.section-title .sub-style::before { border-color: var(--sky-gold) !important; }
.section-title .sub-style::after { border-color: var(--sky-navy) !important; }
.sub-title::before { border-color: var(--sky-gold) !important; }
.sub-title::after { border-color: var(--sky-navy) !important; }

/* Service card */
.service-item .service-title-name .bg-primary { background-color: var(--sky-navy) !important; }

/* Training card */
.training-content.bg-secondary { background-color: var(--sky-gold) !important; }

/* Country item flag overlay */
.country-name { background: linear-gradient(transparent, var(--sky-navy)); }

/* Contact form */
.contact-form .btn { background: var(--sky-gold) !important; color: #fff !important; }

/* Breadcrumb hero */
.breadcrumb-hero {
  background: linear-gradient(135deg, var(--sky-navy) 60%, #1a3a5c 100%);
  padding: 80px 0 40px;
}

/* WhatsApp float button */
.whatsapp-float {
  position: fixed;
  bottom: 100px;
  right: 30px;
  z-index: 9999;
  background: #25d366;
  color: #fff;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  box-shadow: 0 4px 16px rgba(37,211,102,0.4);
  text-decoration: none;
  transition: transform 0.3s;
}
.whatsapp-float:hover { transform: scale(1.15); color: #fff; }

/* Spinner override */
.spinner-border { color: var(--sky-gold) !important; }

/* Features section icons */
.feature-icon i { color: var(--sky-navy) !important; }
.feature-item:hover { border-color: var(--sky-gold) !important; }

/* Nav active */
.navbar-light .navbar-nav .nav-link.active { color: var(--sky-gold) !important; }
.navbar-light .navbar-nav .nav-link:hover { color: var(--sky-gold) !important; }

/* Office card */
.office-item { border-top: 3px solid var(--sky-gold) !important; }

/* Map iframe */
.map-frame {
  border: 0;
  width: 100%;
  height: 400px;
  border-radius: 12px;
}

/* About page team cards */
.team-card {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(13,35,64,0.1);
  transition: transform 0.3s;
}
.team-card:hover { transform: translateY(-6px); }
.team-card img { width: 100%; height: 250px; object-fit: cover; }
.team-info { padding: 1.2rem; background: var(--sky-navy); color: #fff; }
.team-info p { color: var(--sky-gold); margin-bottom: 0; }

/* Hero animated text */
@keyframes slideUp {
  from { opacity: 0; transform: translateY(40px); }
  to { opacity: 1; transform: translateY(0); }
}
.hero-animate { animation: slideUp 0.8s ease forwards; }

/* Counter */
.counter { background: rgba(255,255,255,0.1) !important; border: 1px solid rgba(200,169,110,0.3) !important; }
.counter .counter-icon i { color: var(--sky-gold) !important; }
.counter-content h3 { color: #fff !important; }
.counter-value { color: var(--sky-gold) !important; }

/* ── Our Services Icon-Card Grid ──────────────────────────── */
.svc-card-grid { background: #f8faff; }
.svc-icon-card {
  background: #fff;
  border: 2px solid #d6e4f7;
  border-radius: 18px;
  text-align: center;
  padding: 0;
  overflow: hidden;
  transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;
  cursor: pointer;
  text-decoration: none;
  display: block;
  color: inherit;
}
.svc-icon-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 32px rgba(13,35,64,0.15);
  border-color: #c8a96e;
  color: inherit;
  text-decoration: none;
}
.svc-icon-card .svc-img-wrap {
  background: #e8f0fb;
  padding: 28px 20px 20px;
  min-height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.svc-icon-card .svc-img-wrap img {
  width: 110px;
  height: 110px;
  object-fit: contain;
}
.svc-icon-card .svc-label {
  background: #fff;
  padding: 14px 10px 16px;
  font-weight: 700;
  font-size: 0.95rem;
  color: #0d2340;
  line-height: 1.3;
}
