/* ------------------------------------------------------------------
   RTL / Arabic overrides for damadpipes.com/ar/
   Loaded after bootstrap.min.css and style.css on Arabic pages only.
   ------------------------------------------------------------------ */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap');

html[dir="rtl"] body,
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3,
html[dir="rtl"] h4, html[dir="rtl"] h5, html[dir="rtl"] h6,
html[dir="rtl"] p, html[dir="rtl"] li, html[dir="rtl"] a,
html[dir="rtl"] .btn, html[dir="rtl"] input, html[dir="rtl"] textarea,
html[dir="rtl"] button, html[dir="rtl"] th, html[dir="rtl"] td {
  font-family: 'Cairo', 'Segoe UI', Tahoma, Arial, sans-serif;
  letter-spacing: 0;
}
html[dir="rtl"] body {
  direction: rtl;
  text-align: right;
}

/* ---------- Bootstrap 3 grid & utilities ---------- */
html[dir="rtl"] [class*="col-xs-"] { float: right; }
@media (min-width: 768px)  { html[dir="rtl"] [class*="col-sm-"] { float: right; } }
@media (min-width: 992px)  { html[dir="rtl"] [class*="col-md-"] { float: right; } }
@media (min-width: 1200px) { html[dir="rtl"] [class*="col-lg-"] { float: right; } }

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

html[dir="rtl"] ul, html[dir="rtl"] ol { padding-left: 0; padding-right: 40px; }
html[dir="rtl"] .nav, html[dir="rtl"] .list-unstyled, html[dir="rtl"] .breadcrumb,
html[dir="rtl"] .menu, html[dir="rtl"] .link-list, html[dir="rtl"] .dropdown-menu,
html[dir="rtl"] .dropdown-menu ul, html[dir="rtl"] .single-post ul,
html[dir="rtl"] .this-textss ul { padding-right: 0; }
html[dir="rtl"] .single-post ul, html[dir="rtl"] .this-textss ul { padding-right: 20px; }

html[dir="rtl"] .nav-pills > li { float: right; }
html[dir="rtl"] .nav-pills > li + li { margin-left: 0; margin-right: 2px; }
@media (min-width: 768px) { html[dir="rtl"] .navbar-nav > li { float: right; } }

html[dir="rtl"] .media-left  { padding-right: 0; padding-left: 10px; }
html[dir="rtl"] .media-right { padding-left: 0; padding-right: 10px; }
html[dir="rtl"] .media-body, html[dir="rtl"] .media-left, html[dir="rtl"] .media-right { display: table-cell; }

html[dir="rtl"] .dropdown-menu { left: auto; right: 0; text-align: right; }
html[dir="rtl"] .caret { margin-left: 0; margin-right: 2px; }
html[dir="rtl"] .form-control { text-align: right; }
html[dir="rtl"] .breadcrumb > li { float: right; }
html[dir="rtl"] .breadcrumb > li + li:before { padding: 0 5px; }
html[dir="rtl"] .carousel-control.left  { left: auto; right: 0; }
html[dir="rtl"] .carousel-control.right { right: auto; left: 0; }

/* ---------- Header ---------- */
html[dir="rtl"] .top-header .header-social { float: left; }
html[dir="rtl"] .main-logo { float: right; }
html[dir="rtl"] .main-header .header-contacts { float: left; }
html[dir="rtl"] .header-contacts li { border-right: none; border-left: 1px solid #d6d6d6; }
html[dir="rtl"] .header-contacts li + li { border-left: none; }
html[dir="rtl"] .header-contacts li:last-child { padding-right: 15px; padding-left: 0; border-left: none; }
html[dir="rtl"] .header-contacts .media-left { padding-right: 0; padding-left: 17px; }
html[dir="rtl"] .main-header .navbar-toggle { float: left; margin-left: 0; margin-right: 15px; }

/* ---------- Navigation ---------- */
@media (min-width: 768px) { html[dir="rtl"] .plumber-navbar #plumber-nav .navbar-nav > li { float: right; } }
html[dir="rtl"] .plumber-navbar #plumber-nav li.dropdown > a:after { float: left; }
html[dir="rtl"] .plumber-navbar #plumber-nav .header-social { float: left; }
html[dir="rtl"] .plumber-navbar #plumber-nav li .dropdown-menu li { padding-left: 0; padding-right: 15px; }
html[dir="rtl"] .plumber-navbar #plumber-nav li .dropdown-menu.megamenu { left: 0; right: 0; width: 100%; }
html[dir="rtl"] .plumber-navbar #plumber-nav li .dropdown-menu.megamenu > li { float: right; }
html[dir="rtl"] .plumber-navbar #plumber-nav li .dropdown-menu ul ul { padding-right: 15px; }
html[dir="rtl"] .lang-switch a { font-weight: 700; }
html[dir="rtl"] .lang-switch a:before { content: "\f0ac"; font-family: FontAwesome; margin-left: 6px; }

/* ---------- Home slider ---------- */
html[dir="rtl"] .carousel-caption .content.text-left { text-align: right; }
html[dir="rtl"] .carousel-caption .content.pull-right { float: left !important; }
html[dir="rtl"] .slider-list li {
  padding-left: 0; padding-right: 35px;
  background-position: right center;
}

/* ---------- Content blocks ---------- */
html[dir="rtl"] .welcome-box { float: right; padding-right: 0; padding-left: 30px; }
html[dir="rtl"] .vision-list li, html[dir="rtl"] .about-us-lists li, html[dir="rtl"] .list2 li {
  padding-left: 0; padding-right: 30px;
  background-position: right 8px;
}
html[dir="rtl"] .about-us-lists .list2 li { background-position: right 3px; }
html[dir="rtl"] .about-us-lists .seal-logo { float: left; margin-right: 0; margin-left: 75px; }
html[dir="rtl"] .mission-statement .this-textss { margin-left: 0; margin-right: 50px; }
@media (max-width: 767px) { html[dir="rtl"] .mission-statement .this-textss { margin-right: 0; } }
html[dir="rtl"] .mission-statement .this-title:after { margin-left: 0; margin-right: 16px; }
html[dir="rtl"] .emmergency-leaks, html[dir="rtl"] .page-cover .container,
html[dir="rtl"] .service-offers > .container > .section-title,
html[dir="rtl"] .service-offers > .container > p { text-align: center; }
html[dir="rtl"] .econtacts.text-right { text-align: left; }
html[dir="rtl"] .faq-question { text-align: right; }
html[dir="rtl"] .faq-question:after { float: left; }
html[dir="rtl"] .tab button { float: right; }
html[dir="rtl"] table { direction: rtl; }
html[dir="rtl"] .single-post li, html[dir="rtl"] .single-post p, html[dir="rtl"] .single-post h2,
html[dir="rtl"] .single-post h3, html[dir="rtl"] .single-post h4 { text-align: right; }

/* Keep Latin technical values readable inside Arabic text */
html[dir="rtl"] .ltr, html[dir="rtl"] code, html[dir="rtl"] .this-no,
html[dir="rtl"] .callto-number, html[dir="rtl"] .call-link { direction: ltr; unicode-bidi: embed; display: inline-block; }

/* ---------- Footer ---------- */
html[dir="rtl"] .footer-contact .media-left { padding-left: 10px; }
html[dir="rtl"] .widget-footer .menu li { padding-left: 0; padding-right: 18px; }
html[dir="rtl"] .widget-footer .menu li:before { left: auto; right: 0; }
html[dir="rtl"] .emmergency-support-banner { float: left; margin-right: 0; margin-left: 35px; }
html[dir="rtl"] .copyright-texts { float: right; }
html[dir="rtl"] .credit-texts { float: left; }
html[dir="rtl"] a.blantershow-chat svg { margin: 0 0 0 10px; }