/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.4.6
	Stable tag: 3.4.6
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/

/* ================================================
   Labareda — CSS Global do Tema
   ================================================ */

/* ── Read More (Continue lendo) ──────────────────
   Estrutura no Elementor:
     Container externo  → CSS Class: lbd-read-more-outer
       Container texto  → CSS Class: lbd-read-more-wrap
         Widget JetEngine / Texto
       Widget Botão     → CSS Class: lbd-read-more-btn
─────────────────────────────────────────────────── */

/* Especificidade alta para sobrescrever estilos de container do Elementor */
.e-con.lbd-read-more-wrap,
.lbd-read-more-wrap {
    position: relative;
    max-height: 320px !important;
    overflow: hidden !important;
    transition: max-height 0.7s ease;
}

.lbd-read-more-wrap::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 160px;
    background: linear-gradient(
        to bottom,
        transparent 0%,
        var(--lbd-fade-color, rgba(234, 234, 236, 0.85)) 50%,
        var(--lbd-fade-color, rgba(234, 234, 236, 1)) 100%
    );
    pointer-events: none;
}

/* Estado expandido — classe adicionada ao container EXTERNO pelo JS */
.lbd-read-more-outer.lbd-expanded .e-con.lbd-read-more-wrap,
.lbd-read-more-outer.lbd-expanded .lbd-read-more-wrap {
    max-height: 9999px !important;
    overflow: visible !important;
    transition: max-height 1s ease;
}

.lbd-read-more-outer.lbd-expanded .lbd-read-more-wrap::after {
    display: none;
}

.lbd-read-more-outer.lbd-expanded .lbd-read-more-btn {
    display: none;
}

/* ── JetEngine Listing Grid Carousel ─────────────
   Permite que o próximo card apareça parcialmente
   e adiciona gradiente fade no lado direito.
─────────────────────────────────────────────────── */

.jet-listing-grid--carousel {
    overflow: hidden;
    position: relative;
}

.jet-listing-grid--carousel .swiper,
.jet-listing-grid--carousel .swiper-container {
    overflow: visible !important;
}

.jet-listing-grid--carousel::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
    height: calc(100% - 50px);
    background: linear-gradient(
        to right,
        transparent 0%,
        rgba(234, 234, 236, 0.6) 45%,
        rgba(234, 234, 236, 1) 100%
    );
    pointer-events: none;
    z-index: 2;
}