/* ==========================================================================
   Sai Mahi Safety Nets & Invisible Grills — Brand Theme
   Palette derived from the official logo: deep royal navy + gold
   This file overrides the template's default orange/teal palette.
   ========================================================================== */

:root {
  /* Accent (was orange #D26D1C) -> Logo gold */
  --alefox-base: #C6901F;
  --alefox-base-rgb: 198, 144, 31;

  /* Primary dark (was #06294D) -> Logo navy, refined */
  --alefox-black: #0A2A52;
  --alefox-black-rgb: 10, 42, 82;

  /* Secondary dark surface (was neutral charcoal #202221) -> navy-black */
  --alefox-black2: #0F1F38;
  --alefox-black2-rgb: 15, 31, 56;
}

/* Warm gold hover / highlight state for links & buttons that use base color */
a:hover,
.main-menu__list > li > a:hover,
.footer-widget__links a:hover {
  transition: color 0.25s ease;
}

/* Topbar secondary-number separator */
.topbar-one__info__sep {
  margin: 0 6px;
  color: var(--alefox-black, #0A2A52);
  opacity: 0.4;
}
.topbar-one__info__item a {
  white-space: nowrap;
}

/* Elegant gold glow for the testimonial "Call Us" buttons (was green/red glow) */
.button2 {
  background-color: var(--alefox-black, #0A2A52) !important;
}
@-webkit-keyframes glowing {
  0% { background-color: #0A2A52; -webkit-box-shadow: 0 0 3px #0A2A52; }
  50% { background-color: #C6901F; -webkit-box-shadow: 0 0 12px #C6901F; }
  100% { background-color: #0A2A52; -webkit-box-shadow: 0 0 3px #0A2A52; }
}
@-moz-keyframes glowing {
  0% { background-color: #0A2A52; -moz-box-shadow: 0 0 3px #0A2A52; }
  50% { background-color: #C6901F; -moz-box-shadow: 0 0 12px #C6901F; }
  100% { background-color: #0A2A52; -moz-box-shadow: 0 0 3px #0A2A52; }
}
@-o-keyframes glowing {
  0% { background-color: #0A2A52; box-shadow: 0 0 3px #0A2A52; }
  50% { background-color: #C6901F; box-shadow: 0 0 12px #C6901F; }
  100% { background-color: #0A2A52; box-shadow: 0 0 3px #0A2A52; }
}
@keyframes glowing {
  0% { background-color: #0A2A52; box-shadow: 0 0 3px #0A2A52; }
  50% { background-color: #C6901F; box-shadow: 0 0 12px #C6901F; }
  100% { background-color: #0A2A52; box-shadow: 0 0 3px #0A2A52; }
}

/* Sticky quick-call icon (was orange inline) */
.sticky1 li a .icon-phone-call-two {
  background-color: var(--alefox-base, #C6901F) !important;
}

/* Header logo: comfortable sizing + never blurry */
.main-header__logo img {
  max-height: 78px;
  width: auto;
  object-fit: contain;
}
@media (max-width: 575px) {
  .main-header__logo img {
    max-height: 58px;
  }
}

/* Footer logo: sits on dark background, add slight padding so the badge breathes */
.footer-widget__logo img {
  max-width: 210px;
  width: 100%;
  height: auto;
  object-fit: contain;
  margin-bottom: 6px;
}
@media (max-width: 575px) {
  .footer-widget__logo img {
    max-width: 170px;
  }
}

/* Fix: service card icons on the homepage set their own gold icon color
   inline, which beats the hover rule that turns the icon circle gold too
   (gold-on-gold = invisible). Icon color is now set via class so both
   states cascade correctly. */
.service-two__item__icon .font-icon {
  color: var(--alefox-base, #C6901F);
}
.service-two__item:hover .service-two__item__icon .font-icon {
  color: var(--alefox-white, #fff);
}

/* Responsive polish: keep topbar contact info from wrapping awkwardly on small laptops */
@media (max-width: 991px) {
  .topbar-one__info {
    flex-wrap: wrap;
    row-gap: 4px;
  }
}

/* Fix: .page-wrapper's overflow:hidden (template default) silently breaks
   position:sticky on .main-header. Clip horizontally only so the header can
   stick to the top of the viewport while scrolling on desktop and mobile. */
.page-wrapper {
  overflow-x: clip;
  overflow-y: visible;
}