/* Auto-generated RTL overrides for physical (non-logical) Tailwind utilities.
   CDN Tailwind ships only physical left/right/pl/pr/ml/mr classes; these rules
   mirror the specific ones this site actually uses when dir="rtl". */

[dir="rtl"] .text\-left {
  text-align: right !important;
}

@media (min-width: 768px) {
  [dir="rtl"] .md\:text\-right {
    text-align: left !important;
  }
}

[dir="rtl"] .pl\-3 {
  padding-left: 0 !important;
  padding-right: 0.75rem !important;
}

[dir="rtl"] .pl\-12 {
  padding-left: 0 !important;
  padding-right: 3rem !important;
}

[dir="rtl"] .pr\-12 {
  padding-right: 0 !important;
  padding-left: 3rem !important;
}

@media (min-width: 768px) {
  [dir="rtl"] .md\:pl\-0 {
    padding-left: 0 !important;
    padding-right: 0px !important;
  }
}

@media (min-width: 768px) {
  [dir="rtl"] .md\:pr\-10 {
    padding-right: 0 !important;
    padding-left: 2.5rem !important;
  }
}

@media (min-width: 768px) {
  [dir="rtl"] .md\:pl\-10 {
    padding-left: 0 !important;
    padding-right: 2.5rem !important;
  }
}

[dir="rtl"] .ml\-auto {
  margin-left: 0 !important;
  margin-right: auto !important;
}

[dir="rtl"] .left\-4 {
  left: auto !important;
  right: 1rem !important;
}

[dir="rtl"] .left\-2 {
  left: auto !important;
  right: 0.5rem !important;
}

[dir="rtl"] .left\-1\/2 {
  left: auto !important;
  right: 50% !important;
}

[dir="rtl"] .right\-0 {
  right: auto !important;
  left: 0px !important;
}

[dir="rtl"] .right\-2 {
  right: auto !important;
  left: 0.5rem !important;
}

[dir="rtl"] .right\-4 {
  right: auto !important;
  left: 1rem !important;
}

[dir="rtl"] .right\-6 {
  right: auto !important;
  left: 1.5rem !important;
}

@media (min-width: 768px) {
  [dir="rtl"] .md\:left\-1\/2 {
    left: auto !important;
    right: 50% !important;
  }
}

@media (min-width: 1024px) {
  [dir="rtl"] .lg\:left\-8 {
    left: auto !important;
    right: 2rem !important;
  }
}

@media (min-width: 1024px) {
  [dir="rtl"] .lg\:right\-8 {
    right: auto !important;
    left: 2rem !important;
  }
}

[dir="rtl"] .border\-l\-2 {
  border-left-width: 0 !important;
  border-right-width: 2px !important;
}

[dir="rtl"] .border\-l\-4 {
  border-left-width: 0 !important;
  border-right-width: 4px !important;
}

[dir="rtl"] .border\-l\-\[\#0045e8\] {
  border-left-color: transparent !important;
  border-right-color: #0045e8 !important;
}

[dir="rtl"] .border\-l\-\[\#f97316\] {
  border-left-color: transparent !important;
  border-right-color: #f97316 !important;
}

[dir="rtl"] .border\-l\-\[\#84cc16\] {
  border-left-color: transparent !important;
  border-right-color: #84cc16 !important;
}

[dir="rtl"] .border\-l\-\[\#14b8a6\] {
  border-left-color: transparent !important;
  border-right-color: #14b8a6 !important;
}

[dir="rtl"] .border\-l\-\[\#003471\] {
  border-left-color: transparent !important;
  border-right-color: #003471 !important;
}

[dir="rtl"] .border\-l\-\[\#8b5cf6\] {
  border-left-color: transparent !important;
  border-right-color: #8b5cf6 !important;
}

[dir="rtl"] .border\-l\-\[\#d946ef\] {
  border-left-color: transparent !important;
  border-right-color: #d946ef !important;
}

[dir="rtl"] .\-translate\-x\-1\/2 {
  --tw-translate-x: 50% !important;
}

[dir="rtl"] .translate\-x\-1\/2 {
  --tw-translate-x: -50% !important;
}

@media (min-width: 768px) {
  [dir="rtl"] .md\:\-translate\-x\-1\/2 {
    --tw-translate-x: 50% !important;
  }
}

/* Fixed header must stay full-width in both directions (left-0 + right-0 stretch). */
[dir="rtl"] header.fixed.left-0.right-0 {
  left: 0 !important;
  right: 0 !important;
}

/* Swiper nav controls: swap side (Tailwind !important classes defeat Swiper's own .swiper-rtl positioning). */
[dir="rtl"] .swiper-button-prev {
  left: auto !important;
  right: 0 !important;
}
[dir="rtl"] .swiper-button-next {
  right: auto !important;
  left: 0 !important;
}

/* Hero carousel custom prev/next buttons: mirror the chevron icon to match the swapped side. */
[dir="rtl"] #hero-btn-prev svg,
[dir="rtl"] #hero-btn-next svg {
  transform: scaleX(-1) !important;
}

/* Toast notifications (contato.php, contato-i2.php, contato-siab.php,
   contato-heimdall.php via contrato-heimdall.css, txmlContato.php) — fixed
   top-right, flip to top-left. Mobile variant already stretches both sides. */
[dir="rtl"] .toast {
  right: auto !important;
  left: 24px !important;
}

/* index.php also hardcodes #hero-btn-prev/#hero-btn-next left/right per breakpoint
   in its own <style> block (bare ID selectors, !important) — those beat the plain
   class-based flips above on specificity alone, so they need their own RTL override
   with matching media queries and a higher-specificity [dir="rtl"] + ID selector. */
@media (max-width: 768px) {
  [dir="rtl"] #hero-btn-prev { left: auto !important; right: 12px !important; }
  [dir="rtl"] #hero-btn-next { right: auto !important; left: 12px !important; }
}
@media (min-width: 769px) and (max-height: 820px) {
  [dir="rtl"] #hero-btn-prev { left: auto !important; right: 32px !important; }
  [dir="rtl"] #hero-btn-next { right: auto !important; left: 18px !important; }
}