/* Your CSS code goes here
-------------------------------------- */
@font-face {
    font-family: 'ArabicCustom';
    src: url('/wp-content/themes/houzez-child/fonts/ge-ss-two-light.woff2') format('woff2'),
         url('/wp-content/themes/houzez-child/fonts/ge-ss-two-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html[lang="ar"] * {
    font-family: 'ArabicCustom', sans-serif;
}


@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;
  bottom: 55px; /* adjust vertical distance from bottom */
  margin: 0 auto;
  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(24px 0, 100% 0, 100% 100%, 0 100%, 0 29px);
}

.advanced-search-v1 > .d-flex > .flex-search > button {
	border-radius: 0px;
    clip-path: polygon(18px 0, 100% 0, 100% 100%, 0 100%, 0 19px);
}

/* 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;
   }
}