/* 
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
*/


html {
    font-size: 16px; /* Custom base size */
}

/* Add your custom styles here */
/* KLM button style (keeps Elementor font + background) */
.mg-klm-button,
.mg-klm-button.elementor-button,
.mg-klm-button .elementor-button {
    position: relative;
    overflow: hidden;
    border: 2px solid rgba(0, 0, 0, 0.45);
    border-radius: 5px;
    outline: none;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.25),
        inset 0 -2px 0 rgba(0, 0, 0, 0.35);
    filter: none;
}

/* Gloss overlay without pseudo-element */
.mg-klm-button,
.mg-klm-button.elementor-button,
.mg-klm-button .elementor-button {
    background-image: none;
    background-blend-mode: normal;
    background-repeat: no-repeat;
}

.mg-klm-button:hover,
.mg-klm-button.elementor-button:hover,
.mg-klm-button .elementor-button:hover {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.32),
        inset 0 -2px 0 rgba(0, 0, 0, 0.45);
    filter: brightness(1.05);
}

.mg-klm-button:active,
.mg-klm-button.elementor-button:active,
.mg-klm-button .elementor-button:active {
    transform: translateY(1px);
    box-shadow:
        inset 0 2px 0 rgba(0, 0, 0, 0.35),
        inset 0 -1px 0 rgba(255, 255, 255, 0.15);
}

/* Ensure no outer shadow/border from wrapper */
.mg-klm-button .elementor-button-wrapper,
.mg-klm-button .elementor-widget-container {
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
    filter: none !important;
}

/* Force button shadow to be inset-only */
.mg-klm-button .elementor-button,
.mg-klm-button .elementor-button:hover,
.mg-klm-button .elementor-button:focus,
.mg-klm-button .elementor-button:focus-visible,
.mg-klm-button .elementor-button:active {
    box-shadow:
        inset -1px 3px 0px 0px rgba(255, 255, 255, 0.25),
        inset -2px -2px 0px rgba(0, 0, 0, 0.35) !important;
    outline: none !important;
    filter: none !important;
    transition: filter 0.15s ease, transform 0.15s ease;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 700;
    line-height: 1.1;
    background-image: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.22) 0%,
        rgba(255, 255, 255, 0.08) 35%,
        rgba(0, 0, 0, 0.18) 100%
    );
    background-blend-mode: overlay;
    background-repeat: no-repeat;
}

/* Remove any Elementor pseudo-element effects */
.mg-klm-button .elementor-button::before,
.mg-klm-button .elementor-button::after {
    content: none !important;
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
    filter: none !important;
    background: none !important;
}

/* Gravity Forms submit buttons */
.mg-klm-button input.gform_button,
.mg-klm-button input[type="submit"].gform_button,
.mg-klm-button .gform_footer input[type="submit"],
form.mg-klm-button input.gform_button,
form.mg-klm-button input[type="submit"].gform_button,
form.mg-klm-button .gform_footer input[type="submit"] {
    position: relative;
    overflow: hidden;
    border: 2px solid rgba(0, 0, 0, 0.45);
    border-radius: 5px;
    outline: none;
    box-shadow:
        inset -1px 3px 0px 0px rgba(255, 255, 255, 0.25),
        inset -2px -2px 0px rgba(0, 0, 0, 0.35) !important;
    filter: none;
    transition: filter 0.15s ease, transform 0.15s ease;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 700;
    line-height: 1.1;
    background-image: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.22) 0%,
        rgba(255, 255, 255, 0.08) 35%,
        rgba(0, 0, 0, 0.18) 100%
    );
    background-blend-mode: overlay;
    background-repeat: no-repeat;
}

.mg-klm-button input.gform_button:hover,
.mg-klm-button input[type="submit"].gform_button:hover,
.mg-klm-button .gform_footer input[type="submit"]:hover,
form.mg-klm-button input.gform_button:hover,
form.mg-klm-button input[type="submit"].gform_button:hover,
form.mg-klm-button .gform_footer input[type="submit"]:hover {
    box-shadow:
        inset -1px 3px 0px 0px rgba(255, 255, 255, 0.3),
        inset -2px -2px 0px rgba(0, 0, 0, 0.45) !important;
    filter: brightness(1.1) !important;
}

.mg-klm-button .elementor-button:hover {
    filter: brightness(1.1) !important;
}

.mg-klm-button input.gform_button:active,
.mg-klm-button input[type="submit"].gform_button:active,
.mg-klm-button .gform_footer input[type="submit"]:active,
form.mg-klm-button input.gform_button:active,
form.mg-klm-button input[type="submit"].gform_button:active,
form.mg-klm-button .gform_footer input[type="submit"]:active {
    transform: translateY(1px);
    box-shadow:
        inset -1px 2px 0px 0px rgba(0, 0, 0, 0.35),
        inset -2px -1px 0px rgba(255, 255, 255, 0.15) !important;
}

/* Remove any widget-level border/shadow */
.mg-klm-button.elementor-widget,
.mg-klm-button.elementor-element {
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
    filter: none !important;
}