/* Site-wide fixes (2026-10), loaded after style.css and responsive.css. */

/* Newsletter: the e-mail text ran under the "Subscribe" button. */
.form-subscribey .form-control {
    padding-inline-end: 170px;
}

@media (max-width: 575px) {
    .form-subscribey .form-group,
    .rtl-style .form-subscribey .form-group {
        padding: 0;
    }

    .form-subscribey .form-control {
        height: 60px;
        padding-inline-start: 16px;
        padding-inline-end: 132px;
        font-size: 14px;
    }

    .form-subscribey button {
        right: 12px;
    }

    .rtl-style .form-subscribey button {
        left: 12px;
        right: auto;
    }
}

/* "Why Wroke": the decorative wave crossed the text on small screens. */
@media (max-width: 991px) {
    .section_features:before {
        display: none;
    }
}

/* Pricing at a glance: light buttons keep readable text (btn-site paints it white). */
.wk-plan .btn-site.wk-plan__btn-soft span,
.wk-plan .btn-site.wk-plan__btn-soft {
    color: var(--main-color);
}

.wk-plan .btn-site.wk-plan__btn-soft:hover span {
    color: var(--main-color);
}

/* Footer bottom on phones: copyright above the social icons, both centred. */
@media (max-width: 575px) {
    .bottom-ft .cont-bt {
        flex-direction: column;
        gap: 16px;
        text-align: center;
    }

    .bottom-ft .copyRight {
        width: 100%;
    }
}

/* Real app screens on the solutions pages. */
.wk-real-screen img {
    width: 100%;
    border-radius: 14px;
    border: 1px solid rgb(29 36 51 / 8%);
    box-shadow: 0 24px 50px -24px rgb(29 36 51 / 35%);
}