/* Arabic-first directional refinements. Most layout uses logical properties in main.css. */

html,
body {
    direction: rtl;
    text-align: right;
}

h1,
h2,
h3,
h4,
h5,
h6,
.eyebrow,
.section-label,
.section-kicker {
    letter-spacing: 0;
}

.eyebrow,
.section-label,
.section-kicker {
    text-transform: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
.section-kicker,
.section-label,
.eyebrow {
    letter-spacing: 0;
}

input,
select,
textarea {
    text-align: right;
}

input[type="tel"],
input[type="email"],
input[type="url"],
a[href^="tel:"],
a[href^="mailto:"],
.phone-number,
.email-address,
.ltr,
[dir="ltr"] {
    direction: ltr;
    unicode-bidi: isolate;
    text-align: left;
}

a[href^="tel:"],
a[href^="mailto:"],
.phone-number,
.email-address,
.ltr {
    display: inline-block;
    max-width: 100%;
}

.primary-menu a::after,
.service::before,
.service-item::before {
    transform-origin: right center;
}

.button[href^="#"] .button__icon,
.contact-form__submit .button__icon {
    transform: rotate(180deg);
}

.entry-card__link:hover span {
    transform: translateX(-0.25rem);
}

.alignleft {
    float: right;
    margin: 0.4rem 0 1rem 1.5rem;
}

.alignright {
    float: left;
    margin: 0.4rem 1.5rem 1rem 0;
}

caption,
th,
td {
    text-align: right;
}

@media (max-width: 430px) {
    .alignleft,
    .alignright {
        float: none;
        margin-inline: auto;
    }
}