/* RTL layout enhancements for CoatCraft Painting & Waterproofing */
html[dir="rtl"] body {
  direction: rtl;
  text-align: right
}

/* Completely suppress all transitions during direction changes */
body.dir-changing,
body.dir-changing * {
  transition: none !important;
  animation: none !important;
}

/* Mobile drawer RTL positioning */
html[dir="rtl"] .drawer {
  right: auto;
  left: 0;
  transform: translateX(-105%);
  box-shadow: 18px 0 50px rgba(6, 10, 18, .3);
}

html[dir="rtl"] .drawer.open {
  transform: translateX(0) !important;
  visibility: visible;
}

/* Dropdown alignment */
html[dir="rtl"] .dropdown-menu {
  left: auto;
  right: 0
}

html[dir="rtl"] .dropdown-menu::before {
  left: auto;
  right: 26px
}

html[dir="rtl"] .dropdown-link i {
  margin-inline-end: .5rem
}

/* Comparison slider */
html[dir="rtl"] .cmp-handle {
  left: auto;
  right: var(--pos, 50%);
  transform: translateX(2px)
}

html[dir="rtl"] .cmp-handle i {
  transform: translate(-50%, -50%) scaleX(-1)
}

html[dir="rtl"] .cmp-after {
  clip-path: inset(0 var(--pos, 50%) 0 0)
}

html[dir="rtl"] .cmp-tag.tag-before {
  inset-inline-start: 20px
}

html[dir="rtl"] .cmp-tag.tag-after {
  inset-inline-end: 20px
}

html[dir="rtl"] .cmp-caption i {
  margin-inline-end: 0;
  margin-inline-start: .2rem
}

/* Directional arrows & icons */
html[dir="rtl"] .bi-arrow-left,
html[dir="rtl"] .bi-arrow-right,
html[dir="rtl"] .bi-arrow-up-right,
html[dir="rtl"] .bi-box-arrow-in-right {
  transform: scaleX(-1);
}

html[dir="rtl"] .svc-link i {
  transform: scaleX(-1)
}

html[dir="rtl"] .svc-link:hover i {
  transform: translateX(-4px) scaleX(-1)
}

html[dir="rtl"] .proc-arrow i {
  transform: scaleX(-1)
}

html[dir="rtl"] .t-nav i {
  transform: scaleX(-1)
}

html[dir="rtl"] .t-person div {
  text-align: start
}

html[dir="rtl"] .am-tag {
  inset-inline-end: 12px
}

/* Navigation line animation */
html[dir="rtl"] .navbar .nav-link::after {
  transform-origin: right
}

html[dir="rtl"] .section-head.left p,
html[dir="rtl"] .compare-info .lead,
html[dir="rtl"] .section-head p {
  text-align: right;
}

/* Form selects and inputs */
html[dir="rtl"] .field select {
  background-position: calc(0% + 13px) 50%, calc(0% + 19px) 50%;
  padding-inline-start: 1rem;
  padding-inline-end: 2.4rem;
}

/* Gallery items */
html[dir="rtl"] .g-title {
  text-align: right
}

html[dir="rtl"] .g-overlay {
  gap: 1rem
}

html[dir="rtl"] .g-tag {
  inset-inline-start: auto;
  inset-inline-end: 0
}

/* Stats */
html[dir="rtl"] .stat {
  border-inline-start: 1px solid rgba(255, 255, 255, .16);
  border-inline-end: none;
  padding-inline-start: 1.4rem;
  padding-inline-end: 0;
}

html[dir="rtl"] .stat:first-of-type {
  border-inline-start: 0;
  padding-inline-start: 0;
}

/* Auth modal RTL */
html[dir="rtl"] .auth-modal-close {
  left: 20px;
  right: auto
}

html[dir="rtl"] .auth-form .field label {
  text-align: right
}

html[dir="rtl"] .f-col h4::after {
  left: auto;
  right: 0
}

html[dir="rtl"] .f-col ul a:hover {
  padding-inline-start: .45rem;
  padding-inline-end: 0
}

html[dir="rtl"] .drawer-nav a:hover {
  padding-inline-start: .75rem
}

html[dir="rtl"] .price-feats {
  text-align: right
}

html[dir="rtl"] .calc-card,
html[dir="rtl"] .calc-summary {
  text-align: right
}

html[dir="rtl"] .faq-trigger {
  text-align: right
}

/* Services page RTL */
html[dir="rtl"] .sv-stack-item:hover {
  transform: translateX(6px)
}

html[dir="rtl"] .sv-float-badge {
  left: auto;
  right: auto;
  inset-inline-end: -8px
}

html[dir="rtl"] .sv-why-badge {
  left: auto;
  right: auto;
  inset-inline-start: 22px
}

html[dir="rtl"] .sv-line-link:hover i {
  transform: translateX(-4px) scaleX(-1)
}

html[dir="rtl"] .sv-line-num {
  left: 1.2rem;
  right: auto
}

html[dir="rtl"] .sv-cta-phone .ring {
  margin-inline-end: .2rem
}

html[dir="rtl"] .sys-foot {
  justify-content: flex-start
}

html[dir="rtl"] .sv-spec-top {
  text-align: right
}

html[dir="rtl"] .sv-step-card {
  text-align: right
}

html[dir="rtl"] .sv-step-card:not(:last-child)::after {
  content: "←";
  right: auto;
  left: -1.05rem
}

/* Gallery V2 RTL */
html[dir="rtl"] .gl-lb-nav i {
  transform: scaleX(-1)
}

html[dir="rtl"] .gl-lb-close {
  inset-inline-end: auto;
  inset-inline-start: 22px
}

html[dir="rtl"] .gl-show-media {
  padding: 0 0 2rem
}

html[dir="rtl"] .gl-cta-copy {
  text-align: right
}

html[dir="rtl"] .gl-note i {
  margin-inline-end: .2rem
}

html[dir="rtl"] .gl-note {
  flex-direction: row
}

html[dir="rtl"] .gl-head .eyebrow {
  justify-content: center;
  gap: .5rem
}

html[dir="rtl"] .gl-band-item {
  text-align: center
}

html[dir="rtl"] .gl-ba-head .eyebrow {
  justify-content: center
}

html[dir="rtl"] .gl-ba-chip .bc-ico {
  margin-left: 0;
  margin-right: auto
}

html[dir="rtl"] .gl-snap-card {
  scroll-snap-align: start
}

html[dir="rtl"] .gl-snap-over {
  text-align: right
}

/* Pricing RTL */
html[dir="rtl"] .pp-pop {
  transform: translateX(50%)
}

html[dir="rtl"] .pc-summary {
  text-align: right
}

html[dir="rtl"] .pc-summary .btn-orange i {
  margin-inline-end: .2rem
}

html[dir="rtl"] .pc-calc-field label {
  text-align: right
}

html[dir="rtl"] .pc-rate-wrap {
  text-align: left
}

html[dir="rtl"] .pc-foot {
  text-align: center
}

html[dir="rtl"] .pp-card h3,
html[dir="rtl"] .pp-ideal {
  text-align: right
}

html[dir="rtl"] .pp-price {
  flex-direction: row-reverse
}

html[dir="rtl"] .pc-perk {
  text-align: center
}

html[dir="rtl"] .pc-total b {
  letter-spacing: 0
}

/* FAQ V2 RTL */
html[dir="rtl"] .fq-search input {
  padding-right: 2.9rem;
  padding-left: 2.9rem
}

html[dir="rtl"] .fq-sec-head>div {
  text-align: right
}

html[dir="rtl"] .fq-ask .eyebrow {
  justify-content: flex-start
}

html[dir="rtl"] .fq-contact .kicker,
html[dir="rtl"] .fq-contact-list li,
html[dir="rtl"] .fq-help-card h3,
html[dir="rtl"] .fq-help-card>p {
  text-align: right
}

html[dir="rtl"] .fq-cta-copy {
  text-align: right
}

html[dir="rtl"] .fq-ask .fq-form-success {
  text-align: right
}

/* Contact V2 RTL */
html[dir="rtl"] .ct-head .eyebrow {
  justify-content: center
}

html[dir="rtl"] .ct-card {
  text-align: right
}

html[dir="rtl"] .ct-link {
  flex-direction: row
}

html[dir="rtl"] .ct-link i {
  transform: scaleX(-1)
}

html[dir="rtl"] .ct-link:hover i {
  transform: scaleX(-1) translate(-2px, -2px)
}

html[dir="rtl"] .ct-map-head {
  text-align: right
}

html[dir="rtl"] .ct-chips {
  justify-content: flex-start
}