/*
 * Integration compatibility layer.
 * styles.css (lead-form integration) ships generic rules for button[type=submit],
 * input[name=phone] and mobile inputs. This file restores the site's original form
 * look on top of it. Loaded right after styles.css.
 */

/* Submit button: same metrics as the original <input type="submit"> */
.leadform .registration-form button[type="submit"],
.calc-modal .registration-form button[type="submit"] {
    display: inline-block;
    margin: 0;
    font-family: Arial;
    font-size: 13.3333px;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    text-align: center;
    box-shadow: none;
    transition: none;
    transform: none;
    overflow: visible;
}

.register .leadform .registration-form button[type="submit"] {
    margin-bottom: 5px;
}

.leadform .registration-form button[type="submit"]:hover:not(:disabled),
.calc-modal .registration-form button[type="submit"]:hover:not(:disabled) {
    transform: none;
    box-shadow: none;
}

/* Inputs: keep the original font size on mobile */
.leadform .registration-form input,
.calc-modal .registration-form input {
    font-size: 13.3333px;
}

/* Phone field: original height; left padding is driven by intl-tel-input (see forms-compat.js) */
.leadform .registration-form input[name="phone"],
.calc-modal .registration-form input[name="phone"] {
    height: 40px !important;
}

.leadform .registration-form .iti__flag-container,
.leadform .registration-form .iti__selected-flag {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

.calc-modal .registration-form .iti__flag-container,
.calc-modal .registration-form .iti__selected-flag {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

/* Licenses page: the hero heading became the page <h1>, keep the former <h2> metrics */
h1.page-hero-title {
    font-size: 26px;
    line-height: 110%;
    font-weight: 700;
    text-align: start;
    margin: 0;
}

@media (min-width: 769px) {
    h1.page-hero-title {
        font-size: 50px;
    }
}

/* Header dropdowns: open on keyboard focus / tap as well as on hover */
.nav-dropdown:focus-within .nav-dropdown__menu,
.nav-dropdown.is-open .nav-dropdown__menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.nav-dropdown--mob:focus-within .nav-dropdown__menu,
.nav-dropdown--mob.is-open .nav-dropdown__menu {
    transform: none;
}