/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/
Description: Hello Elementor Child Theme for Droning.es (Minimal Code Version)
Author: Antigravity
Template: hello-elementor
Version: 1.1.0
Text Domain: hello-elementor-child
*/

/* Custom Font: Resonate */
@font-face {
    font-family: 'Resonate';
    src: url('fonts/Resonate-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Resonate';
    src: url('fonts/Resonate-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Resonate';
    src: url('fonts/Resonate-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Resonate';
    src: url('fonts/Resonate-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Resonate';
    src: url('fonts/Resonate-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Resonate';
    src: url('fonts/Resonate-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

/* Base Settings */
body {
    overflow-x: hidden;
}

/* Apply Resonate globally to all elements as a solid fallback */
*, body, p, span, a, h1, h2, h3, h4, h5, h6, li, input, textarea, button, select, option, label {
    font-family: 'Resonate', 'Roboto', sans-serif !important;
}

/* Floating Glassmorphism Header */
/* (This requires fixed positioning layout that is cleaner via child theme CSS) */
header.elementor-location-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
    background: rgba(50, 62, 72, 0.4) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
    padding: 10px 0 !important;
}

header.elementor-location-header .elementor-container {
    max-width: 1200px !important;
}

header.elementor-location-header .elementor-item {
    font-family: 'Resonate', sans-serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    color: #ffffff !important;
    padding: 8px 16px !important;
    transition: all 0.3s ease !important;
}

header.elementor-location-header .elementor-item:hover,
header.elementor-location-header .elementor-item.elementor-item-active,
header.elementor-location-header .elementor-item.highlighted {
    color: #75bb72 !important; /* Bright Leaf Green accent */
}

/* Benefits Section Icon Filter */
/* Natively maps PNG icons in the home_icons grid to clean white */
.home_icons img {
    filter: brightness(0) invert(1) !important;
    opacity: 0.95 !important;
    max-width: 55px !important;
    height: auto !important;
}

/* Crop Hero Section and its child video/overlays to asymmetric rounded corners */
.elementor-element-778782e2 {
    border-radius: 60px 300px 60px 300px !important;
    overflow: hidden !important;
}

.elementor-element-778782e2 > .elementor-container,
.elementor-element-778782e2 > .elementor-background-video-container,
.elementor-element-778782e2 > .elementor-background-overlay {
    border-radius: 60px 300px 60px 300px !important;
    overflow: hidden !important;
}

@media (max-width: 1024px) {
    .elementor-element-778782e2,
    .elementor-element-778782e2 > .elementor-container,
    .elementor-element-778782e2 > .elementor-background-video-container,
    .elementor-element-778782e2 > .elementor-background-overlay {
        border-radius: 40px 180px 40px 180px !important;
    }
}

@media (max-width: 767px) {
    .elementor-element-778782e2,
    .elementor-element-778782e2 > .elementor-container,
    .elementor-element-778782e2 > .elementor-background-video-container,
    .elementor-element-778782e2 > .elementor-background-overlay {
        border-radius: 30px 120px 30px 120px !important;
    }
}

/* Force crop and border-radius on Call to Action widgets and their containers */
.elementor-widget-call-to-action,
.elementor-widget-call-to-action .elementor-widget-container,
.elementor-widget-call-to-action .elementor-cta {
    border-radius: 40px 180px 40px 180px !important;
    overflow: hidden !important;
}

@media (max-width: 1024px) {
    .elementor-widget-call-to-action,
    .elementor-widget-call-to-action .elementor-widget-container,
    .elementor-widget-call-to-action .elementor-cta {
        border-radius: 30px 100px 30px 100px !important;
    }
}

/* Force crop and border-radius on Benefit cards (Image Box widgets inside home_icons) */
.home_icons .elementor-widget-image-box,
.home_icons .elementor-widget-image-box .elementor-widget-container {
    border-radius: 20px 80px 20px 80px !important;
    overflow: hidden !important;
}

@media (max-width: 1024px) {
    .home_icons .elementor-widget-image-box,
    .home_icons .elementor-widget-image-box .elementor-widget-container {
        border-radius: 15px 50px 15px 50px !important;
    }
}