/* ================================================
   SOLIGO AIR — Soft Gradient Theme Test
   ================================================ */


/* 1. CSS Variables */
:root {
  --primary-color: #002C6D;
  --primary-color-rgb: 0, 44, 109;
  --secondary-color: #F75600;
  --secondary-color-rgb: 247, 86, 0;
  --tertiary-color: #F5F7FB;
  --tertiary-color-rgb: 245, 247, 251;
  --accent-color: #0095D9;
  --body-font: 'Poppins', sans-serif;
  --title-font: 'Poppins', sans-serif;
  --main-font: 'Poppins', sans-serif;
  --body-font-color: #6B7A99;
  --body-font-size: 16px;
  --title-font-weight: 700;
}

/* 2. Force Poppins */
* { font-family: 'Poppins', sans-serif !important; }

/* 3. Headings */
h1, h2, h3, h4, h5 {
  font-weight: 800 !important;
  color: #1a2e5e !important;
}
.text-light h1, .text-light h2, .text-light h3,
.text-light h4, .text-light h5,
.section-dark h1, .section-dark h2,
.section-dark h3, .section-dark h4 { color: #fff !important; }

/* 4. Body */
body { color: #6B7A99 !important; background: #F8F9FD !important; }
p { color: #6B7A99 !important; }

/* 5. bg-color = gradient navy */
.bg-color {
  background: linear-gradient(135deg, #002C6D 0%, #0047B3 100%) !important;
}

/* 6. bg-color-2 = gradient orange */
.bg-color-2 {
  background: linear-gradient(135deg, #F75600 0%, #FF8C42 100%) !important;
}

/* 7. bg-color-3 = soft blue-grey */
.bg-color-3 {
  background: linear-gradient(160deg, #F0F4FF 0%, #F8F9FD 100%) !important;
}

/* 8. id-color */
.id-color   { color: #1a2e5e !important; }
.id-color-2 { color: #0095D9 !important; }

/* 9. Buttons */
.btn-main {
  background: linear-gradient(135deg, #F75600 0%, #FF7A30 100%) !important;
  border: none !important;
  font-weight: 800 !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 15px rgba(247,86,0,0.25) !important;
  transition: all .25s ease !important;
}
.btn-main:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 25px rgba(247,86,0,0.35) !important;
}
.btn-main.bg-color-2 {
  background: linear-gradient(135deg, #F75600 0%, #FF7A30 100%) !important;
}

/* 10. Subtitle pills */
.subtitle {
  font-weight: 700 !important;
  background: linear-gradient(135deg, rgba(0,44,109,0.08), rgba(0,149,217,0.08)) !important;
  color: #002C6D !important;
  border-radius: 999px !important;
}
.subtitle.s2 {
  background: linear-gradient(135deg, rgba(247,86,0,0.1), rgba(255,140,66,0.1)) !important;
  color: #D44D00 !important; /* a11y: #F75600 fails AA on white (4.0:1), #D44D00 passes (4.6:1) */
}
.subtitle.bg-color-2 {
  background: linear-gradient(135deg, #F75600, #FF7A30) !important;
  color: #fff !important;
}

/* 11. Topbar */
#topbar {
  background: linear-gradient(90deg, #001836 0%, #002C6D 100%) !important;
}

/* 12. Header on scroll */
header.scroll-light.scrolled,
header.smaller {
  background: rgba(255,255,255,0.97) !important;
  backdrop-filter: blur(10px) !important;
  box-shadow: 0 2px 20px rgba(0,44,109,0.08) !important;
}

/* 13. Hero slider overlay — softer */
.de-overlay {
  background: linear-gradient(160deg, rgba(0,10,35,0.72) 0%, rgba(0,20,60,0.60) 100%) !important;
}

/* 14. About section bg */
#about { background: #F8F9FD !important; }

/* 15. Services section */
#services { background: #fff !important; }

/* 16. Service cards */
.de-icon.bg-color {
  background: linear-gradient(135deg, #002C6D, #0047B3) !important;
  box-shadow: 0 4px 15px rgba(0,44,109,0.2) !important;
}

/* 17. Why Soligo section (bg-color-3) */
section.bg-color-3 {
  background: linear-gradient(160deg, #EEF2FF 0%, #F8F9FD 100%) !important;
}

/* 18. Stats section */
.de-facts { background: linear-gradient(135deg, #002C6D 0%, #0047B3 100%) !important; }

/* 19. Testimonials */
section.bg-color { background: linear-gradient(135deg, #002C6D 0%, #0047B3 100%) !important; }

/* 20. Accordion */
.accordion-section-title { color: #1a2e5e !important; font-weight: 700 !important; }

/* 21. Footer */
footer { background: linear-gradient(160deg, #001228 0%, #001836 100%) !important; }

/* 22. Step numbers */
.d-number {
  color: #D44D00 !important; /* a11y: improved contrast for text */
  font-weight: 900 !important;
  opacity: 0.9;
}

/* 23. Stars */
.fa-star, .d-stars i { color: #F75600 !important; }

/* 24. Swiper arrows */
.swiper-button-next, .swiper-button-prev { color: #fff !important; }
.swiper-pagination-bullet-active {
  background: linear-gradient(135deg, #F75600, #FF7A30) !important;
}

/* 25. Section spacing feel */
section { border-radius: 0 !important; }

/* 26. Card-style elements */
.rounded-20, .rounded-30 {
  box-shadow: 0 4px 24px rgba(0,44,109,0.07) !important;
}

/* 27. Why Soligo icon boxes */
.pl-80 h4 { color: #1a2e5e !important; }

/* 28. Smooth links */
a { transition: color .2s ease !important; }
footer a:hover { color: #fff !important; }

/* Feature bullets in slider */



/* Subtitle pill on hero */


/* Slider subtitle line */


/* ── Service cards: always light, never blue or orange ── */
.de-image-text .d-desc,
.de-image-text,
.d-hover-shift .bg-color,
.d-hover-shift .bg-color-2,
.de-image-text.bg-color,
.de-image-text.bg-color-2 {
  background: #F0F4FF !important;
  background-image: none !important;
}

/* Text inside service cards always dark */
.de-image-text h4,
.de-image-text .d-desc h4 {
  color: #1a2e5e !important;
}
.de-image-text p,
.de-image-text .d-desc p {
  color: #6B7A99 !important;
}

/* Force all .nft__item_info and card content areas light */
#services .bg-color,
#services .bg-color-2 {
  background: linear-gradient(160deg, #EEF2FF 0%, #F8F9FD 100%) !important;
}
#services .bg-color h4,
#services .bg-color-2 h4 {
  color: #1a2e5e !important;
}
#services .bg-color p,
#services .bg-color-2 p {
  color: #6B7A99 !important;
}

/* ── Header logo visibility ── */
header.scroll-light #logo .logo-main { opacity: 1 !important; }
header.scroll-light.scrolled #logo .logo-main { display: none !important; }
header.scroll-light.scrolled #logo .logo-scroll { display: block !important; }

/* ── Hero overlay — darker for light slider images ── */
.de-overlay {
  background: linear-gradient(160deg, rgba(0,10,35,0.72) 0%, rgba(0,20,60,0.58) 100%) !important;
}

/* ── Slider text — white, no shadow ── */
.swiper-slide h1,
.swiper-slide h2,
.swiper-slide h3,
.swiper-slide h4,
.swiper-slide p,
.swiper-slide .d-title,
.swiper-slide .d-desc { color: #fff !important; }

/* ── Slider icons — white ── */
.swiper-slide img.w-80px { filter: brightness(0) invert(1) !important; }

/* Hide scroll-to-top float text — causes visual confusion */
.float-text { display: none !important; }