/* =============================================
   is8.pl Custom Theme — Dark Blue/Steel
   ============================================= */

/* ─── SPACING ─────────────────────────────────── */

section { margin-top: 70px !important; }
section.main-banner { margin-top: 0 !important; }
#contact-section { padding-top: 0 !important; }

.main-banner { padding-top: 110px !important; }

section.simple-cta { padding: 80px 0 !important; }

.section-heading { margin-bottom: 40px !important; }

html, body {
  background-color: #111827 !important;
  color: #c8d4e8;
}

::selection { background: #3b82f6; color: #fff; }
::-moz-selection { background: #3b82f6; color: #fff; }

p { color: #94a3b8; }

/* Header */
.header-area {
  background-image: none !important;
  background: transparent !important;
}

.background-header {
  background: #141e36 !important;
  background: linear-gradient(-145deg, #1e3a8a 0%, #141e36 100%) !important;
  box-shadow: 0 2px 20px rgba(0,0,0,0.4) !important;
}

@media (max-width: 1200px) {
  .header-area {
    background: #141e36 !important;
  }
}

@media (max-width: 767px) {
  .header-area {
    background-color: #141e36 !important;
  }
  .header-area .main-nav .nav li {
    background: #1a2540 !important;
    border-bottom-color: #1e293b !important;
  }
  .header-area .main-nav .nav li a {
    background: #1a2540 !important;
    color: #c8d4e8 !important;
  }
  .header-area .main-nav .nav li a:hover {
    background: #1e293b !important;
    color: #60a5fa !important;
  }
  .header-area .main-nav .nav li:first-child {
    border-top-color: #1e293b !important;
  }
}

/* Buttons */
.main-button-gradient a,
.main-button-gradient a:hover {
  background: linear-gradient(-145deg, #3b82f6 0%, #1e40af 100%) !important;
}

.white-button a {
  background-color: rgba(255,255,255,0.05) !important;
  color: #60a5fa !important;
  border: 1px solid rgba(96,165,250,0.4) !important;
}

.white-button a:hover {
  background-color: rgba(59,130,246,0.15) !important;
}

.text-button a { color: #60a5fa !important; }

/* Section headings */
.section-heading h6 { color: #64748b !important; }
.section-heading h4 { color: #e2e8f0 !important; }
.section-heading h4 em { color: #3b82f6 !important; font-style: normal; }

/* Main banner */
section.main-banner {
  background: linear-gradient(160deg, #111827 0%, #18274a 60%, #111827 100%);
  padding-bottom: 60px;
}

.main-banner .header-text h5 { color: #64748b !important; }
.main-banner .header-text h2 { color: #e2e8f0 !important; }
.main-banner .header-text h2 em { color: #60a5fa !important; }

/* Services */
section.services { background: #111827; }

.services .item {
  background: #1a2540;
  border: 1px solid rgba(30,58,138,0.4);
}

.services .item:hover {
  box-shadow: 0 0 20px rgba(59,130,246,0.15) !important;
  border-color: rgba(59,130,246,0.5) !important;
}

.services .item h4 { color: #e2e8f0 !important; }
.services .item p { color: #64748b !important; }
.services .owl-dots .active { background-color: #3b82f6 !important; }

/* CTA */
section.simple-cta {
  background-image: none !important;
  background: linear-gradient(135deg, #162248 0%, #1e2f66 50%, #162248 100%) !important;
  border-top: 1px solid rgba(59,130,246,0.2);
  border-bottom: 1px solid rgba(59,130,246,0.2);
}

section.simple-cta h6 { color: #94a3b8 !important; }
section.simple-cta h4 { color: #e2e8f0 !important; }
section.simple-cta p { color: #94a3b8 !important; }

/* Testimonials */
section.testimonials { background: #111827; }
section.testimonials::before,
section.testimonials::after { display: none; }

.testimonials .item {
  background: #1a2540 !important;
  border: 1px solid rgba(30,58,138,0.35);
}

.testimonials .item:hover {
  box-shadow: 0 0 20px rgba(59,130,246,0.12) !important;
  border-color: rgba(59,130,246,0.4) !important;
}

.testimonials .item p { color: #94a3b8 !important; }
.testimonials .item h4 { color: #e2e8f0 !important; }
.testimonials .item span { color: #60a5fa !important; }
.testimonials .owl-dots .active { background-color: #3b82f6 !important; }

/* Contact */
section.contact-us {
  background-image: none !important;
  background: #141e36 !important;
  border-top: 1px solid rgba(30,58,138,0.3);
}

section.contact-us::after { display: none; }

section.contact-us .contact-info {
  background: #1a2540 !important;
  border: 1px solid rgba(59,130,246,0.2);
  box-shadow: none !important;
}

section.contact-us .contact-info h4 { color: #e2e8f0 !important; }
section.contact-us .contact-info span { color: #60a5fa !important; }

section.contact-us .contact-info .icon i {
  background: linear-gradient(-145deg, #3b82f6 0%, #1e40af 100%) !important;
}

section.contact-us #contact {
  background: #1a2540 !important;
  border: 1px solid rgba(59,130,246,0.2) !important;
  box-shadow: none !important;
}

section.contact-us .section-heading h4 { color: #e2e8f0 !important; }
section.contact-us .section-heading h4 em { color: #60a5fa !important; }
section.contact-us .section-heading p { color: #94a3b8 !important; }

section.contact-us ul.social-icons li a {
  background-color: #1a2540 !important;
  color: #60a5fa !important;
  border: 1px solid rgba(59,130,246,0.25) !important;
}

section.contact-us ul.social-icons li a:hover {
  background-color: #3b82f6 !important;
  color: #fff !important;
  box-shadow: 0 0 12px rgba(59,130,246,0.4);
}

p.copyright { color: #1e293b !important; }
p.copyright a { color: #3b82f6 !important; }

/* Sticky nav */
.header-area.header-sticky .nav li a.active { color: #60a5fa !important; }
.header-area .main-nav .nav li.has-sub ul li a:hover { color: #60a5fa !important; }
.header-area .main-nav .nav li.has-sub ul.sub-menu li a {
  background: #1a2540 !important;
  color: #c8d4e8 !important;
  border-bottom-color: #1e293b !important;
}

/* Smooth transitions */
body,
.header-area,
.background-header,
.services .item,
.testimonials .item,
section.contact-us .contact-info,
section.contact-us #contact {
  transition: background 0.3s ease, background-color 0.3s ease,
              border-color 0.3s ease, color 0.3s ease;
}