/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/

.mhg-search-hero h1 {
  font-size: 55px;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 10px;
}

.mhg-search-hero-subtext {
  font-size: 1.25rem;     
  line-height: 1.6; 
  margin: 5px 0 0;   
  color: #ededed;           
  font-weight: 400;
}

/* Mobile adjustment */
@media (max-width: 600px) {
  .mhg-search-hero h1 {
    font-size: 32px;
    line-height: 1.25;
  }
}




@media (max-width: 768px) {
  .hero h1 {
    font-size: 2.2rem;
    line-height: 1.2;
  }
}

.hero-subtext {
  font-size: 1.75rem;     
  line-height: 1.6; 
  margin: 5px 0 0;   
  color: #ededed;           
  font-weight: 400;
}

@media (max-width: 768px) {
  .hero-subtext {
    font-size: 1.65rem;
    margin-top: 10px;
    padding: 0 10px;
  }
}



.mhg-city-grid a {
  text-decoration: none;
  color: #1f5fa8;
  display: inline-block;
  padding: 4px 0;
}

.mhg-city-grid a:hover {
  text-decoration: underline;
}

.mhg-city-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px 30px;
}

@media (max-width: 992px) {
  .mhg-city-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 600px) {
  .mhg-city-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.mhg-city-count {
  color: #777;
  font-size: 0.9em;
  margin-left: 4px;
}
.mhg-city-count {
  font-weight: 500;
}

.mhg-city-grid {
  display: grid;
  gap: 8px 30px;
}

/* Desktop column options */
.mhg-col-3 { grid-template-columns: repeat(3, 1fr); }
.mhg-col-4 { grid-template-columns: repeat(4, 1fr); }
.mhg-col-5 { grid-template-columns: repeat(5, 1fr); }
.mhg-col-6 { grid-template-columns: repeat(6, 1fr); }

/* Tablet */
@media (max-width: 992px) {
  .mhg-city-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

/* Mobile */
@media (max-width: 600px) {
  .mhg-city-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}





/* ===== Search Form  ===== */

.mhg-search-form {
  background-color: #1565a5 !important;
  padding: 28px !important;
  border-radius: 10px !important;
}

.mhg-search-form .mhg-search-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
  align-items: center !important;
}

/* Force uniform input styling */
.mhg-search-form select.form-select {
  width: 100% !important;
  height: 52px !important;
  padding: 0 14px !important;
  font-size: 16px !important;
  border-radius: 8px !important;
  border: none !important;
  box-shadow: none !important;
}

/* Force button styling */
.mhg-search-form button {
  height: 52px !important;
  padding: 0 22px !important;
  background-color: #B60410 !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  border-radius: 8px !important;
  border: none !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

.mhg-search-form button:hover {
  background-color: #8e030c !important;
}

/* Tablet */
@media (max-width: 992px) {
  .mhg-search-form .mhg-search-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* Mobile */
@media (max-width: 600px) {
  .mhg-search-form .mhg-search-grid {
    grid-template-columns: 1fr !important;
  }
}

.mhg-search-form select.form-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  padding-right: 36px; /* space for custom arrow */
  background-image: url("data:image/svg+xml;utf8,<svg fill='%23ffffff' height='10' viewBox='0 0 20 20' width='10' xmlns='http://www.w3.org/2000/svg'><path d='M5 7l5 5 5-5z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 12px;
}

/* Mobile full-width button */
@media (max-width: 600px) {
  .mhg-search-form button {
    width: 100% !important;
    display: block;
  }
}