/* Site-wide fixes on top of the theme (style.css) */

/*
 * Theme scroll animations (sal.js) keep every [data-sal] element at opacity 0 until the deferred
 * JS runs, so the first screen stayed empty (PageSpeed mobile: FCP 11 s, LCP 15.6 s).
 * Content is shown right away; the animation is not worth the delay.
 */
[data-sal] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}

/* former <h6> (skipped heading levels, Lighthouse a11y): same look as the theme gave them */
.rts-hosting-type__single .price__start {
    display: inline-block;
    margin-bottom: 40px;
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: var(--bold, 700);
    color: var(--color-secondary);
}
.payment__method .payment__method-title {
    margin-bottom: 15px;
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: var(--semibold, 600);
    color: var(--color-secondary);
}

/* footer widget titles moved from <h5> to <h3> (heading order); keep the theme look */
.rts-footer__widget h3.widget-title {
    display: inline-block;
    margin-bottom: 35px;
    font-family: var(--font-secondary);
    font-size: var(--size-h5);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    text-transform: capitalize;
}

/* footer "social networks" title moved from <h5> to <h3> */
.social__media h3.social__media-title {
    margin-bottom: 20px;
    font-family: var(--font-secondary);
    font-size: var(--size-h5);
    font-weight: var(--semibold);
    color: var(--color-secondary);
    text-transform: capitalize;
}

/*
 * The theme blue #0774FF gives 4.2:1 with white text (WCAG asks 4.5:1). A slightly deeper shade
 * keeps the brand look and passes for buttons and links.
 */
:root {
    --color-primary: #0565E0;
}

@media (max-width: 767px) {
    /* wide gutters (g-5 = 3rem, theme g-30) push rows 5px past the screen: the page sways sideways on iOS */
    .row.g-5,
    .row.g-30,
    .row.g-40 {
        --bs-gutter-x: 1.5rem;
    }
    html,
    body {
        overflow-x: clip;
    }
}