/* BoldTrail Agent & Team Toolkit (public styles)
   - Intentionally kept simple + theme-friendly
   - Inspired by the card/grid patterns from your FSO plugin styles
*/
html, body{
  overflow-x: hidden;
}
.btatt-container{max-width:1280px;margin:0 auto;padding:24px;}
.btatt-page-title{margin:24px 0;font-size:2.25rem;font-weight:300;}

.btatt-alert{padding:12px 14px;border:1px solid #ddd;border-radius:6px;background:#fafafa;margin:12px 0;}
.btatt-alert-warning{background:#fff7ed;border-color:#fed7aa;}
.btatt-alert-info{background:#eff6ff;border-color:#bfdbfe;}

.btatt-btn{
  display:inline-block;
  background:#002652;
  color:#fff !important;
  text-decoration:none;
  padding:10px 18px;
  font-weight:700;
  letter-spacing:1px;
  text-transform:uppercase;
  font-size:13px;
  border-radius:0;
}
.btatt-btn:hover{opacity:.92;}

.btatt-card{
  display:flex;
  flex-direction:column;
  border:1px solid #ddd;
  border-radius:0px;
  overflow:hidden;
  background:#fff;
  height:100%;
  box-shadow:0 2px 6px rgba(0,0,0,0.06);
}
.btatt-card-image{display:block;text-decoration:none;}
.btatt-card-image-bg{height:205px;background-size:cover;background-position:center;background-color:#f0f0f0;}
.btatt-card-body{padding:14px;flex:1 1 auto;}
.btatt-card-title{margin:0 0 8px;font-size:1.25rem !important;font-weight:600;line-height:1 !important;}
.btatt-card-title a{text-decoration:none;}
.btatt-subtitle{font-size:.85rem !important;letter-spacing:1px;text-transform:uppercase;opacity:.75;}
.btatt-card-footer{padding:14px;background:#000;text-align:center;border-top:1px solid #eee;}
.btatt-card-footer .btatt-btn{background:#000;}

.btatt-price{font-size:1.15rem;font-weight:500;margin:8px 0;}
.btatt-price-lg{font-size:1.75rem;}
.btatt-facts{display:flex;gap:12px;flex-wrap:wrap;font-size:.9rem;opacity:.9;}
.btatt-facts span{white-space:nowrap;}
.btatt-facts-lg{font-size:1rem;margin-top:12px;gap:18px;}

.btatt-listings-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(310px,1fr));
  gap:24px;
}

.btatt-agent-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(225px,1fr));
  gap:18px;
}

@media (max-width:980px){
  .btatt-agent-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));}
}

.btatt-featured-slider{margin:10px 0 30px;}
.btatt-featured-slider .btatt-card-image-bg{height:260px;}
.btatt-featured-slider .swiper{padding-bottom:40px;}
.btatt-featured-slider .swiper-button-prev,
.btatt-featured-slider .swiper-button-next{color:#000;}
.btatt-featured-slider .swiper-pagination-bullet-active{background:#000;}

.btatt-agent-hero{padding:30px 0;}
.btatt-agent-hero-inner{display:flex;gap:24px;align-items:center;flex-wrap:wrap;}
.btatt-agent-photo img{width:180px;height:180px;border-radius:999px;object-fit:cover;border:1px solid #ddd;}
.btatt-agent-name{margin:0;font-size:2.25rem;font-weight:300;}
.btatt-agent-title{margin-top:6px;font-size:1rem;letter-spacing:1px;text-transform:uppercase;opacity:.75;}
.btatt-agent-contact{margin-top:10px;display:flex;flex-direction:column;gap:6px;}
.btatt-agent-contact a{text-decoration:none;}

.btatt-section{padding:24px 0;border-top:1px solid #eee;}
.btatt-section h2{margin:0 0 14px;font-size:1.5rem;font-weight:600;}
.btatt-contact-form{max-width:720px;}
.btatt-form-row{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;}
.btatt-form-row input,.btatt-form-row textarea{
  border:1px solid #ddd;border-radius:4px;padding:12px;
}

.btatt-listing-top{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:start;}
@media (max-width:900px){.btatt-listing-top{grid-template-columns:1fr;}}
.btatt-listing-hero-img{width:100%;height:auto;border-radius:8px;border:1px solid #eee;}
.btatt-desc{margin-top:12px;}

.btatt-directory-controls{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:14px 0 18px;flex-wrap:wrap;}
.btatt-search{padding:12px;border:1px solid #ddd;border-radius:6px;min-width:260px;}
.btatt-sort{padding:12px;border:1px solid #ddd;border-radius:6px;}


/* Testimonials (CPT output) */
.btatt-testimonials-list{display:flex;flex-direction:column;gap:18px;}
.btatt-testimonials-layout-grid .btatt-testimonials-list{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
  gap:18px;
}
.btatt-testimonial{
  border:1px solid #ddd;
  border-radius:8px;
  padding:16px;
  background:#fff;
  box-shadow:0 2px 6px rgba(0,0,0,0.04);
}
.btatt-testimonial-client{margin:0 0 8px;font-size:1.05rem;font-weight:700;}
.btatt-testimonial-rating{font-size:.9rem;letter-spacing:1px;text-transform:uppercase;opacity:.75;margin-bottom:10px;}
.btatt-testimonial-date{margin-top:10px;font-size:.85rem;opacity:.7;}


/* ============================
   Testimonials (Hatef-style + CSS variables)
   ============================ */

.btatt-testimonials-template-hatef .btatt-hatef-testimonials{
  background: var(--btatt-tt-section-bg, #f5f6f7);
  padding: var(--btatt-tt-padding-y, 48px) 18px;
}
.btatt-testimonials-template-hatef .btatt-hatef-inner{
  max-width:1180px;
  margin:0 auto;
}
.btatt-testimonials-template-hatef .btatt-hatef-heading{
  text-align:center;
  margin-bottom:22px;
}
.btatt-testimonials-template-hatef .btatt-hatef-title{
  font-family: "Montserrat", Sans-serif;
  font-size: 2.5em;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.2em;
  letter-spacing: 2.5px;
  color: var(--e-global-color-secondary);
}
.btatt-testimonials-template-hatef .btatt-testimonials-list{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap: var(--btatt-tt-gap, 22px);
  align-items:stretch;
}
@media (max-width: 980px){
  .btatt-testimonials-template-hatef .btatt-testimonials-list{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px){
  .btatt-testimonials-template-hatef .btatt-testimonials-list{
    grid-template-columns:1fr;
  }
}
.btatt-testimonials-template-hatef .btatt-testimonial{
  border:1px solid var(--btatt-tt-border, rgba(0,0,0,0.10));
  border-radius: var(--btatt-tt-radius, 8px);
  padding:18px 18px 16px;
  background: var(--btatt-tt-card-bg, #fff);
  box-shadow: var(--btatt-tt-shadow, 0 2px 8px rgba(0,0,0,0.05));
  display:flex;
  flex-direction:column;
  gap:10px;
}
.btatt-testimonials-template-hatef .btatt-t-icon{
  display:flex;
  justify-content:center;
  align-items:center;
  margin-top:2px;
}
.btatt-testimonials-template-hatef .btatt-t-icon img{
  height: var(--btatt-tt-icon-size, 18px);
  width:auto;
  opacity:0.85;
}
.btatt-testimonials-template-hatef .btatt-quote{
  margin:0;
  font-size: var(--btatt-tt-quote-size, 1rem);
  line-height:1.55;
}
.btatt-testimonials-template-hatef .btatt-author{
  margin:0;
  font-size: var(--btatt-tt-author-size, .95rem);
  font-weight:700;
  opacity:.9;
}
.btatt-testimonials-template-hatef .btatt-hatef-button{
  display:flex;
  justify-content:center;
  margin-top:26px;
}
.btatt-testimonials-template-hatef .btatt-btn--dark{
  background:#000 !important;
  color:#fff !important;
}

/* =========================================
   Featured Properties slider (Hatef-style)
   ========================================= */

/* Full bleed slide with image */
.featured-properties {
  position: relative;
}

.featured-properties__slide {
  position: relative;
  overflow: hidden;        /* no radius, but keeps overlay clean */
  border-radius: 0 !important;
}

/* Image full size */
.featured-properties__slide .img {
  width: 100%;
  height: 70vh;
  min-height: 520px;
  object-fit: cover;
  display: block;
  border-radius: 0 !important;
}

/* Make the slide itself create the overlay */
.featured-properties__slide::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.45); /* adjust opacity */
  z-index: 1;
}

/* Overlay covers ENTIRE image */
/* .featured-properties__slide .container {
  position: absolute;
  inset: 0;                
  max-width: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: flex-end;   
  z-index: 2;  
}*/

.featured-properties__slide .container{
  position:absolute;
  inset:0;
  z-index:2;
  color: #fff;

  /* NEW: grid controls both text + button */
  display:grid;
  grid-template-columns: 3fr 1fr;  /* 75/25 */
  align-items:end;                /* keep block at bottom */
  column-gap:24px;

  /* spacing around bottom like example */
  padding: 28px 18px;
  max-width:1400px;
  margin: 0 auto;
}

p.featured-properties-desc-full__left.feature {
    color: #fff;
}

/* Bottom content area 
.featured-properties-desc-holder {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 28px 18px 28px;
  background: transparent !important;
  color: #fff;
  border-radius: 0 !important;
  box-sizing: border-box;
  display:grid;
  grid-template-columns: 3fr 1fr;   
  align-items:center;              
  column-gap:24px;
}*/

.featured-properties-desc-holder{
  grid-column:1 / 2;
  margin:0;
  padding:0;
  background:transparent !important;
}

/* Left side contains the text blocks */
.featured-properties-desc-short,
.featured-properties-desc-full{
  grid-column: 1 / 2;
}

/* Right side contains the button */
.featured-properties-btn-holder{
  grid-column: 2 / 3;
  margin-top:0;                 /* remove the spacing you had */
  display:flex;
  justify-content:flex-end;     /* align button to the right */
  align-items:center;           /* center vertically */
}

@media (max-width: 900px){
  .featured-properties-desc-holder{
    grid-template-columns: 1fr;
    row-gap:14px;
  }

  .featured-properties-desc-short,
  .featured-properties-desc-full,
  .featured-properties-btn-holder{
    grid-column: 1 / 2;
  }

  .featured-properties-btn-holder{
    justify-content:flex-start;   /* button left on mobile (or center if you want) */
  }
  .featured-properties__slide .container{
      grid-template-columns:1fr;
      row-gap:14px;
      align-items:end;
      align-content:end;
    }

    .featured-properties-desc-holder,
    .featured-properties-btn-holder{
      grid-column:1 / 2;
    }

    .featured-properties-btn-holder{
      justify-content:flex-start; /* or center */
    }
    
}

.featured-properties-desc-short h6 {
  margin: 0 0 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  opacity: .95;
  color: #fff !important;
}

.featured-properties-desc-short .lp-h3 {
  margin: 0 0 12px;
  font-weight: 600;
  color: #fff;
}

.featured-properties-desc-short .feature {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.featured-properties-desc-short .feature li {
  color: #fff;
  opacity: .95;
}

/* .featured-properties-desc-full {
  margin-top: 16px;
  display: grid;
  grid-template-columns: 1.25fr .75fr;
  gap: 18px;
} */

.featured-properties-desc-full {
  display: block;
  margin-top: 14px;
}

@media (max-width: 900px) {
    .featured-properties-desc-full {
        display: none;
    }
  }

.featured-properties-desc-full__left {
  margin: 0;
}

.featured-properties-desc-full__right {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}

.featured-properties-desc-full__right li {
  border: 1px solid rgba(255,255,255,0.35);
  background: rgba(255,255,255,0.10);
  padding: 10px 10px;
  text-align: center;
  border-radius: 0 !important;
}

.featured-properties-desc-full__right p {
  margin: 0;
  font-weight: 700;
  color: #fff;
}

.featured-properties-desc-full__right strong {
  display: block;
  margin-top: 4px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  opacity: .9;
  color: #fff;
}

/* Button aligned like example */
/* .featured-properties-btn-holder {
  margin-top: 18px;
}*/

.featured-properties-btn-holder .btn {
  display: inline-flex;
  align-items: center;
  background-color: transparent !important;
  gap: 6px;
  text-decoration: none !important;
  border-radius: 0 !important;
  font-family: var(--e-global-typography-f626853-font-family), Sans-serif;
  font-size: var(--e-global-typography-f626853-font-size);
  font-weight: var(--e-global-typography-f626853-font-weight);
  text-transform: var(--e-global-typography-f626853-text-transform);
  line-height: var(--e-global-typography-f626853-line-height);
  letter-spacing: var(--e-global-typography-f626853-letter-spacing);
  color: var(--e-global-color-a6411da);
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #fff !important;
  padding: 20px 40px 20px 40px !important;}

/* Remove slick dots entirely */
.featured-properties .slick-dots {
  display: none !important;
}

/* =========================================
   Arrows (match example style)
   ========================================= */

.featured-properties .slick-arrow {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  padding: 0 !important;
  width: 40px;
  height: 40px;
  border: 2px solid #fff;
  background: transparent;
  font-size: 0;            /* hide text */
  z-index: 10;
  cursor: pointer;
  border-radius: 0 !important;
}

/* Put arrows near left/right edges like example */
.featured-properties .slick-prev { left: 47px; }
.featured-properties .slick-next { right: 48px; }

/* Arrow chevrons using :before like your snippet */
.featured-properties .slick-arrow:before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border: 2px solid;
  opacity: 1;
  position: absolute;
  top: 50%;
  margin: -7px 0 0 -7px;
  padding: 0;
  transform: rotate(45deg);
  transform-origin: 50% 50%;
  transition: border-color .3s, background-color .3s;
}

.featured-properties .slick-prev:before {
  border-color: transparent transparent #fff #fff;
  left: 60%;
}

.featured-properties .slick-next:before {
  border-color: #fff #fff transparent transparent;
  left: 40%;
}

/* Hover */
.featured-properties .slick-arrow:hover {
  background: rgba(255,255,255,0.15);
}

/* Mobile layout */
@media (max-width: 900px) {
  .featured-properties__slide .img {
    height: 60vh;
    min-height: 420px;
  }
  .featured-properties-desc-full {
    grid-template-columns: 1fr;
  }
  .featured-properties-desc-full__right {
    grid-template-columns: repeat(2, 1fr);
  }
  .featured-properties .slick-prev { left: 16px; }
  .featured-properties .slick-next { right: 16px; }
}

.property-intro-bg-slider,
.btatt-property-intro-nav{
  max-width: 100%;
  overflow: hidden;
}

/* HERO full-bleed behind header/nav */
.btatt-property-intro{
  position: relative;
  margin-top: -120px;     /* adjust to your header height */
  padding-top: 0;     /* same as margin-top, so content starts below nav if needed */
}

.property-intro-bg-slider .img{
  width: 100%;
  height: 100vh;          /* full viewport */
  object-fit: cover;
  display: block;
  border-radius: 0 !important;
}

/* Center address vertically and horizontally */
.btatt-hero-center{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  z-index:2;
  text-align:center;
  padding:0 18px;
}

.btatt-hero-address-line1{
  color:#fff;
  font-size: clamp(30px, 4vw, 60px);
  font-weight: 600;
  letter-spacing: 1px;
  margin:0;
  text-shadow: 0 8px 24px rgba(0,0,0,0.45);
}

.btatt-hero-address-line2{
  margin-top:10px;
  color:#fff;
  font-size: clamp(14px, 1.2vw, 18px);
  letter-spacing: 2px;
  text-transform: uppercase;
  opacity: 0.95;
  text-shadow: 0 8px 24px rgba(0,0,0,0.45);
}

/* Dark overlay over entire slide */
.property-intro-bg-slider-item{
  position:relative;
}
.property-intro-bg-slider-item::after{
  content:none !important;
}

/* Tabs bottom-right */
.btatt-hero-bottom-right{
  position:absolute;
  right: 5%;
  bottom: 25%;
  z-index: 3;
  display:flex;
  gap:10px;
}

.btatt-hero-bottom-right .btatt-tab-btn{
  width: 44px;
  height: 44px;
  border: 2px solid rgba(255,255,255,0.9);
  background: transparent;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.btatt-hero-bottom-right .btatt-tab-btn svg{
  width: 22px;
  height: 22px;
  stroke: #fff;
}

/* Listing hero thumbnail strip */
.btatt-property-intro-nav{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 18px;
  z-index: 2;
  padding: 0 18px;
}

.btatt-property-intro-nav .btatt-thumb{
  padding: 0 6px;
  box-sizing: border-box;
  position: relative;
}

.btatt-property-intro-nav .btatt-thumb img{
  width: 100%;
  height: 72px;
  object-fit: cover;
  border: none;
  border-radius: 0 !important;
  opacity: 0.85;
}

.btatt-property-intro-nav .slick-current .btatt-thumb:after{
  content:"";
  position:absolute;
  left:6px;
  right:6px;
  bottom:-6px;
  height:2px;
  background:#fff;
}

.btatt-property-intro-nav .slick-current img{
  border-color: #fff;
  opacity: 1;
}

/* =========================================
   Listing hero slider arrows (match featured slider)
   Applies ONLY to the hero slider
   ========================================= */

.property-intro-bg-slider.cls-slick-arrows .slick-arrow{
  position:absolute;
  top:50%;
  margin-top:-20px;
  width:40px;
  height:40px;
  border:2px solid #fff;
  background:transparent;
  font-size:0;              /* hide button text */
  padding:0 !important;
  cursor:pointer;
  z-index:5;                /* above overlay */
  border-radius:0 !important;
}

/* Position */
.property-intro-bg-slider.cls-slick-arrows .slick-prev{ left:5%; }
.property-intro-bg-slider.cls-slick-arrows .slick-next{ right:5%; }

/* Disable slick-theme font icons */
.property-intro-bg-slider.cls-slick-arrows .slick-prev:before,
.property-intro-bg-slider.cls-slick-arrows .slick-next:before{
  content:"";
}

/* Defensive: prevent any arrow pseudo elements inside thumb nav */
.btatt-property-intro-nav .slick-arrow:before,
.btatt-property-intro-nav .slick-arrow:after {
  content: none !important;
}

/* Chevron style (same as featured slider) */
.property-intro-bg-slider.cls-slick-arrows .slick-arrow:after{
  content:"";
  display:block;
  width:14px;
  height:14px;
  border:2px solid;
  position:absolute;
  top:50%;
  margin:-7px 0 0 -7px;
  transform:rotate(45deg);
  transform-origin:50% 50%;
}

/* Left chevron */
.property-intro-bg-slider.cls-slick-arrows .slick-prev:after{
  border-color: transparent transparent #fff #fff;
  left:60%;
}

/* Right chevron */
.property-intro-bg-slider.cls-slick-arrows .slick-next:after{
  border-color: #fff #fff transparent transparent;
  left:40%;
}

/* Hover */
.property-intro-bg-slider.cls-slick-arrows .slick-arrow:hover{
  background: rgba(255,255,255,0.15);
}

@media (max-width: 900px){
  .property-intro-bg-slider.cls-slick-arrows .slick-prev{ left:16px; }
  .property-intro-bg-slider.cls-slick-arrows .slick-next{ right:16px; }
}

/* Never show slick arrows on the thumbnail strip */
.btatt-property-intro-nav .slick-arrow,
.btatt-property-intro-nav .slick-prev,
.btatt-property-intro-nav .slick-next {
  display: none !important;
}

.btatt-property-title-block{
  max-width: 1400px;
  text-align: center;
  margin: 3% auto;
  padding: 0 18px;
  color: #111;
}

.btatt-property-title-line1{
  color: #111 !important;
  margin: 0;
  font-size: 1.75rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.5px;
}

.btatt-property-title-line2{
  margin-top: 8px;
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  opacity: 0.75;
}

.btatt-property-title-price{
  margin-top: 10px;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 1px;
}

.btatt-share-icons{
  margin-top: 18px;
  display: flex;
  gap: 12px;
  align-items: center;
}

.btatt-share-icon{
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #000;
  color: #000;
  text-decoration: none;
  background: transparent;
}

.btatt-share-icon svg{
  width: 22px;
  height: 22px;
}

.btatt-share-icon:hover{
  background: #000;
  color: #fff;
}

/* Highlights Box */
.btatt-highlights ul.btatt-highlights-rows{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:0;
}

.btatt-highlights ul.btatt-highlights-rows li{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:10px 0;
  border-bottom:1px solid #ddd;
  background:transparent;     /* keep inside grey box clean */
}

.btatt-highlights ul.btatt-highlights-rows li:last-child{
  border-bottom:0;
}

.btatt-highlights ul.btatt-highlights-rows strong{
  font-weight:300;
}

.btatt-highlights ul.btatt-highlights-rows span{
  text-align:right;
  opacity:.85;
}

/* Features & Amenities - 2 equal columns */
.btatt-features-amenities{
  padding: 40px 0;
  border-top: 1px solid #eee;
}

.btatt-fa-h2{
  text-align: center;
  margin: 25px 0 75px;
  font-size: 1.6rem !important;
  font-weight: 300;
}

.btatt-fa-cols{
  display: grid;
  grid-template-columns: 1fr 1fr; /* equal columns */
  gap: 0 10%;
}

.btatt-fa-section{
  margin-bottom: 10%;
}

.btatt-fa-title{
  margin: 0 0 10px;
  padding-bottom: 15px;    
  font-size: 1.1rem !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 300;
  border-bottom: #eee 1px solid;
}

.btatt-fa-list{
  list-style: none;
  margin: 0;
  padding: 0;
}

.btatt-fa-list li{
  display: flex;
  justify-content: space-between;
  gap: 14px;
  padding: 10px 0;
}

.btatt-fa-list strong{
  font-weight: 300;
  max-width: 45%;
}

.btatt-fa-value{
  text-align: right;
  opacity: .85;
  max-width: 45%;
  word-break: break-word;
}

.btatt-fa-value a{
  text-decoration: underline;
}

/* Force Features & Amenities into 2 equal columns */

.btatt-features-amenities .btatt-fa-col{
  min-width: 0; /* prevents overflow pushing columns */
}

.btatt-features-amenities .btatt-container > .btatt-fa-cols{
  display:grid !important;
}

.btatt-container.photo-grid {
    max-width: 100%;
}

@media (max-width: 767px){
  .btatt-fa-cols{
    grid-template-columns: 1fr;
  }
  .btatt-fa-list strong,
  .btatt-fa-value{
    max-width: none;
  }
}

button.mapboxgl-popup-close-button {
    padding: 5px 8px !important;
}

.btatt-listing-map-section{
  padding: 40px 0;
  border-top: 1px solid #eee;
}
/* status badge */
.btatt-badge{
  position:absolute;
  top:10px;
  left:10px;
  z-index:5;
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  font-size:12px;
  font-weight:600;
  line-height:1;
  border-radius:0px;
  background:rgba(0,0,0,.75);
  color:#fff;
  backdrop-filter: blur(6px);
}