/* ===== DARK HEADER STYLING ===== */

/* All header rows dark background */
.ast-primary-header-bar,
.ast-above-header-bar,
.ast-below-header-bar,
#ast-desktop-header,
.ast-main-header-wrap {
  background-color: #1A2332 !important;
}

/* Gold bottom border on main header */
.ast-primary-header-bar {
  border-bottom: 2px solid #C8A96E !important;
}

/* Site Title - Gold Playfair Display */
.site-title a,
.ast-site-title-wrap .site-title a {
  font-family: 'Playfair Display', serif !important;
  color: #C8A96E !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px;
  text-decoration: none !important;
  line-height: 1.2 !important;
}

/* Tagline styling */
.site-description,
.ast-site-title-wrap .site-description {
  color: rgba(255,255,255,0.7) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}

/* All nav links white */
.ast-primary-header-bar .menu-item > a,
.ast-above-header-bar .menu-item > a,
.ast-below-header-bar .menu-item > a,
.main-header-menu > .menu-item > a {
  color: #FFFFFF !important;
}

/* Nav hover and active - gold */
.ast-primary-header-bar .menu-item > a:hover,
.ast-above-header-bar .menu-item > a:hover,
.ast-below-header-bar .menu-item > a:hover,
.main-header-menu > .current-menu-item > a,
.main-header-menu > .menu-item > a:hover {
  color: #C8A96E !important;
}

/* Hide the broken logo image */
.custom-logo-link {
  display: none !important;
}

/* Hide redundant Home and About menu items */
#menu-item-40,
#menu-item-41 {
  display: none !important;
}

/* Ensure good spacing */
.ast-site-title-wrap {
  padding: 8px 0;
}


/* ===== MOBILE FIXES ===== */
@media (max-width: 767px) {
  /* Fix video cards - 2 column grid on mobile */
  .hp-video-grid {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 12px !important;
  }
  .hp-video-card {
    flex: 0 0 calc(50% - 8px) !important;
    width: calc(50% - 8px) !important;
    min-width: 0 !important;
  }
  .hp-video-card video {
    height: 180px !important;
    width: 100% !important;
    object-fit: cover !important;
  }
  .vid-label {
    font-size: 11px !important;
    padding: 4px !important;
    word-break: break-word !important;
  }
  
  /* Fix sticky bottom bar - make it more compact on mobile */
  .sticky-cta-bar {
    padding: 6px 10px !important;
  }
  .sticky-cta-bar .sticky-text {
    font-size: 11px !important;
    line-height: 1.3 !important;
  }
  .sticky-cta-bar .sticky-btn {
    font-size: 11px !important;
    padding: 6px 12px !important;
    white-space: nowrap !important;
  }
  .sticky-inner {
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
  }
  
  /* Add bottom padding to body so sticky bar doesn't cover content */
  body {
    padding-bottom: 75px !important;
  }
  
  /* Fix WhatsApp floating button position - move above sticky bar */
  .dm-whatsapp,
  .joinchat,
  .joinchat__button,
  [class*="whatsapp-float"],
  a.dm-whatsapp {
    bottom: 80px !important;
    right: 12px !important;
    position: fixed !important;
    z-index: 9998 !important;
  }
  
  /* Reduce hero heading size for better fit */
  .hp-hero-text h1 {
    font-size: 1.8rem !important;
    line-height: 1.2 !important;
  }
  
  /* Fix service cards grid */
  .hp-srv-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  
  /* Improve WPForms on mobile */
  .wpforms-container {
    padding: 0 16px !important;
    margin-bottom: 80px !important;
  }
}

/* Hide empty video section */
.hp-video-section {
  display: none !important;
}