/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
.jubilee-curve {
    border-radius: 10px 10px 10px 130px !important; /* Jubilee's signature bottom-left clip */
    overflow: hidden !important;
    position: relative;
    /* Forces hard clipping for hardware-accelerated elements like sliders */
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}

/**
 * Elementor Slider Fix
 * Use this to force internal slider layers to respect the jubilee-curve.
 */
.jubilee-curve .elementor-slides-wrapper,
.jubilee-curve .swiper-slide,
.jubilee-curve .elementor-slide-background {
    border-radius: inherit !important;
}

/**
 * Dark Hero Overlay
 * Exact match from Jubilee's source code (0.45 opacity).
 */
.jubilee-overlay {
    position: relative;
}

.jubilee-overlay::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.45); 
    z-index: 0;
    pointer-events: none;
}

/* Ensures slider content/text stays above the overlay tint */
.jubilee-overlay .elementor-slide-content,
.jubilee-overlay > .elementor-widget-wrap,
.jubilee-overlay > .elementor-container {
    position: relative;
    z-index: 1;
}

/**
 * Hover Lift Effect
 * Apply 'jubilee-card' to your product/service containers.
 */
.jubilee-card {
    transition: transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out !important;
}

.jubilee-card:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1) !important;
}

/**
 * Navigation Styling (Slider Dots)
 * Matches the red active dot from your screenshot.
 */
.jubilee-curve .swiper-pagination-bullet-active {
    background-color: #BA0C2F !important;
}

/* --- RESPONSIVE ADJUSTMENTS --- */

@media (max-width: 768px) {
    /* Reduce curve intensity for mobile readability */
    .jubilee-curve {
        border-radius: 10px 10px 10px 80px !important;
    }
    
    /* Slightly decrease lift for mobile touch interactions */
    .jubilee-card:hover {
        transform: translateY(-5px) !important;
    }

    /* Ensure text alignment remains clean on mobile */
    .jubilee-curve .elementor-slide-content {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}