/* ============================================================
   TechExcitement – Custom Blue & White Professional Theme
   ============================================================ */

/* ── 1. GRADIENT OVERRIDES (was grape/fuchsia, now blue) ── */
.text-gradient.gradient-1,
.text-gradient {
  background: linear-gradient(135deg, #1e40af 0%, #2563eb 60%, #3b82f6 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

.btn-gradient.gradient-1,
.btn-gradient {
  background: linear-gradient(135deg, #1e40af 0%, #2563eb 100%) !important;
  border: none !important;
  color: #fff !important;
  transition: opacity 0.3s ease, transform 0.2s ease !important;
}

.btn-gradient.gradient-1:hover,
.btn-gradient:hover {
  opacity: 0.88 !important;
  transform: translateY(-1px) !important;
  color: #fff !important;
}

/* grape/fuchsia icon color → blue */
.text-grape-fuchsia,
.solid-duo.text-grape-fuchsia {
  color: #1e40af !important;
  fill: #1e40af !important;
}

/* ── 2. HERO SECTION – Remove bg image, use clean blue gradient ── */
.card.image-wrapper.bg-image.bg-overlay {
  background-image: none !important;
  background: linear-gradient(135deg, #0c1f5c 0%, #1e40af 50%, #2563eb 100%) !important;
}

/* Remove the overlay tint since we have a real gradient now */
.card.image-wrapper.bg-overlay::before,
.bg-overlay::before {
  display: none !important;
}

/* Hero text on blue bg should be white */
.card.image-wrapper .display-2,
.card.image-wrapper h1,
.card.image-wrapper .lead,
.card.image-wrapper p,
.card.image-wrapper .fs-23 {
  color: #ffffff !important;
}

/* ── 3. HIDE 3D ILLUSTRATIONS (unprofessional) ── */
img[src*="3d"],
img[src*="illustrations/3d"] {
  display: none !important;
}

/* Hero column without illustration → full width, centered */
.card.image-wrapper .col-lg-6:first-child {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  text-align: center !important;
}

.card.image-wrapper .col-lg-6:last-child {
  display: none !important;
}

/* ── 4. HERO CTA area – center button ── */
.card.image-wrapper .col-lg-6:first-child > div:last-child {
  justify-content: center;
  display: flex;
}

/* ── 5. ALL card.image-wrapper SECTIONS – Replace bg images with blue gradient ── */
.card.image-wrapper,
.card.image-wrapper.bg-image,
.card.image-wrapper.bg-full {
  background-image: none !important;
  background: linear-gradient(135deg, #0c1f5c 0%, #1e40af 60%, #2563eb 100%) !important;
}

/* Stats/counter specific – slightly different shade */
.card.image-wrapper.pb-15 {
  background: linear-gradient(135deg, #0f2a6e 0%, #1e40af 100%) !important;
}

/* All text inside card wrappers → white */
.card.image-wrapper h1,
.card.image-wrapper h2,
.card.image-wrapper h3,
.card.image-wrapper h4,
.card.image-wrapper p,
.card.image-wrapper .display-2,
.card.image-wrapper .display-4,
.card.image-wrapper .lead,
.card.image-wrapper .fs-23,
.card.image-wrapper .counter {
  color: #ffffff !important;
}

/* Counter text → white */
.counter-wrapper h3.counter,
.counter-wrapper p {
  color: #ffffff !important;
}

.counter-wrapper .display-4,
.counter-wrapper h3 {
  color: #ffffff !important;
}

/* ── 6. ABOUT PAGE BANNER – Replace with clean gradient ── */
section.wrapper.bg-gray {
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%) !important;
}

/* ── 7. FOOTER "Need Help" CTA card ── */
footer .card.image-wrapper {
  background-image: none !important;
  background: linear-gradient(135deg, #0c1f5c 0%, #1e40af 100%) !important;
}

footer .card.image-wrapper h2,
footer .card.image-wrapper h3,
footer .card.image-wrapper p {
  color: #ffffff !important;
}

/* ── 8. CONTACT PAGE – Dark hero → blue ── */
section.wrapper.bg-dark.text-white {
  background: linear-gradient(135deg, #0c1f5c 0%, #1e40af 100%) !important;
}

/* ── 9. SECTION ANGLE BORDERS → blue tones ── */
.wrapper.bg-light.angled.upper-end::before {
  border-right-color: #f8faff !important;
}

/* ── 10. NAVBAR – Clean white with blue accents ── */
.navbar.transparent {
  background: rgba(255,255,255,0.97) !important;
  box-shadow: 0 2px 20px rgba(30,64,175,0.08) !important;
  backdrop-filter: blur(10px) !important;
}

/* ── 11. SOFT BLUE BG SECTIONS ── */
.wrapper.bg-soft-primary,
section.wrapper.bg-soft-primary {
  background-color: #eff6ff !important;
}

/* ── 12. CARD BORDER ACCENTS ── */
.card.card-border-bottom.border-soft-primary {
  border-bottom-color: #1e40af !important;
}

/* ── 13. PROCESS STEP CIRCLES ── */
.icon.btn.btn-circle.btn-soft-primary .number {
  color: #1e40af !important;
}

/* ── 14. ABOUT TEAM PHOTOS – keep (professional photos) ── */
img[src*="about2"],
img[src*="about3"],
img[src*="about4"],
img[src*="about26"],
img[src*="avatars"] {
  display: block !important;
}

/* ── 15. CONTACT PAGE PHOTO ── */
img[src*="tm1"] {
  display: block !important;
  object-fit: cover !important;
}

/* ── 16. TYPOGRAPHY POLISH ── */
body {
  font-family: 'Urbanist', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
  letter-spacing: -0.02em;
}

/* ── 17. SMOOTH LINK TRANSITIONS ── */
a { transition: color 0.2s ease !important; }

/* ── 18. BULLET CHECK ICONS → blue ── */
.icon-list.bullet-bg.bullet-soft-primary i,
.icon-list.bullet-soft-primary i {
  color: #1e40af !important;
}

/* ── 19. HOVER DROPDOWNS – Desktop: show dropdown on hover ── */
@media (min-width: 992px) {
  .navbar .nav-item.dropdown:hover > .dropdown-menu {
    display: block;
    margin-top: 0;
    animation: fadeInDown 0.18s ease;
  }
}

@keyframes fadeInDown {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Remove Bootstrap's preventDefault on dropdown toggle links so they navigate */
.navbar .nav-item.dropdown > a.nav-link {
  pointer-events: auto;
}

/* ── 20. LANDING PAGE CARDS – Hover lift effect ── */
.card.shadow-sm:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 12px 35px rgba(30,64,175,0.15) !important;
}

/* ── 21. DISABLE STICKY CLONE NAVBAR ON SCROLL ── */
.navbar-clone {
  display: none !important;
}

/* ── 22. HIDE SCROLL PROGRESS BAR & SCROLL-TO-TOP BUTTON ── */
.progress-wrap,
#scrollUp,
.scrollup,
.scroll-top,
[class*="scroll-up"],
[id*="scrollUp"] {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}