/**
 * Theme Name:   Pace 4 Child
 * Description:  Child theme for Pace 4
 * Template:     pace4
 * Version:      1.0.0
 * Author:       Wordliner GmbH
 * Author URI:   https://wordliner.com
 * Text Domain:  pace4-child
 */





/* ============================================================================== */
/* ============ Anfang wlac setting expose und objektlist alex =========== ======== */
/* ============================================================================== */

/* Searchbar wlac  */
.searchbox .p-inputtext.p-component.p-autocomplete-input {
	max-width: 150px;
}

.searchbox #filter_address_range {
	width: 130px!important;
}


@media(max-width:768px){
	.searchbox .p-inputtext.p-component.p-autocomplete-input {
	max-width: 100%!important;
	}
}


/* teaser-setting wlac lists /suchende */
.teaser .p-paginator {display:none!important}
.teaser .searchbox {display:none!important}


/* Wlac objectlist searchbar style */
.searchbox *::placeholder,
.searchbox .p-select-label,
.searchbox .p-multiselect-label,
.searchbox .p-multiselect-label.p-placeholder,
.searchbox .p-placeholder,
.searchbox .p-button-icon.pi.pi-sort-alt,
.p-inputtext.p-component.p-autocomplete-input {
	font-weight:500!important;
	color:var(--wp--preset--color--black)!important;
	font-size:1.1rem!important;	
}




/* Expose custom css */

.header_mobile .p-carousel-indicator-list{
	display:none;
}

@media (max-width: 768px) {
  .header_mobile img {
    aspect-ratio: 1/1 !important;
  }
}
.button_expose span{
	margin-bottom:0!important;
}

.header_mobile div:nth-child(2){
	margin-top:0px;
}


.flexrow div{
	flex-direction:row!important;
	margin:auto 0;
}

@media(max-width:768px){
	.column-gap > div{
		display:block!important;
	}
	
}

.space-between div {
	justify-content:space-between!important;
}


/* Expose energieausweis letter not centered corrction (unitl wlac update) */

#energy-class-pointer {
	justify-content: center !important;
}

/* Expose texts formatting */

.beschreibung, .ausstattung, .sonstige_angaben, .lage {
	overflow-wrap: break-word!important; 
    word-break: break-word!important; 
}


/* Headline Font in Expose */
#wlac-expose h1,
#wlac-expose h2{
/* 	color: var(--wlac-primary-color) !important; */
	font-weight:600!important;
}

a.expose_searchorder_button:hover{
	background:#fff!important;
	color:var(--wp--preset--color--secondary-color, #ff9a00)!important;
}


div#broker-infos-photo-and-infos * {
    word-wrap: break-word;
    word-break: break-word;
}


/* ============================================================================== */
/* ============ Ende wlac setting expose und objektlist alex =========== ======== */
/* ============================================================================== */

/* ===== Logo zentriert (Desktop) ===== */
@media (min-width: 992px) {
  .pace4-navbar__inner:has(> .pace-navbar__slot--logo-mid) { position: relative; }
  .pace4-navbar__inner > .pace-navbar__slot--logo-mid {
    position: absolute; top: 0; bottom: 0; left: 50%;
    transform: translateX(-50%); z-index: 1;
  }
  .pace4-navbar__inner:has(> .pace-navbar__slot--logo-mid) > .pace4-navbar__links { flex: 0 1 auto; margin-right: auto; }
  .pace4-navbar__inner:has(> .pace-navbar__slot--logo-mid) > .pace4-navbar__buttons { flex: 0 1 auto; }
}

/* 992–1759px: etwas kompakter, damit nichts unter das Logo läuft */
@media (min-width: 992px) and (max-width: 1759px) {
  .pace4-navbar__inner { width: 94%; }
  .pace4-navbar__inner .pace4-navbar__logo-img { width: 190px !important; }
  .pace4-navbar__inner .pace4-navbar__btn { padding-left: 16px; padding-right: 16px; font-size: 15px !important; }
  .pace4-navbar__inner .pace4-navbar__link { padding-left: 8px; padding-right: 8px; font-size: 15px !important; }
  .pace4-navbar__inner .pace4-navbar__icon { padding-left: 4px; padding-right: 4px; }
}
@media (min-width: 992px) and (max-width: 1499px) {
  .pace4-navbar__inner .pace4-navbar__logo-img { width: 170px !important; }
  .pace4-navbar__inner .pace4-navbar__btn { font-size: 14px !important; }
  .pace4-navbar__inner .pace4-navbar__link { padding-left: 6px; padding-right: 6px; font-size: 14px !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .pace4-navbar__inner .pace4-navbar__logo-img { width: 140px !important; }
  .pace4-navbar__inner .pace4-navbar__link { padding-left: 4px; padding-right: 4px; }
}

/* Mobile: Icons berühren das Logo nicht mehr */
@media (max-width: 480px) {
  .pace4-navbar__inner .pace4-navbar__icon,
  .pace4-navbar__inner .pace4-navbar__hamburger { padding-left: 4px; padding-right: 4px; }
}

/* ===== Mobile (< 992px): Logo links ===== */
@media (max-width: 991px) {
  .pace4-navbar__inner > .pace-navbar__slot--logo-mid {
    position: static; left: auto; transform: none; order: -1;
  }
  /* leere Desktop-Spalten ausblenden */
  .pace4-navbar__inner > .pace4-navbar__links,
  .pace4-navbar__inner > .pace4-navbar__buttons { display: none; }
  /* Icons + Hamburger nach rechts */
  .pace4-navbar__inner > .pace4-navbar__icons { margin-left: auto; }
  .pace4-navbar__inner > .pace4-navbar__hamburger { margin-left: 0; }
  /* Logo größer, skaliert mit der Bildschirmbreite */
  .pace4-navbar__inner .pace4-navbar__logo-img { width: clamp(130px, 40vw, 180px) !important; }
}

.pace-hero-search__form {
    border-radius: 24px;
    overflow: hidden;
}