.elementor-20471 .elementor-element.elementor-element-359be109{padding:0px 0px 0px 0px;}.elementor-20471 .elementor-element.elementor-element-74fe4b87:not(.elementor-motion-effects-element-type-background), .elementor-20471 .elementor-element.elementor-element-74fe4b87 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-20471 .elementor-element.elementor-element-74fe4b87 > .elementor-container{max-width:1340px;}.elementor-20471 .elementor-element.elementor-element-74fe4b87{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 32px 36px 32px;}.elementor-20471 .elementor-element.elementor-element-74fe4b87 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-20471 .elementor-element.elementor-element-66c4348e > .elementor-widget-container{margin:0px 0px 14px 0px;}.elementor-20471 .elementor-element.elementor-element-66c4348e .elementor-heading-title{color:#081a2f;}.elementor-20471 .elementor-element.elementor-element-57ee782e:not(.elementor-motion-effects-element-type-background), .elementor-20471 .elementor-element.elementor-element-57ee782e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-20471 .elementor-element.elementor-element-57ee782e > .elementor-container{max-width:1340px;}.elementor-20471 .elementor-element.elementor-element-57ee782e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:56px 32px 96px 32px;}.elementor-20471 .elementor-element.elementor-element-57ee782e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-20471 .elementor-element.elementor-element-2c4850b9 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-20471 .elementor-element.elementor-element-2c4850b9 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-20471 .elementor-element.elementor-element-2c4850b9 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-20471 .elementor-element.elementor-element-2c4850b9 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-20471 .elementor-element.elementor-element-2c4850b9 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-20471 .elementor-element.elementor-element-2c4850b9 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-20471 .elementor-element.elementor-element-2c4850b9 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-20471 .elementor-element.elementor-element-2c4850b9 .elementor-field-type-html{padding-bottom:0px;}.elementor-20471 .elementor-element.elementor-element-2c4850b9 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-20471 .elementor-element.elementor-element-2c4850b9 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-20471 .elementor-element.elementor-element-2c4850b9 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-20471 .elementor-element.elementor-element-2c4850b9 .elementor-button[type="submit"]{color:#ffffff;}.elementor-20471 .elementor-element.elementor-element-2c4850b9 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-20471 .elementor-element.elementor-element-2c4850b9 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-20471 .elementor-element.elementor-element-2c4850b9 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-20471 .elementor-element.elementor-element-2c4850b9 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-20471 .elementor-element.elementor-element-2c4850b9 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-20471 .elementor-element.elementor-element-2c4850b9 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-20471 .elementor-element.elementor-element-2c4850b9{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}/* Start custom CSS for shortcode, class: .elementor-element-9ef0f0a *//* Amenities — check-circle list */
.amenities-list{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:18px 32px !important;
}
.amenities-list__item{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  font-size:15px;
  color:var(--ink);
}
.amenities-list__item .amenity-check{
  color:var(--gold);
  flex-shrink:0;
  width:20px;
  height:20px;
}
.amenities-list__item span{ color:var(--ink); }

@media(max-width:900px){ .amenities-list{ grid-template-columns:repeat(2,1fr) !important; } }
@media(max-width:560px){ .amenities-list{ grid-template-columns:1fr !important; } }/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6ecb7ced */add_shortcode('briza_floorplans', function() {
    // Layout order matches the ACF tabs. slug => label
    $layouts = [
        'studio'    => 'Studio',
        '1br'       => '1 Bedroom',
        '2br'       => '2 Bedroom',
        '3br'       => '3 Bedroom',
        '4br'       => '4 Bedroom',
        '5br'       => '5 Bedroom',
        'ph'        => 'Penthouse',
        'duplex'    => 'Duplex',
        'villa'     => 'Villa',
        'townhouse' => 'Townhouse',
    ];

    // Collect only layouts that have a Built-up Area filled
    $active = [];
    foreach ($layouts as $slug => $label) {
        $area = get_field("briza_plan_{$slug}_area");
        if (!empty($area)) {
            $active[$slug] = $label;
        }
    }

    // If no layouts have data, hide the whole section
    if (empty($active)) return '';

    $tabs_nav = '';
    $tabs_content = '';
    $first = true;

    foreach ($active as $slug => $label) {
        $active_class = $first ? ' is-active' : '';

        $area    = get_field("briza_plan_{$slug}_area");
        $plot    = get_field("briza_plan_{$slug}_plot");
        $balcony = get_field("briza_plan_{$slug}_balcony");
        $baths   = get_field("briza_plan_{$slug}_baths");
        $view    = get_field("briza_plan_{$slug}_view");
        $price   = get_field("briza_plan_{$slug}_price");
        $image   = get_field("briza_plan_{$slug}_image");
        $pdf     = get_field("briza_plan_{$slug}_pdf");

        $tabs_nav .= '<button class="plans__tab'.$active_class.'" data-tab="'.$slug.'">'.esc_html($label).'</button>';

        $img_html = $image
            ? '<img src="'.esc_url(is_array($image) ? $image['url'] : $image).'" alt="'.esc_attr($label).' floor plan">'
            : '<span class="plans__image-label">Floor Plan &middot; '.esc_html($label).'</span>';

        $dims = '';
        if ($area)    $dims .= '<li><span>Built-up Area</span><span>'.esc_html($area).'</span></li>';
        if ($plot)    $dims .= '<li><span>Plot Size</span><span>'.esc_html($plot).'</span></li>';
        if ($balcony) $dims .= '<li><span>Balcony / Terrace</span><span>'.esc_html($balcony).'</span></li>';
        if ($baths)   $dims .= '<li><span>Bathrooms</span><span>'.esc_html($baths).'</span></li>';
        if ($view)    $dims .= '<li><span>View / Parking</span><span>'.esc_html($view).'</span></li>';
        if ($price)   $dims .= '<li><span>Starting Price</span><span>'.esc_html($price).'</span></li>';

        $pdf_btn = $pdf
            ? '<a href="'.esc_url(is_array($pdf) ? $pdf['url'] : $pdf).'" class="btn btn--ghost" target="_blank">Download Plan</a>'
            : '';

        // Image full-width on top, details below — no duplicate heading
        $tabs_content .= '<div class="plans__content'.$active_class.'" data-content="'.$slug.'">'
            . '<div class="plans__image">'.$img_html.'</div>'
            . '<div class="plans__details">'
            . '<ul class="plans__dims">'.$dims.'</ul>'
            . $pdf_btn
            . '</div></div>';

        $first = false;
    }

    // Heading removed — the Elementor template already shows "LAYOUTS / Floor Plans"
    $out  = '<div class="plans__tabs">'.$tabs_nav.'</div>';
    $out .= $tabs_content;

    // Scoped tab-switch JS
    $out .= '<script>
    (function(){
      var root = document.currentScript.closest(".plans__shortcode") || document;
      var tabs = root.querySelectorAll(".plans__tab");
      var contents = root.querySelectorAll(".plans__content");
      tabs.forEach(function(t){
        t.addEventListener("click", function(){
          var tgt = t.getAttribute("data-tab");
          tabs.forEach(function(x){x.classList.remove("is-active");});
          contents.forEach(function(c){c.classList.remove("is-active");});
          t.classList.add("is-active");
          var pane = root.querySelector(".plans__content[data-content=\\""+tgt+"\\"]");
          if (pane) pane.classList.add("is-active");
        });
      });
    })();
    </script>';

    return $out;
});/* End custom CSS */