/*
 Theme Name:   My Listing Child
 Theme URI:    http://mylisting.27collective.net/my-city/
 Description:  MyListing Child Theme
 Author:       27collective
 Author URI:   https://27collective.net/
 Template:     my-listing
 Version:      1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  my-listing-child
*/

html, body,
body button,
body input,
body select,
body textarea {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}

html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body .elementor-heading-title {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}

.fs-tabs .nav-tabs>li>a { background-color: #FFFFFF66 !important;  }
.fs-tabs .nav-tabs>li.active>a { background-color: #FFFFFFFF !important;  }

.region-page-wrapper {
	padding-top: 30px;
	padding-bottom: 40px;
}

.region-content-card {
	max-width: 1000px;
	margin: 0 auto;
	background: #fff;
	padding: 40px;
	border-radius: 12px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.06);
}

.region-title {
	text-align: left;
	margin-bottom: 15px;
}

.region-description {
	text-align: left;
	font-size: 16px;
	line-height: 1.7;
	color: #555;
	margin-bottom: 30px;
}

.region-listings {
	margin-top: 10px;
}

/* tighten grid spacing inside card */
.region-content-card .row {
	margin-left: -10px;
	margin-right: -10px;
}

.region-content-card .col-md-4 {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 20px;
}





#customStyle {
  background: #f6f3ef;
  padding: 48px 18px 64px;
  color: #25201c;
}

#customStyle .region-page-wrapper {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0;
}

#customStyle .region-page-wrapper > .container {
  width: 100%;
  max-width: none;
  padding: clamp(28px, 5vw, 56px);
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(70, 50, 35, 0.08);
  border-radius: 28px;
  box-shadow: 0 18px 50px rgba(38, 28, 20, 0.08);
}

#customStyle .region-content-card {
  max-width: 100%;
}

#customStyle .region-title {
  margin: 0;
  max-width: 900px;
  font-size: clamp(2.4rem, 5vw, 4.8rem);
  line-height: 0.95;
  letter-spacing: -0.055em;
  font-weight: 800;
  color: #1f1a17;
  text-align: left;
}

#customStyle .region-description {
  max-width: 820px;
  margin-top: 24px;
  padding: 0;
  text-align: left;
}

#customStyle .region-description,
#customStyle .region-description p {
  font-size: clamp(1rem, 1.45vw, 1.15rem) !important;
  line-height: 1.75;
  color: #51463f;
}

#customStyle .region-description p {
  margin: 0 0 1.1em;
}

#customStyle .region-description p:last-child {
  margin-bottom: 0;
}

/* Keeps spacing only — does not style MyListing cards */
#customStyle .region-listings {
  margin-top: 38px;
}

#customStyle .results-wrapper {
  margin-top: 0;
}

#customStyle .pagination {
  margin-top: 36px;
}

#customStyle .no-results-wrapper {
  margin-top: 36px;
  padding: 36px 20px;
  background: #fff;
  border-radius: 18px;
}

/* Mobile */
@media (max-width: 768px) {
  #customStyle {
    padding: 28px 14px 48px;
  }

  #customStyle .region-page-wrapper > .container {
    border-radius: 20px;
    padding: 28px 20px;
  }

  #customStyle .region-title {
    letter-spacing: -0.04em;
  }
}

.header-button .buttons { background-color: #dd3333 !important; border-radius: 4px; color: #eee !important; }
.header-button .buttons:hover { background-color: #cc2222 !important; color: #fff !important; }

.footer .row h3 { display: inline-block; margin: 5px 0; padding: 5px 0; }

.footer .row p,
.footer .row h3,
.footer .row li,
.footer .row a { color: #fff !important; }
.footer .row p,
.footer .row li,
.footer .row a { font-size: 18px; }



.lf-item.lf-item-list-view .lf-item-info>ul li { text-wrap: wrap; }

#c27-single-listing .element .pf-body .listing-details.item-count-3>ul.no-list-style>li {
 width: 100% !important;
}
#c27-single-listing .element .pf-body>.listing-details.item-count-2 li, .element .pf-body>.listing-details.item-count-3 li, .element .pf-body>.social-nav.item-count-2 li, .element .pf-body>.social-nav.item-count-3 li {
  width: 100% !important;
}
.profile-name h2 { text-overflow: unset !important; text-wrap: wrap !important; }