/* Zion Technology brand color overrides for Iteck theme */

/* Navbar - ensure always visible (matches original theme structure) */
.top-navbar.style-7 {
  background-color: #ffffff !important;
}

.navbar.style-7 {
  background-color: #ffffff !important;
}

/* Prevent nav-scroll from hiding navbar when scrolling */
body > .navbar.nav-scroll {
  top: 0 !important;
  transform: none !important;
  -webkit-transform: none !important;
}
:root {
  --color-main: #F97316;
  --color-primary: #F97316;
  --color-secondary: #0B3C5D;
  --color-darkBlue: #0B3C5D;
  --color-darkBlue2: #0B3C5D;
  --color-main-grad: linear-gradient(to right, #ea580c 0%, #fb923c 100%);
  /* Replace theme purple/blue with orange */
  --color-blue2: #F97316;
  --color-blue4: #F97316;
  --color-blue5: #F97316;
  --color-blue6: #F97316;
  --color-blue7: #F97316;
}

/* Purple gradient text -> Orange gradient (two shades) */
.text-grad,
h1 .text-grad,
header.style-7 .info h1 .text-grad,
.section-head.style-4 h2 span,
.section-head.style-8 h3 span {
  background-image: linear-gradient(to right, #ea580c 0%, #fb923c 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* Section title spans -> Orange (Our Products, Our Projects, etc.) */
.section-head.style-3 h3 span,
.section-head.style-5 h2 span,
.section-head.style-6 h2 span {
  color: #F97316 !important;
}

.section-head.style-5 h2 span::after {
  background-color: #F97316 !important;
}

/* Purple accent colors -> Orange */
.section-head.style-3 h6,
.faq.style-3 .accordion-item .accordion-button,
.services.style-7 .service-item-style7 .info a:hover,
.project-card.style-7 .info h6,
.testimonials.style-7 .testi-card .author .inf p,
.chat-banner.style-7,
.side_menu.style-7 .pages_links::-webkit-scrollbar-thumb,
.side_menu.style-7 .pages_links::-webkit-scrollbar-corner {
  color: #F97316 !important;
}

.side_menu.style-7 .pages_links::-webkit-scrollbar {
  background: rgba(249, 115, 22, 0.13) !important;
}

.chat-banner.style-7 {
  background-color: #6b7280 !important;
}

.chat-banner.style-7 .info p,
.chat-banner.style-7 .info h3 {
  color: #fff !important;
}

.pricing.style-10 .pricing-table .table-body-card.recommended-card,
.pricing.style-10 .pricing-table .table-body-card.recommended-card .sub-body,
.pricing.style-10 .pricing-table .table-body-card.recommended-card .sub-body ul,
.solutions.style-10 .solution-card:hover {
  background-color: #F97316 !important;
}

.pricing.style-10 .pricing-table .table-body-card.recommended-card .sub-body {
  border-color: #F97316 !important;
}

.section-head.style-3 h6::before,
.section-head.style-3 h6::after,
.section-head.style-9 h6::before,
.section-head.style-9 h6::after {
  background-color: #F97316 !important;
}

.pricing.style-9 .pricing-card .hightLight,
.pricing.style-9 .offer-text a,
.clients.style-9 .client-card .info h5 span,
.clients.style-9 .logos-content h4 span,
.domain-search.style-9 .domain-names .item.dom-tech span {
  color: #F97316 !important;
}

header.style-4 .content .info h1 span {
  background-image: linear-gradient(to right, #ea580c 0%, #fb923c 100%) !important;
}

/* Replace hardcoded purple borders/backgrounds */
header.style-4 .content .info .play-btn .icon,
.testimonials.style-4 .content .play-btn .icon {
  border-color: rgba(249, 115, 22, 0.6) !important;
}

header.style-4 .content .info .play-btn .icon i,
.testimonials.style-4 .content .play-btn .icon i {
  color: #F97316 !important;
}

.features.style-16 .v-progress-wrapper .v-progress-card:nth-of-type(3) .v-progress-bar {
  background-color: rgba(249, 115, 22, 0.13) !important;
}

.form-group .form-control:focus,
.form-group .form-select:focus {
  border-color: rgba(249, 115, 22, 0.6) !important;
}

.bg-darkBlue, .bg-darkBlue2 {
  background-color: #0B3C5D !important;
}

.hover-darkBlue:hover, .hover-darkBlue2:hover {
  background-color: #F97316 !important;
  border-color: #F97316 !important;
  color: #fff !important;
}

.color-lightBlue, .color-main {
  color: #F97316 !important;
}

.border-lightBlue {
  border-color: #F97316 !important;
}

.bg-lightBlue {
  background-color: #F97316 !important;
}

/* Style-7 brand colors */
.color-blue7 {
  color: #F97316 !important;
}

.bg-blue7 {
  background-color: #F97316 !important;
}

.hover-blue7:hover {
  background-color: #F97316 !important;
  border-color: #F97316 !important;
  color: #fff !important;
}

/* Button overrides for about page */
.blue5-3Dbutn {
  background-color: #F97316 !important;
  border-color: #F97316 !important;
  color: #fff !important;
}

.hover-blue2:hover {
  background-color: #0B3C5D !important;
  border-color: #0B3C5D !important;
  color: #fff !important;
}

/* Header style-2 with Zion gradient */
header.style-2 {
  background: linear-gradient(to top, #0B3C5D -40%, #1a5a7a 40%) !important;
}

/* Inner page header - account for fixed navbar */
.inner-header.style-2 {
  padding: 140px 0 60px !important;
  background-color: #0B3C5D !important;
}

/* Trusted Across section - centered with individual sector backgrounds */
.trusted-banner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 24px 32px;
}

.trusted-banner .trusted-title {
  font-size: 1.1rem;
  font-weight: 500;
  color: #333;
}

.trusted-banner .trusted-title span {
  color: #F97316;
}

.trusted-banner .trusted-sectors {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}

.trusted-banner .trusted-sector-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  font-size: 0.95rem;
  font-weight: 600;
  color: #0B3C5D;
  background: linear-gradient(135deg, rgba(249, 115, 22, 0.18) 0%, rgba(249, 115, 22, 0.08) 100%);
  border: 1px solid rgba(249, 115, 22, 0.35);
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(249, 115, 22, 0.12);
}

.trusted-banner .trusted-sector-icon {
  font-size: 1.1rem;
  color: #F97316;
}

/* Features section - orange icon circles */
.features.style-7 .features-card.style-7 .icon.icon-fa {
  width: 98px;
  height: 98px;
  min-width: 98px;
  min-height: 98px;
  border-radius: 50%;
  background: linear-gradient(135deg, #F97316 0%, #ea580c 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-end: 30px;
}
.features.style-7 .features-card.style-7 .icon.icon-fa i {
  font-size: 1.85rem;
  color: #fff;
}
@media (max-width: 991px) {
  .features.style-7 .features-card.style-7 .icon.icon-fa {
    width: 73px;
    height: 73px;
    min-width: 73px;
    min-height: 73px;
  }
  .features.style-7 .features-card.style-7 .icon.icon-fa i {
    font-size: 1.35rem;
  }
}

/* What We Provide section - orange oval icon backgrounds */
.services.style-7 .service-item-style7 .img.img-icon-orange {
  width: 82px !important;
  height: 82px !important;
  background: linear-gradient(135deg, #F97316 0%, #ea580c 100%) !important;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.services.style-7 .service-item-style7 .img.img-icon-orange i {
  font-size: 1.5rem;
  color: #fff;
}
@media (max-width: 991px) {
  .services.style-7 .service-item-style7 .img.img-icon-orange {
    width: 70px !important;
    height: 70px !important;
  }
  .services.style-7 .service-item-style7 .img.img-icon-orange i {
    font-size: 1.2rem;
  }
}

/* Products page - full descriptions */
.features-card.style-5 .product-desc {
  font-size: 13px;
  line-height: 1.7;
}

.features-card.style-5 .icon img {
  width: 160px !important;
  height: 160px !important;
  object-fit: contain;
}

.features-card.style-5:hover .card-title {
  color: #F97316 !important;
}

.features-card.style-5:hover {
  box-shadow: 0px 46px 77px 0px rgba(249, 115, 22, 0.15) !important;
}

/* Contact page - map visibility */
.tc-map-st13 {
  height: 450px !important;
  min-height: 450px;
  position: relative;
}
.tc-map-st13 .map,
.tc-map-st13 iframe.map {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 450px !important;
  opacity: 1 !important;
  filter: none !important;
  z-index: 1;
}
.tc-map-st13::before,
.tc-map-st13::after {
  opacity: 0.1;
  z-index: 2;
}

/* Contact page - page-contact-2 template */
.tc-contact-st13 .contact-form {
  background: linear-gradient(135deg, rgba(249, 115, 22, 0.06) 0%, rgba(11, 60, 93, 0.04) 100%) !important;
  border: 1px solid rgba(249, 115, 22, 0.15);
}

.tc-innerHeader-st2 .section-head.style-16 .sub-title {
  color: #F97316 !important;
  background-color: rgba(249, 115, 22, 0.12) !important;
}

/* About page - Solutions We Deliver section */
.solutions-deliver-card .solutions-icon-wrap {
  width: 96px;
  height: 96px;
  min-width: 96px;
  border-radius: 50%;
  background: linear-gradient(135deg, #F97316 0%, #ea580c 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.solutions-deliver-card .solutions-icon-wrap i {
  font-size: 2.5rem;
  color: #fff;
}
.solutions-deliver-card:hover .card-inner {
  box-shadow: 0 12px 40px rgba(249, 115, 22, 0.15) !important;
  transform: translateY(-4px);
  transition: all 0.3s ease;
}
.solutions-deliver-card .card-inner {
  transition: all 0.3s ease;
}
.solutions-deliver-card:hover h6 {
  color: #F97316 !important;
}

/* About page - Trusted By Institutions section */
.trusted-institutions {
  background: linear-gradient(180deg, #f8f9fa 0%, #fff 100%);
}
.trusted-institutions-row {
  flex-wrap: nowrap;
}
.trusted-institution-col {
  flex: 1 1 0;
  min-width: 0;
  max-width: 160px;
}
.trusted-institution-card {
  background: #fff;
  border-radius: 16px;
  padding: 24px 16px;
  max-width: 140px;
  margin: 0 auto;
  aspect-ratio: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(249, 115, 22, 0.12);
  transition: all 0.3s ease;
}
.trusted-institution-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  transform: translateY(-4px);
  border-color: rgba(249, 115, 22, 0.25);
}
.trusted-institution-icon {
  width: 56px;
  height: 56px;
  margin: 0 auto;
  border-radius: 50%;
  background: linear-gradient(135deg, #F97316 0%, #ea580c 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.trusted-institution-card:hover .trusted-institution-icon {
  box-shadow: 0 4px 12px rgba(249, 115, 22, 0.3);
}
.trusted-institution-icon i {
  font-size: 1.5rem;
  color: #fff;
}
.trusted-institution-card h6 {
  color: #0B3C5D;
  font-size: 0.95rem;
  transition: color 0.3s ease;
}
.trusted-institution-card:hover h6 {
  color: #F97316 !important;
}

/* Clients page - logo cards */
.clients.style-5 .client-logo-card .img.img-card {
  width: 100% !important;
  min-height: 88px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.clients.style-5 .client-logo-card:hover .img.img-card {
  border-color: rgba(249, 115, 22, 0.5) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12), 0 4px 12px rgba(249, 115, 22, 0.15);
}
.clients.style-5 .client-logo-card .img.img-card img {
  transition: opacity 0.3s ease;
}
.clients.style-5 .client-logo-card:hover .img.img-card img {
  opacity: 1;
}
.clients.style-5 .client-logo-card .client-name {
  font-size: 0.8rem;
  line-height: 1.3;
  color: #374151;
  font-weight: 700;
}
.clients.style-5 .client-logo-card:hover .client-name {
  color: #F97316;
}

/* Clients page - Sectors We Serve */
.sectors-we-serve .sector-pill {
  background: linear-gradient(135deg, rgba(249, 115, 22, 0.15) 0%, rgba(249, 115, 22, 0.08) 100%);
  border: 1px solid rgba(249, 115, 22, 0.35);
  color: #F97316;
}
.sectors-we-serve .sector-icon-wrap {
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 50%;
  background: linear-gradient(135deg, #F97316 0%, #ea580c 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.sectors-we-serve .sector-icon-wrap i {
  font-size: 1.35rem;
  color: #fff;
}