/* Your CSS code goes here
-------------------------------------- */

@media (min-width: 1200px) {
    .main-nav:not(.houzez-nav-menu-main) .nav-link {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }
}

/* === Home Page === */
.home .main-wrap {
	background-color: #eee7e1;
}

.header-main-wrap{
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding-bottom: 0px;
}

/* === Advanced Search Overlay Styling === */

/* Main search container positioning */
.advanced-search {
  position: relative !important;
  left: 50%;
  bottom: 55px; /* adjust vertical distance from bottom */
  transform: translateX(-50%);
  z-index: 99; /* keep it above the slider */
  width: 90%; /* responsive width */
  max-width: 1100px; /* optional: limit width on large screens */
  overflow: hidden;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);
  clip-path: polygon(0 0, calc(100% - 24px) 0, 103% 60px, 100% 100%, 0 100%);
}

.advanced-search-v1 > .d-flex > .flex-search > button {
	border-radius: 0px;
    clip-path: polygon(0 0, calc(99% - 15px) 0, 140% 73px, 100% 100%, 0 100%);
}

/* Remove floating styling ONLY on search template page */
body.page-template-template-search .advanced-search {
  position: static !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  z-index: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
  box-shadow: none !important;
  clip-path: none;
}

/* === RESPONSIVE ADJUSTMENTS === */
@media (max-width: 992px) {
  .advanced-search .advanced-search-nav {
    bottom: 15px;
    width: 95%;
  }
}

@media (max-width: 768px) {
  .advanced-search .advanced-search-nav {
    position: static !important;
    transform: none !important;
    width: 100%;
    box-shadow: none;
    border-radius: 0;
  }
	
  #nav_menu-5 {
    place-items: baseline !important;
   }
}