/*
Theme Name: Etalasio
Theme URI: https://etalasio.dash.in.net
Author: Etalasio Team
Author URI: https://etalasio.dash.in.net
Description: Custom Modern Elementor Theme for Etalasio UMKM Platform converted directly from @etalasio_html designs.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: etalasio
*/

/* ==========================================================================
   Elementor Full Width Overrides for Etalasio Theme
   ========================================================================== */

/* Ensure main content container is 100% full width */
main.w-full,
.elementor,
.elementor-section-wrap {
    width: 100% !important;
    max-width: 100% !important;
}

/* Ensure Elementor sections stretch full-width edge-to-edge */
.elementor-section,
.elementor-top-section {
    width: 100% !important;
    max-width: 100% !important;
}

/* Override Elementor default boxed container max-width restriction */
.elementor-section.elementor-section-boxed > .elementor-container,
.elementor-section.elementor-section-full_width > .elementor-container,
.elementor-container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Remove Elementor column default 10px gutters so custom theme sections are edge-to-edge */
.elementor-section .elementor-column > .elementor-element-populated,
.elementor-column-gap-default > .elementor-column > .elementor-element-populated,
.elementor-column-gap-narrow > .elementor-column > .elementor-element-populated,
.elementor-column-gap-no > .elementor-column > .elementor-element-populated,
.elementor-widget-wrap.elementor-element-populated,
.elementor-column-gap-default > .elementor-column > .elementor-widget-wrap {
    padding: 0 !important;
}

/* Widget containers full width */
.elementor-widget,
.elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;
}

/* Force all reveal elements visible inside Elementor editor */
body.elementor-editor-active .reveal,
body.elementor-editor-active .reveal-left,
body.elementor-editor-active .reveal-right,
body.elementor-editor-active .reveal-zoom,
body.elementor-editor-preview .reveal,
body.elementor-editor-preview .reveal-left,
body.elementor-editor-preview .reveal-right,
body.elementor-editor-preview .reveal-zoom,
.elementor-editor-active .reveal,
.elementor-editor-active .reveal-left,
.elementor-editor-active .reveal-right,
.elementor-editor-active .reveal-zoom,
.elementor-editor-preview .reveal,
.elementor-editor-preview .reveal-left,
.elementor-editor-preview .reveal-right,
.elementor-editor-preview .reveal-zoom {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
}

/* ==========================================================================
   Etalasio Hero Section Base Styles
   ========================================================================== */
.hero-stat-card {
    background-color: rgba(11, 17, 32, 0.8);
    border: 1px solid #1E293B;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 12px;
    padding: 20px;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.hero-stat-card:hover {
    border-color: rgba(6, 182, 212, 0.4);
    transform: translateY(-2px);
}
.hero-stat-card .card-number {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 800;
}
.hero-stat-card .card-title {
    font-family: 'Plus Jakarta Sans', sans-serif;
    color: #ffffff;
    font-weight: 600;
}
.hero-stat-card .card-desc {
    font-family: 'Inter', sans-serif;
    color: #bec6e0;
}
.hero-trust-item {
    font-family: 'Inter', sans-serif;
    color: #dae2fd;
}
.hero-trust-item .trust-icon {
    font-size: 18px;
}