/**
 * Viyuha corporate overrides — client brief:
 * mega-style panels (not tiny dropdowns), strict palette, calmer UI, preloader/hero tweaks.
 * Load after viyuha-ui.css
 */

/* ========== Strict 3-colour palette (no extra hues) ========== */
:root {
  --primary-navy: #0f2744;
  --accent-blue: #2d89c1;
  --white: #ffffff;
  --text-muted: #5c6b7a;
}

/* Preloader: do NOT use display:!important here — it blocks jQuery fadeOut / hide. */

/* ========== Hero: lighter overlay, corporate (less heavy gradient) ========== */
.static-hero {
  background: linear-gradient(
      rgba(15, 39, 68, 0.4),
      rgba(15, 39, 68, 0.55)
    ),
    url("../images/slider/1.PNG") center/cover no-repeat !important;
}


/* ========== Desktop: mega panel (full-width touchdown) ========== */
@media (min-width: 992px) {
  .main-menu-area .container {
    position: relative;
  }

  .header-style-one .main-menu .navigation > li.dropdown {
    position: relative;
  }

  .header-style-one .main-menu .navigation > li.dropdown > a {
    cursor: pointer;
  }

  .header-style-one .main-menu .navigation > li.dropdown > ul {
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    margin-left: -50vw !important;
    width: 100vw !important;
    max-width: none !important;
    padding: 26px max(20px, calc((100vw - 1140px) / 2)) 32px !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
    gap: 4px 12px !important;
    background: var(--white) !important;
    border-radius: 0 !important;
    border-top: 3px solid var(--accent-blue) !important;
    border-bottom: 1px solid #e8ecf0 !important;
    box-shadow: 0 18px 48px rgba(15, 39, 68, 0.1) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(6px) !important;
    transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease !important;
    z-index: 10050 !important;
    margin-top: 0 !important;
    list-style: none !important;
    pointer-events: none !important;
  }

  .header-style-one .main-menu .navigation > li.dropdown.is-open > ul {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
  }

  .header-style-one .main-menu .navigation > li.dropdown > ul > li {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    border: none !important;
    border-bottom: none !important;
  }

  .header-style-one .main-menu .navigation > li.dropdown > ul > li > a {
    display: block !important;
    padding: 12px 14px !important;
    color: var(--primary-navy) !important;
    background: transparent !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-transform: none !important;
    line-height: 1.35 !important;
    border-radius: 4px;
    transition: background 0.15s ease, color 0.15s ease !important;
  }

  .header-style-one .main-menu .navigation > li.dropdown > ul > li > a:hover {
    background: #f4f7f9 !important;
    color: var(--accent-blue) !important;
  }

}

/* ========== Calmer chrome: no pulsing hamburger ========== */
.navbar-toggle {
  animation: none !important;
}

/* ========== Tone down “template” hovers ========== */
.service-card:hover,
.project-card:hover {
  transform: none !important;
}

.project-card:hover img,
.service-card:hover img {
  transform: none !important;
}

.btn-primary-custom::after,
.theme-btn::after {
  display: none !important;
}

.btn-primary-custom:hover,
.theme-btn:hover {
  transform: none !important;
}

.inquiry-form:hover {
  transform: none !important;
}

.footer-logo img:hover {
  transform: none !important;
}

.footer-bottom a:hover {
  filter: none !important;
}