/*
Theme Name: Kálypto Child
Theme URI: https://fernandokylas.com/resources/kalypto-wordpress-theme/
Description: Child theme for Kálypto. Use this for custom CSS and custom functions.
Author: Fernando Kylas
Template: kalypto
Version: 1.0.0
Text Domain: kalypto-child
*/

/* 
  DO NOT DELETE ANY OF THE STYLES BELOW

  Layout helpers for Elementor Containers
  Section padding + inner gaps

  Notes:
  - Gap selectors target only the direct .e-con-inner child to support nested containers.
  - Section narrow and hero inner selectors also target only the direct .e-con-inner child.
*/

:root {
    /* Global Padding Variables - Editable */
    /* Left and Right Padding All /Sections/Containers*/
    --fluid-side-padding-min: 1.25rem;
    /* 20px */
    --fluid-side-padding-max: 5rem;
    /* 80px */

    /* Top and Bottom Padding All Containers*/
    --section-xxl-padding-min: 9.375rem;
    /* 150px */
    --section-xxl-padding-max: 10rem;
    /* 160px */

    --section-xl-padding-min: 6.875rem;
    /* 110px */
    --section-xl-padding-max: 7.5rem;
    /* 120px */

    --section-l-padding-min: 5.625rem;
    /* 90px */
    --section-l-padding-max: 6.25rem;
    /* 100px */

    --section-m-padding-min: 5rem;
    /* 80px */
    --section-m-padding-max: 5rem;
    /* 80px */

    --section-s-padding-min: 3.75rem;
    /* 60px */
    --section-s-padding-max: 3.75rem;
    /* 60px */

    --section-xs-padding-min: 2.5rem;
    /* 40px */
    --section-xs-padding-max: 2.5rem;
    /* 40px */

    --section-xxs-padding-min: 1.5rem;
    /* 24px */
    --section-xxs-padding-max: 1.5rem;
    /* 24px */

    --section-header-padding-min: 1.25rem;
    /* 20px */
    --section-header-padding-max: 1.25rem;
    /* 20px */

    /* Hero Sections Height Variable */
    --section-hero-height: 100vh;
    /* 100% the screen height */

    /* Offset Padding for Overlay Headers */
    --section-offset-header: 80px;
    /* Adjust to the overlay header's negative margin */

    /* Width For Narrow Sections*/
    --section-narrow: 62.5rem;
    /* 1000px */
    --section-narrow-xs: 45rem;
    /* 720px */

    /* Global Gap Variables - Editable */
    --gap-xxs: clamp(0.25rem, calc(0.45vw + 0.14rem), 0.5rem);
    /* 4px mobile, 8px desktop*/
    --gap-xs: clamp(0.5rem, calc(0.45vw + 0.39rem), 0.75rem);
    /* 8px mobile, 12px desktop*/
    --gap-s: clamp(0.75rem, calc(0.45vw + 0.64rem), 1rem);
    /* 12px mobile, 16px desktop*/
    --gap-m: clamp(1.25rem, calc(0vw + 1.25rem), 1.25rem);
    /* 20px mobile, 20px desktop*/
    --gap-l: clamp(1.25rem, calc(2.27vw + 0.68rem), 2.5rem);
    /* 20px mobile, 40px desktop*/
    --gap-xl: clamp(1.25rem, calc(4.55vw + 0.11rem), 3.75rem);
    /* 20px mobile, 60px desktop*/
    --gap-xxl: clamp(1.25rem, calc(11.36vw + -1.59rem), 7.5rem);
    /* 20px mobile, 120px desktop*/
}

/* variables (edit here)*/

/* CSS Template (do not edit below) */
/* Section/Container Padding - Fluid Variants */
.section-xxl {
    padding-top: clamp(var(--section-xxl-padding-min), 1.087vw + 9.13rem, var(--section-xxl-padding-max));
    padding-bottom: clamp(var(--section-xxl-padding-min), 1.087vw + 9.13rem, var(--section-xxl-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max)) !important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max)) !important;
}

.section-xl {
    padding-top: clamp(var(--section-xl-padding-min), 1.087vw + 6.63rem, var(--section-xl-padding-max));
    padding-bottom: clamp(var(--section-xl-padding-min), 1.087vw + 6.63rem, var(--section-xl-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max)) !important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max)) !important;
}

.section-l {
    padding-top: clamp(var(--section-l-padding-min), 1.087vw + 5.38rem, var(--section-l-padding-max));
    padding-bottom: clamp(var(--section-l-padding-min), 1.087vw + 5.38rem, var(--section-l-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max)) !important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max)) !important;
}

.section-m {
    padding-top: clamp(var(--section-m-padding-min), 0vw + 5rem, var(--section-m-padding-max));
    padding-bottom: clamp(var(--section-m-padding-min), 0vw + 5rem, var(--section-m-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max)) !important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max)) !important;
}

.section-s {
    padding-top: clamp(var(--section-s-padding-min), 0vw + 3.75rem, var(--section-s-padding-max));
    padding-bottom: clamp(var(--section-s-padding-min), 0vw + 3.75rem, var(--section-s-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max)) !important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max)) !important;
}

.section-xs {
    padding-top: clamp(var(--section-xs-padding-min), 0vw + 2.5rem, var(--section-xs-padding-max));
    padding-bottom: clamp(var(--section-xs-padding-min), 0vw + 2.5rem, var(--section-xs-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max)) !important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max)) !important;
}

.section-xxs {
    padding-top: clamp(var(--section-xxs-padding-min), 0vw + 1.5rem, var(--section-xxs-padding-max));
    padding-bottom: clamp(var(--section-xxs-padding-min), 0vw + 1.5rem, var(--section-xxs-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max)) !important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max)) !important;
}

.section-header {
    padding-top: clamp(var(--section-header-padding-min), 0vw + 1.25rem, var(--section-header-padding-max));
    padding-bottom: clamp(var(--section-header-padding-min), 0vw + 1.25rem, var(--section-header-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max)) !important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max)) !important;
}

/* Hero Container/Sections Height */
.section-hero {
    min-height: var(--section-hero-height) !important;
}

.section-hero > .e-con-inner {
    justify-content: center !important;
}

/* Full Width Sections - No Side Padding */
.section-full div {
    max-width: 100% !important;
}

/* Narrow Sections */
.section-narrow > .e-con-inner {
    max-width: var(--section-narrow) !important;
}

.section-narrow-xs > .e-con-inner {
    max-width: var(--section-narrow-xs) !important;
}

/* Offset Padding for Overlay Headers */
.section-offset {
    padding-top: calc(var(--section-offset-header) + var(--section-xxl-padding-min));
}

/* Gap classes (nested-safe) */
.gap-xxs {
    gap: var(--gap-xxs) !important;
}

.gap-xxs > .e-con-inner {
    gap: var(--gap-xxs) !important;
}

.gap-xs {
    gap: var(--gap-xs) !important;
}

.gap-xs > .e-con-inner {
    gap: var(--gap-xs) !important;
}

.gap-s {
    gap: var(--gap-s) !important;
}

.gap-s > .e-con-inner {
    gap: var(--gap-s) !important;
}

.gap-m {
    gap: var(--gap-m) !important;
}

.gap-m > .e-con-inner {
    gap: var(--gap-m) !important;
}

.gap-l {
    gap: var(--gap-l) !important;
}

.gap-l > .e-con-inner {
    gap: var(--gap-l) !important;
}

.gap-xl {
    gap: var(--gap-xl) !important;
}

.gap-xl > .e-con-inner {
    gap: var(--gap-xl) !important;
}

.gap-xxl {
    gap: var(--gap-xxl) !important;
}

.gap-xxl > .e-con-inner {
    gap: var(--gap-xxl) !important;
}

/* Prevent Elementor widget spacing and margins from stacking on top of gap */
:where(.gap-xxs, .gap-xs, .gap-s, .gap-m, .gap-l, .gap-xl, .gap-xxl) > .e-con-inner > .elementor-element,
:where(.gap-xxs, .gap-xs, .gap-s, .gap-m, .gap-l, .gap-xl, .gap-xxl) > .elementor-element {
    margin: 0 !important;
}

/* Responsive spacing overrides */
@media (max-width: 1024px) {
    :root {
        --fluid-side-padding-min: 1.25rem;
        --fluid-side-padding-max: 2rem;

        --section-xxl-padding-min: 5rem;
        --section-xxl-padding-max: 5rem;

        --section-xl-padding-min: 4.5rem;
        --section-xl-padding-max: 4.5rem;

        --section-l-padding-min: 4rem;
        --section-l-padding-max: 4rem;

        --section-m-padding-min: 3.5rem;
        --section-m-padding-max: 3.5rem;

        --section-s-padding-min: 3rem;
        --section-s-padding-max: 3rem;

        --section-xs-padding-min: 2.5rem;
        --section-xs-padding-max: 2.5rem;

        --gap-xl: 2.5rem;
        --gap-xxl: 3rem;
    }
}

@media (max-width: 767px) {
    :root {
        --fluid-side-padding-min: 1.25rem;
        --fluid-side-padding-max: 1.25rem;

        --section-xxl-padding-min: 4rem;
        --section-xxl-padding-max: 4rem;

        --section-xl-padding-min: 4rem;
        --section-xl-padding-max: 4rem;

        --section-l-padding-min: 3.5rem;
        --section-l-padding-max: 3.5rem;

        --section-m-padding-min: 3rem;
        --section-m-padding-max: 3rem;

        --section-s-padding-min: 2.5rem;
        --section-s-padding-max: 2.5rem;

        --section-xs-padding-min: 2rem;
        --section-xs-padding-max: 2rem;

        --section-header-padding-min: 1rem;
        --section-header-padding-max: 1rem;

        --gap-l: 1.5rem;
        --gap-xl: 2rem;
        --gap-xxl: 2rem;
    }

    .section-offset {
        padding-top: calc(var(--section-offset-header) + 3rem);
    }
}

@media (max-width: 480px) {
    :root {
        --section-xxl-padding-min: 3.5rem;
        --section-xxl-padding-max: 3.5rem;

        --section-xl-padding-min: 3.5rem;
        --section-xl-padding-max: 3.5rem;

        --section-l-padding-min: 3rem;
        --section-l-padding-max: 3rem;

        --section-m-padding-min: 2.75rem;
        --section-m-padding-max: 2.75rem;

        --section-s-padding-min: 2.25rem;
        --section-s-padding-max: 2.25rem;

        --section-xs-padding-min: 2rem;
        --section-xs-padding-max: 2rem;

        --gap-m: 1rem;
        --gap-l: 1.5rem;
        --gap-xl: 1.5rem;
        --gap-xxl: 1.5rem;
    }
}

/* Add your custom CSS below this line. */

/* =========================================================
   WPForms: IT Solvz global form styling
   ========================================================= */

/* Form typography baseline */
div.wpforms-container-full .wpforms-form,
div.wpforms-container-full .wpforms-form input,
div.wpforms-container-full .wpforms-form textarea,
div.wpforms-container-full .wpforms-form select,
div.wpforms-container-full .wpforms-form button,
div.wpforms-container-full .wpforms-form .choices,
div.wpforms-container-full .wpforms-form .choices * {
    font-size: clamp(0.833rem, 0.8003rem + 0.1247vw, 0.900rem) !important;
}

/* Text inputs and textarea */
div.wpforms-container-full .wpforms-form input[type="text"],
div.wpforms-container-full .wpforms-form input[type="email"],
div.wpforms-container-full .wpforms-form input[type="tel"],
div.wpforms-container-full .wpforms-form textarea {
    color: #F2F2F2 !important;
    padding: 1.5em !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Textarea label */
div.wpforms-container-full .wpforms-form .wpforms-field-textarea .wpforms-field-label {
    font-size: 1em !important;
}

/* Checkbox spacing */
div.wpforms-container-full .wpforms-form .wpforms-field-checkbox {
    padding: 1em !important;
    clear: both !important;
}

div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul li .wpforms-field-label-inline {
    padding: 0 !important;
}

/* =========================================================
   WPForms submit button
   ========================================================= */

/* Submit button */
div.wpforms-container-full .wpforms-form button[type="submit"],
div.wpforms-container-full .wpforms-form input[type="submit"],
div.wpforms-container-full .wpforms-form .wpforms-page-button {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    padding: 16px 24px !important;
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    background-image: none !important;
    color: #000000 !important;
    border: 1px solid #FFFFFF !important;
    border-radius: 32px !important;
    box-shadow: none !important;
    text-shadow: none !important;
    outline: none !important;
    opacity: 1 !important;
    filter: none !important;
    text-align: center !important;
    cursor: pointer !important;
}

/* Submit button hover, focus, and active */
div.wpforms-container-full .wpforms-form button[type="submit"]:hover,
div.wpforms-container-full .wpforms-form button[type="submit"]:focus,
div.wpforms-container-full .wpforms-form button[type="submit"]:active,
div.wpforms-container-full .wpforms-form input[type="submit"]:hover,
div.wpforms-container-full .wpforms-form input[type="submit"]:focus,
div.wpforms-container-full .wpforms-form input[type="submit"]:active,
div.wpforms-container-full .wpforms-form .wpforms-page-button:hover,
div.wpforms-container-full .wpforms-form .wpforms-page-button:focus,
div.wpforms-container-full .wpforms-form .wpforms-page-button:active {
    background: #C2EF06 !important;
    background-color: #C2EF06 !important;
    background-image: none !important;
    color: #000000 !important;
    border-color: #C2EF06 !important;
    border-radius: 32px !important;
    box-shadow: none !important;
    text-shadow: none !important;
    outline: none !important;
    opacity: 1 !important;
    filter: none !important;
}

/* Remove button pseudo-element overlays */
div.wpforms-container-full .wpforms-form button[type="submit"]::before,
div.wpforms-container-full .wpforms-form button[type="submit"]::after,
div.wpforms-container-full .wpforms-form input[type="submit"]::before,
div.wpforms-container-full .wpforms-form input[type="submit"]::after {
    content: none !important;
    display: none !important;
    background: none !important;
    opacity: 0 !important;
}

/* Submit button container */
div.wpforms-container-full .wpforms-submit-container {
    width: 100% !important;
}

/* =========================================================
   WPForms modern dropdown, Choices.js
   ========================================================= */

/* Main Choices wrapper */
div.wpforms-container-full .wpforms-form .choices {
    position: relative !important;
    z-index: 1 !important;
}

/* Closed dropdown field */
div.wpforms-container-full .wpforms-form .choices__inner {
    display: flex !important;
    align-items: center !important;
    min-height: 50px !important;
    padding: 0 1.5em !important;
    background: #0A3650 !important;
    background-color: #0A3650 !important;
    color: #FFFFFF !important;
    border: 1px solid #FFFFFF !important;
    border-radius: 2em !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Selected dropdown text spacing */
div.wpforms-container-full .wpforms-form .choices__list--single {
    padding: 0 !important;
}

div.wpforms-container-full .wpforms-form .choices__list--single .choices__item,
div.wpforms-container-full .wpforms-form .choices__placeholder {
    line-height: 1.2 !important;
}

/* Selected value and placeholder */
div.wpforms-container-full .wpforms-form .choices__list--single,
div.wpforms-container-full .wpforms-form .choices__list--single .choices__item,
div.wpforms-container-full .wpforms-form .choices__placeholder {
    background: transparent !important;
    color: #FFFFFF !important;
    opacity: 0.65 !important;
}

/* Open dropdown field */
div.wpforms-container-full .wpforms-form .choices.is-open {
    z-index: 99999 !important;
}

div.wpforms-container-full .wpforms-form .choices.is-open .choices__inner,
div.wpforms-container-full .wpforms-form .choices.is-focused .choices__inner,
div.wpforms-container-full .wpforms-form .choices:focus-within .choices__inner {
    border: 1px solid #FFFFFF !important;
    border-radius: 2em 2em 0 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Open dropdown panel */
div.wpforms-container-full .wpforms-form .choices__list--dropdown,
div.wpforms-container-full .wpforms-form .choices__list[aria-expanded] {
    background: #0A3650 !important;
    background-color: #0A3650 !important;
    color: #FFFFFF !important;
    border: 1px solid #FFFFFF !important;
    border-top: 0 !important;
    border-radius: 0 0 2em 2em !important;
    box-shadow: none !important;
    margin-top: 0 !important;
    overflow: hidden !important;
    z-index: 99999 !important;
}

/* Inner dropdown list */
div.wpforms-container-full .wpforms-form .choices__list--dropdown .choices__list,
div.wpforms-container-full .wpforms-form .choices__list[aria-expanded] .choices__list {
    background: #0A3650 !important;
    background-color: #0A3650 !important;
    color: #FFFFFF !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 1.5em !important;
    box-sizing: border-box !important;
}

/* Dropdown options */
div.wpforms-container-full .wpforms-form .choices__list--dropdown .choices__item,
div.wpforms-container-full .wpforms-form .choices__list[aria-expanded] .choices__item {
    background: #0A3650 !important;
    background-color: #0A3650 !important;
    color: #FFFFFF !important;
    padding: 0.65em 0.75em !important;
    border-radius: 0.5em !important;
    margin: 0 !important;
    opacity: 1 !important;
}

/* Dropdown option hover and keyboard highlight */
div.wpforms-container-full .wpforms-form .choices__list--dropdown .choices__item--selectable.is-highlighted,
div.wpforms-container-full .wpforms-form .choices__list[aria-expanded] .choices__item--selectable.is-highlighted,
div.wpforms-container-full .wpforms-form .choices__list--dropdown .choices__item--selectable:hover,
div.wpforms-container-full .wpforms-form .choices__list[aria-expanded] .choices__item--selectable:hover {
    background: #081F31 !important;
    background-color: #081F31 !important;
    color: #FFFFFF !important;
}

/* Dropdown arrow */
div.wpforms-container-full .wpforms-form .choices[data-type*="select-one"]::after {
    border-color: #FFFFFF transparent transparent transparent !important;
}

/* Dropdown arrow when open */
div.wpforms-container-full .wpforms-form .choices[data-type*="select-one"].is-open::after {
    border-color: transparent transparent #FFFFFF transparent !important;
}

/* =========================================================
   Elementor popup compatibility for WPForms
   ========================================================= */

/* Prevent Elementor and WPForms wrappers from clipping dropdowns */
.elementor-popup-modal,
.elementor-popup-modal .dialog-widget,
.elementor-popup-modal .dialog-widget-content,
.elementor-popup-modal .dialog-message,
.elementor-popup-modal .elementor,
.elementor-popup-modal .elementor-section,
.elementor-popup-modal .elementor-container,
.elementor-popup-modal .elementor-column,
.elementor-popup-modal .elementor-widget-wrap,
.elementor-popup-modal .elementor-widget-container,
.elementor-popup-modal div.wpforms-container-full,
.elementor-popup-modal .wpforms-container,
.elementor-popup-modal .wpforms-form,
.elementor-popup-modal .wpforms-field-container,
.elementor-popup-modal .wpforms-field,
.elementor-popup-modal .wpforms-field-row,
.elementor-popup-modal .wpforms-field-row-block,
.elementor-popup-modal .wpforms-one-half,
.elementor-popup-modal .wpforms-first,
.elementor-popup-modal .choices {
    overflow: visible !important;
}

/* Keep popup select above nearby fields only when open */
.elementor-popup-modal div.wpforms-container-full .wpforms-form .choices {
    position: relative !important;
    z-index: 1 !important;
}

.elementor-popup-modal div.wpforms-container-full .wpforms-form .choices.is-open {
    z-index: 99999999 !important;
}

/* Force opened popup dropdown panel above form content */
.elementor-popup-modal div.wpforms-container-full .wpforms-form .choices.is-open .choices__list--dropdown,
.elementor-popup-modal div.wpforms-container-full .wpforms-form .choices.is-open .choices__list[aria-expanded="true"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 99999999 !important;
    pointer-events: auto !important;
}

/* Keep closed popup dropdown panels hidden */
.elementor-popup-modal div.wpforms-container-full .wpforms-form .choices:not(.is-open) .choices__list--dropdown,
.elementor-popup-modal div.wpforms-container-full .wpforms-form .choices:not(.is-open) .choices__list[aria-expanded="false"] {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* WPForms classic dropdown: IT Solvz styling */
div.wpforms-container-full .wpforms-form select,
div.wpforms-container-full .wpforms-form select.wpforms-field-large,
div.wpforms-container-full .wpforms-form select.wpforms-field-medium,
div.wpforms-container-full .wpforms-form select.wpforms-field-small {
    background-color: #0A3650 !important;
    color: #FFFFFF !important;
    border: 1px solid #FFFFFF !important;
    border-radius: 2em !important;
    font-size: clamp(0.833rem, 0.8003rem + 0.1247vw, 0.900rem) !important;
    padding: 0 1.5em !important;
    min-height: 56px !important;
    box-shadow: none !important;
    outline: none !important;
    appearance: auto !important;
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
}

/* WPForms classic dropdown options */
div.wpforms-container-full .wpforms-form select option {
    background-color: #0A3650 !important;
    color: #FFFFFF !important;
    font-size: clamp(0.833rem, 0.8003rem + 0.1247vw, 0.900rem) !important;
}

/* WPForms classic dropdown selected and checked option */
div.wpforms-container-full .wpforms-form select option:checked {
    background-color: #081F31 !important;
    color: #FFFFFF !important;
}

/* WPForms classic dropdown focus */
div.wpforms-container-full .wpforms-form select:focus {
    background-color: #0A3650 !important;
    color: #FFFFFF !important;
    border: 1px solid #FFFFFF !important;
    box-shadow: none !important;
    outline: none !important;
}

/* WPForms classic dropdown inside Elementor popup */
.elementor-popup-modal div.wpforms-container-full .wpforms-form select,
.elementor-popup-modal div.wpforms-container-full .wpforms-form select option {
    background-color: #0A3650 !important;
    color: #FFFFFF !important;
}

/* WPForms classic dropdown: Remove duplicate arrow */
div.wpforms-container-full .wpforms-form .wpforms-field-select {
    position: relative !important;
}

div.wpforms-container-full .wpforms-form .wpforms-field-select select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    padding-right: 3em !important;
}

/* Hide WPForms extra select arrow if present */
div.wpforms-container-full .wpforms-form .wpforms-field-select::after,
div.wpforms-container-full .wpforms-form .wpforms-field-select .wpforms-field-select-arrow,
div.wpforms-container-full .wpforms-form .wpforms-field-select .wpforms-field-select-caret {
    display: none !important;
    content: none !important;
}

/* =========================================================
   Elementor popup scroll fix for WPForms
   ========================================================= */

@media (max-width: 1680px), (max-height: 1050px) {
    .elementor-popup-modal {
        position: fixed !important;
        inset: 0 !important;
        overflow-y: auto !important;
        align-items: flex-start !important;
        -webkit-overflow-scrolling: touch;
    }

    .elementor-popup-modal .dialog-widget {
        height: auto !important;
        min-height: 100dvh !important;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: center !important;
    }

    .elementor-popup-modal .dialog-widget-content {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        margin: 1rem !important;
    }

    .elementor-popup-modal .dialog-message {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
}