/* ---------------------------------------------------------------------------
 * RTL — spiegeling van de layout voor het Arabisch.
 *
 * Wordt door themes/default/header.php alleen geladen als $isRTL === 'RTL',
 * dus als pt_languages.is_rtl = 1 voor de actieve taal. Laadt NA bootstrap en
 * style.css.
 *
 * Dit bestand bestond al, maar dekte alleen de oude sjabloonmarkup
 * (navbar-brand, #footer h3, .tour_list_desc). Het huidige thema gebruikt
 * f17-/f18-/f19-/f28-/cd-/pc-/v-/fe-klassen, en die stonden er niet in;
 * daardoor bleef de layout in het Arabisch gewoon links-naar-rechts staan
 * terwijl de tekst rechts uitlijnde. De oude regels staan onderaan onder
 * "LEGACY"; het nieuwe deel staat hierboven en is per onderdeel geordend.
 *
 * TWEE OUDE REGELS ZIJN VERWIJDERD omdat ze schade deden:
 *   body { font-family: Tahoma }   overschreef Poppins op de hele site
 *   input { direction: RTL }       zette OOK e-mail-, telefoon- en
 *                                  nummervelden om, waardoor
 *                                  "+212 601 151 489" als "489 151 601 212+"
 *                                  werd getoond. Zie het blok LTR-eilanden.
 * ------------------------------------------------------------------------ */

/* --- 1. Basis ----------------------------------------------------------- */
/* LET OP — GEEN flex-direction: row-reverse in dit bestand.
   Een flex-container met direction:rtl keert de hoofdas AL om. Er dan ook nog
   row-reverse op zetten draait hem terug naar links-naar-rechts. Gemeten op de
   stappenbalk: met row-reverse stond "الحجز" op 525px en "التأكيد" op 753px,
   dus nog steeds links-naar-rechts. Zonder die regel klopt de volgorde. */
[dir="rtl"] body { text-align: right; }

/* Bootstrap 3 grid en utilities */
[dir="rtl"] .pull-left  { float: right !important; }
[dir="rtl"] .pull-right { float: left  !important; }
[dir="rtl"] .text-left  { text-align: right !important; }
[dir="rtl"] .text-right { text-align: left  !important; }
[dir="rtl"] [class*="col-xs-"],
[dir="rtl"] [class*="col-sm-"],
[dir="rtl"] [class*="col-md-"],
[dir="rtl"] [class*="col-lg-"] { float: right; }
[dir="rtl"] .col-xs-pull-0, [dir="rtl"] .col-sm-pull-0,
[dir="rtl"] .col-md-pull-0,  [dir="rtl"] .col-lg-pull-0 { right: auto; }

/* Lijsten en formulieren */
[dir="rtl"] ul, [dir="rtl"] ol { padding-right: 20px; padding-left: 0; }
[dir="rtl"] .list-unstyled, [dir="rtl"] .list-inline { padding-right: 0; }
[dir="rtl"] label { text-align: right; }
[dir="rtl"] .form-control { text-align: right; }
[dir="rtl"] .input-group-addon:first-child { border-radius: 0 4px 4px 0; }
[dir="rtl"] .input-group-addon:last-child  { border-radius: 4px 0 0 4px; }
[dir="rtl"] .checkbox input[type="checkbox"],
[dir="rtl"] .radio input[type="radio"] { margin-right: -20px; margin-left: 0; }
[dir="rtl"] .checkbox, [dir="rtl"] .radio { padding-right: 20px; padding-left: 0; }

/* Navigatie, dropdowns, breadcrumbs, paginering */
[dir="rtl"] .navbar-nav > li { float: right; }
[dir="rtl"] .navbar-left  { float: right !important; }
[dir="rtl"] .navbar-right { float: left  !important; }
[dir="rtl"] .dropdown-menu { right: 0; left: auto; text-align: right; }
[dir="rtl"] .breadcrumb { padding-right: 15px; padding-left: 0; }
[dir="rtl"] .breadcrumb > li + li::before { content: "\\00a0/\\00a0"; float: right; }
[dir="rtl"] .pagination { padding-right: 0; }
[dir="rtl"] .pagination > li > a { float: right; }

/* --- 2. Iconen: alleen richtingiconen spiegelen ------------------------- */
/* Pijlen en chevrons wijzen in RTL de andere kant op. Een auto, stoeltje,
   koffer of telefoon niet: die betekenen geen richting en gespiegeld zien
   ze er simpelweg fout uit. Daarom een expliciete lijst, geen blanket flip. */
[dir="rtl"] .fa-arrow-left,   [dir="rtl"] .fa-arrow-right,
[dir="rtl"] .fa-arrow-circle-left,  [dir="rtl"] .fa-arrow-circle-right,
[dir="rtl"] .fa-long-arrow-left,    [dir="rtl"] .fa-long-arrow-right,
[dir="rtl"] .fa-chevron-left, [dir="rtl"] .fa-chevron-right,
[dir="rtl"] .fa-chevron-circle-left, [dir="rtl"] .fa-chevron-circle-right,
[dir="rtl"] .fa-angle-left,   [dir="rtl"] .fa-angle-right,
[dir="rtl"] .fa-angle-double-left,  [dir="rtl"] .fa-angle-double-right,
[dir="rtl"] .fa-caret-left,   [dir="rtl"] .fa-caret-right,
[dir="rtl"] .fa-caret-square-o-left, [dir="rtl"] .fa-caret-square-o-right,
[dir="rtl"] .fa-hand-o-left,  [dir="rtl"] .fa-hand-o-right,
[dir="rtl"] .fa-reply, [dir="rtl"] .fa-share, [dir="rtl"] .fa-mail-forward,
[dir="rtl"] .fa-sign-in, [dir="rtl"] .fa-sign-out,
[dir="rtl"] .icon-arrow-left, [dir="rtl"] .icon-arrow-right {
  transform: scaleX(-1);
}
/* Deze NIET spiegelen, ook al zit er "left"/"right" in de naam of staan ze
   in een gespiegelde container. */
[dir="rtl"] .fa-car, [dir="rtl"] .fa-taxi, [dir="rtl"] .fa-plane,
[dir="rtl"] .fa-child, [dir="rtl"] .fa-suitcase, [dir="rtl"] .fa-road,
[dir="rtl"] .fa-map-marker, [dir="rtl"] .fa-phone, [dir="rtl"] .fa-envelope,
[dir="rtl"] .fa-user, [dir="rtl"] .fa-user-o, [dir="rtl"] .fa-lock,
[dir="rtl"] .fa-headphones, [dir="rtl"] .fa-check, [dir="rtl"] .fa-star,
[dir="rtl"] .fa-clock-o, [dir="rtl"] .fa-calendar { transform: none; }

/* --- 3. LTR-eilanden binnen Arabische tekst ---------------------------- */
/* Kentekens, telefoonnummers, e-mailadressen, IBAN, referentiecodes en
   merknamen blijven links-naar-rechts, ook midden in een Arabische zin.
   Zonder isolate zet de bidi-algoritme leestekens en cijfers verkeerd:
   "+212 601 151 489" wordt dan "489 151 601 212+". */
[dir="rtl"] .ltr,
[dir="rtl"] [data-ltr],
[dir="rtl"] a[href^="tel:"],
[dir="rtl"] a[href^="mailto:"],
[dir="rtl"] .licenceplate, [dir="rtl"] .car-plate, [dir="rtl"] .plate,
[dir="rtl"] .booking-ref, [dir="rtl"] .v-v, [dir="rtl"] .pc-ref,
[dir="rtl"] input[type="email"], [dir="rtl"] input[type="tel"],
[dir="rtl"] input[type="url"], [dir="rtl"] input[type="number"],
[dir="rtl"] code, [dir="rtl"] kbd, [dir="rtl"] samp {
  direction: ltr;
  unicode-bidi: isolate;
  text-align: left;
}
/* Prijzen: cijfers westers, symbool erachter — de no-break space in
   loc_money() houdt ze bij elkaar. Isoleren zodat het bedrag niet omdraait. */
[dir="rtl"] .price, [dir="rtl"] .f18-card-price, [dir="rtl"] .cd-bk-price__amount,
[dir="rtl"] .pc-card-amount, [dir="rtl"] .v-fin-table td:last-child,
[dir="rtl"] .booking-extras-total, [dir="rtl"] .displayttc {
  unicode-bidi: isolate;
}

/* --- 4. Datumpicker (flatpickr) ---------------------------------------- */
[dir="rtl"] .flatpickr-calendar { direction: rtl; text-align: right; }
[dir="rtl"] .flatpickr-months .flatpickr-prev-month { left: auto; right: 0; transform: scaleX(-1); }
[dir="rtl"] .flatpickr-months .flatpickr-next-month { right: auto; left: 0; transform: scaleX(-1); }
[dir="rtl"] .flatpickr-weekdays, [dir="rtl"] .dayContainer { direction: rtl; }
/* De dagnummers zelf blijven westerse cijfers en dus LTR-geïsoleerd. */
[dir="rtl"] .flatpickr-day { unicode-bidi: isolate; }

/* --- 5. Zoekformulier op de homepage ----------------------------------- */
[dir="rtl"] .fe-search-compact, [dir="rtl"] .fe-hero-search-strip,
[dir="rtl"] .fe-row, [dir="rtl"] .fe-cell-row { direction: rtl; }
[dir="rtl"] .fe-cell, [dir="rtl"] .fe-cell-lbl, [dir="rtl"] .fe-ac-input,
[dir="rtl"] .fe-fp-date, [dir="rtl"] .fe-time-select { text-align: right; }
[dir="rtl"] .fe-ac-dd { right: 0; left: auto; text-align: right; }
[dir="rtl"] .fe-ac-item, [dir="rtl"] .fe-ac-name { text-align: right; }
[dir="rtl"] .fe-ac-ic, [dir="rtl"] .fe-ac-badge { margin-left: 8px; margin-right: 0; }
[dir="rtl"] .fe-tog-icon { margin-left: 6px; margin-right: 0; }
[dir="rtl"] .go-right { float: right; }
[dir="rtl"] .go-text-right { text-align: left; }

/* --- 6. Autokaarten in de lijst ---------------------------------------- */
[dir="rtl"] .f18-car-card, [dir="rtl"] .f17-card { direction: rtl; text-align: right; }
[dir="rtl"] .f18-card-pill, [dir="rtl"] .f17-card-pill { right: auto; left: 12px; }
[dir="rtl"] .f18-card-specs li { margin-left: 12px; margin-right: 0; }
[dir="rtl"] .f18-card-price-prefix { margin-left: 4px; margin-right: 0; }
[dir="rtl"] .f18-card-price-suffix { margin-right: 4px; margin-left: 0; }

/* --- 7. Autodetailpagina ------------------------------------------------ */
[dir="rtl"] .cd-section, [dir="rtl"] .cd-booking, [dir="rtl"] .cd-bk-card { text-align: right; }
[dir="rtl"] .cd-checklist { padding-right: 0; }
[dir="rtl"] .cd-checklist li { padding-right: 22px; padding-left: 0; }
[dir="rtl"] .cd-checklist li::before { right: 0; left: auto; }
[dir="rtl"] .cd-trust li i { margin-left: 8px; margin-right: 0; }
[dir="rtl"] .cd-why__card { text-align: right; }

/* --- 8. Checkout: stappenbalk loopt rechts naar links ------------------- */
/* Options > Paiement > Confirmation wordt in het Arabisch
   Confirmation < Paiement < Options, met de scheidings-chevron gespiegeld. */
[dir="rtl"] .f28-steps li::after, [dir="rtl"] .pc-steps li::after { transform: scaleX(-1); }
[dir="rtl"] .f28-booking, [dir="rtl"] .table-booking { text-align: right; }
[dir="rtl"] .f28-radio-body { text-align: right; }
[dir="rtl"] .f28-radio-dot { margin-left: 10px; margin-right: 0; }
[dir="rtl"] .f28-payment-note svg { margin-left: 8px; margin-right: 0; }
[dir="rtl"] .deposit-invoice { text-align: right; }

/* --- 9. Betaalpagina ---------------------------------------------------- */
[dir="rtl"] .pc-card-label { text-align: right; }
[dir="rtl"] .pc-card-icon { margin-left: 14px; margin-right: 0; }
[dir="rtl"] .pc-details-card, [dir="rtl"] .pc-dl-row { text-align: right; }
[dir="rtl"] .pc-dl-row dt { float: right; }
[dir="rtl"] .pc-dl-row dd { float: left; text-align: left; }
[dir="rtl"] .pc-fin-table td.lbl { text-align: right; }
[dir="rtl"] .pc-fin-table td.val { text-align: left; unicode-bidi: isolate; }
/* --- 10. Bon / voucher (scherm; de PDF heeft zijn eigen regels) --------- */
[dir="rtl"] .v-hero-grid, [dir="rtl"] .v-meta, [dir="rtl"] .v-trajet-grid,
[dir="rtl"] .v-thanks { direction: rtl; text-align: right; }
[dir="rtl"] .v-hero-right { text-align: left; }
[dir="rtl"] .v-fin-table td:first-child { text-align: right; }
[dir="rtl"] .v-fin-table td:last-child  { text-align: left; unicode-bidi: isolate; }
/* --- 11. Footer --------------------------------------------------------- */
[dir="rtl"] .f19-col, [dir="rtl"] .f19-legal { text-align: right; }
[dir="rtl"] .f19-social-link { margin-left: 8px; margin-right: 0; }
[dir="rtl"] .f19-lang-pill { margin-left: 6px; margin-right: 0; }

/* --- 12. Cookiebanner --------------------------------------------------- */
[dir="rtl"] .cookies_alert.cd-cookie { right: auto; left: 20px; text-align: right; }
@media (max-width: 575px) {
  [dir="rtl"] .cookies_alert.cd-cookie { right: 12px; left: 12px; }
}

/* --- 13. Carrousels ----------------------------------------------------- */
/* Swiper en slick rekenen zelf met transform; die laten we met rust, alleen
   de tekst binnenin uitlijnen. Anders springen de slides. */
[dir="rtl"] .swiper-slide, [dir="rtl"] .slick-slide { text-align: right; }


/* ===========================================================================
 * LEGACY — regels uit het oorspronkelijke sjabloon. Ze horen bij markup die
 * grotendeels niet meer bestaat, maar ze staan hier nog omdat een deel van de
 * oude klassen (.go-right, .RTL, .pr0) nog in views voorkomt. Niet uitbreiden;
 * nieuwe regels horen hierboven, achter [dir="rtl"].
 * ======================================================================== */

 /* body{font-family:Tahoma} verwijderd: overschreef Poppins site-wide. */
body { font-size: 14px; }
.navbar-brand, .contactheader, .navbar-nav, .navbar-nav>li, #footer .fa, .newsletter-text {
    float: right !important;
}
#footer h3, #footer h2, ul, li, .footertxt p, .newsletter-text{
	text-align: right
}
#footer h3:after, #footer h2:after {
    right: 0;
    left: initial;
}
#footer .footermenulist ul li:before{
	display: none;
}
#footer .footermenulist ul li:after{
	content: "\f053";
	font-family: FontAwesome;
    font-size: 12px;
    padding-left: 10px;
    right: 0;
}
.img-rtl { -webkit-transform: rotateY(180deg); /* Safari */  transform: rotateY(180deg); /* Standard syntax */ }
.go-right { float: right !important; }
.go-left { float: left !important; }
.go-text-left { text-align: left !important; }
.go-text-right { text-align: right !important; }

/* input{direction:RTL} verwijderd: zette ook e-mail-, telefoon- en
   nummervelden om. Alleen tekstvelden krijgen RTL; de rest staat in het
   blok LTR-eilanden hierboven. */
input[type="text"], input[type="search"], textarea { direction: rtl; }
input[type="text"]::placeholder, input[type="search"]::placeholder,
textarea::placeholder { direction: rtl; }

.location-icon::-webkit-input-placeholder:before { content : " \f041" ; }
.calender-icon::-webkit-input-placeholder:before { content : " \f073" ; }
.search-icon:after { font: normal normal normal 14px/1 FontAwesome; content : " \f002" ; }
.search-icon:before { display: none !important }

.panel-title { direction:RTL }
.RTL { direction:RTL }
#rtl-menu { right:8% !important; }
.rt-menu-caption { margin-left:-85px }
 
.dropdownjs > ul > li {  text-align: right !important; }
.navbar .navbar-form .form-control-wrapper .form-control, .navbar .navbar-form .form-control { text-align: left !important; }
.account { margin-right:0px}
.pr0 { padding-right: 15px;padding-left: 0px; }
.pdr0 { padding-right:0px }

.tour_list_desc {  border-right: 0px solid #ededed !important; }
.main-title { margin-bottom:10px !important; }
.RTL_Bar { padding-left: 0px !important;padding-right:0px !important; }
.smallblacklabel { right:0px !important; left: 190px !important;}
.rtl_title_home { margin-right: 10px; margin-bottom: 12px;}
.labelright { border-right: 1px solid #e8e8e8; border-left: 0px !important; }
.mega-dropdown { left : 240px !important; }

/* Homepage */
.searchInput { padding-right: 30px; }
.locaicon { right: 12px !important; }
input.qty2 { left : 0px !important; }
/* Homepage */

/* Listing page */
.sideline {  border-right: solid 1px #e7e7e7; border-left: solid 0px #e7e7e7 !important; }
.offset-RTL { padding-left: 0px !important; padding-right: 0px !important; }
.pl15pr0 { padding-left: 0px; padding-right: 15px; }
.collapsebtn span.collapsearrow { float: left; }
.collapsebtn.collapsed span.collapsearrow { float: left; }
/* Listing page */

/* header */
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: 0px; }
/* header */

/* Home Search */
.form{padding-right:40px;padding-left:10px;}
.iconspane-lg { position: absolute; font-size: 19px; padding: 10px 10px 0px 0px; color: black; right: 0px; }
/* Home Search */
.main_slider{
    direction : rtl !important; 
}
.main_slider_search{
    left: 89px !important;
    right: auto !important;
 
}
.cars-carousel p{
    direction: rtl; 
}
.main_slider .carousel-caption{
    text-align: right;
}