/* ===== BINGO PIZZA PAGE RTL STYLES ===== */

/* About Section RTL */
[dir="rtl"] #BingoPizzaTheme .text-left {
  text-align: right !important;
}

[dir="rtl"] #BingoPizzaTheme .label-title-edit,
[dir="rtl"] #BingoPizzaTheme h2,
[dir="rtl"] #BingoPizzaTheme p ,
[dir="rtl"] #BingoPizzaTheme b {
  text-align: right !important;
  font-family: 'Tajawal', sans-serif !important;
}
[dir="rtl"] #BingoPizzaTheme .label-title-edit{
  font-size: 1rem !important;
  
}
[dir="rtl"] h2.label-title-edit{
font-weight: 400 !important;
}
[dir="rtl"] #BingoPizzaTheme b {
  font-weight: 700 !important;
}
/* Card gutters RTL adjustment */
[dir="rtl"] .card-gutters .col-sm-6.offset-sm-1 {
  margin-left: 0 !important;
  margin-right: 8.333333% !important;
}

/* Brand Pillars Section RTL */
[dir="rtl"] #BrandPillars .text-left {
  text-align: right !important;
}

[dir="rtl"] #BrandPillars .mb-5.text-left {
  text-align: right !important;
}

[dir="rtl"] #BrandPillars .row h3,
[dir="rtl"] #BrandPillars .row p {
  text-align: right !important;
}

[dir="rtl"] #BrandPillars {
  transform: scaleX(-1);
}

[dir="rtl"] #BrandPillars > * {
  transform: scaleX(-1);
}

/* Reservation Form RTL */
[dir="rtl"] .flip-card-back .form-label {
  text-align: right !important;
  display: block;
}
[dir="rtl"] .card-gutters {
  width: 20rem;
}
[dir="rtl"] .flip-card-back .form-control {
  text-align: right !important;
}

[dir="rtl"] .flip-card-back .row .col-sm-6:nth-child(odd) {
  
  padding-right: 0;
}

[dir="rtl"] .flip-card-back .row .col-sm-6:nth-child(even) {
  padding-right: 15px;
  padding-left: 0;
}

[dir="rtl"] input[type="date"],
[dir="rtl"] input[type="time"] {
  position: relative;
  direction: rtl;
  text-align: right;
  padding-left: 3rem;
}

[dir="rtl"] input[type="date"] {
  padding-left: 3rem;
}
[dir="rtl"] input[type="date"]::-webkit-calendar-picker-indicator {
  position: absolute;
  left: 0.25rem;
  right: auto;
}

[dir="rtl"] input[type="time"]::-webkit-calendar-picker-indicator {
  position: absolute;
  left: 0.25rem;
  right: auto;
}

/* Specials Section RTL */
[dir="rtl"] #special .text-center {
  text-align: center !important;
}

[dir="rtl"] .special-inner {
  text-align: right !important;
}

[dir="rtl"] .special-inner h3,
[dir="rtl"] .special-inner p {
  text-align: right !important;
}

/* Menu Section RTL */
[dir="rtl"] #menu .text-center {
  text-align: center !important;
}

[dir="rtl"] .media {
  flex-direction: row-reverse;
}

[dir="rtl"] .avatar-sm {
  margin-right: 0 !important;
  margin-left: 1rem !important;
}

[dir="rtl"] .dots-price {
  right: auto;
  left: 0;
}

[dir="rtl"] .menu-price {
  padding-left: 0;
  padding-right: 10px;
}

[dir="rtl"] .media-body {
  text-align: right !important;
}

/* Nav Tabs RTL */
[dir="rtl"] .nav-menu-tabs {
  flex-direction: row-reverse;
}

/* Footer RTL */
[dir="rtl"] .footer .text-sm-left {
  text-align: right !important;
}

[dir="rtl"] .footer .text-sm-right {
  text-align: left !important;
}

[dir="rtl"] .footer-social-icons {
  text-align: right;
}

/* Testimonial/Motto Section RTL */
[dir="rtl"] #motto .text-center {
  text-align: center !important;
}

/* ===== BINGO PIZZA ABOUT SECTION - Images LEFT, Text RIGHT ===== */

/* Container positioning */
[dir="rtl"] #BingoPizzaTheme .container {
  margin-left: auto !important;
  margin-right: 9rem !important;
  padding-right: 0 !important;
  max-width: 100rem !important;
  width: 100% !important;
}

/* Main row - keep natural order (images left, text right) */
[dir="rtl"] #BingoPizzaTheme .BingoTh {
  justify-content: space-between !important;
  /* NO flex-direction: row-reverse */
}

/* Text column - on the RIGHT side with proper gap */
[dir="rtl"] #BingoPizzaTheme #about .col-lg-7 {
  padding-left: 0 !important;
  padding-right: 50px !important; /* Gap between text and images */
  flex: 0 0 65% !important;
  max-width: 55% !important;
}

/* Image column - on the LEFT side */
[dir="rtl"] #BingoPizzaTheme #about .col-lg-4 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  flex: 0 0 30% !important;
  max-width: 30% !important;
}

/* Desktop screens (1200px - 1599px) */
@media (min-width: 1200px) and (max-width: 1599px) {
  [dir="rtl"] #BingoPizzaTheme #about .col-lg-7 {
    padding-right: 60px !important;
  }

  [dir="rtl"] #BingoPizzaTheme #about .position-relative {
    transform: scale(1.25) !important;
    transform-origin: center left !important;
  }
}

/* Medium desktops (1400px - 1599px) */
@media (min-width: 1400px) and (max-width: 1599px) {
  [dir="rtl"] #BingoPizzaTheme #about .position-relative {
    transform: scale(1.2) !important;
    transform-origin: center left !important;
  }
  [dir="rtl"] #BingoPizzaTheme .container {
    margin-left: auto !important;
    margin-right: 9rem !important;
    padding-right: 0 !important;
    max-width: 80rem !important;
  }
}

/* Small desktops (1200px - 1399px) */
@media (min-width: 1200px) and (max-width: 1399px) {
  [dir="rtl"] #BingoPizzaTheme #about .position-relative {
    transform: scale(1) !important;
    transform-origin: center left !important;
  }
}

/* Extra large monitors (1600px+) */
@media (min-width: 1600px) {
  [dir="rtl"] #BingoPizzaTheme #about .col-lg-7 {
    padding-right: 1.4rem !important;
    flex: 0 0 68% !important;
    max-width: 50% !important;
  }

  [dir="rtl"] #BingoPizzaTheme #about .col-lg-4 {
    flex: 0 0 27% !important;
    max-width: 27% !important;
  }

  [dir="rtl"] #BingoPizzaTheme #about .position-relative {
    transform: scale(1.35) !important;
    transform-origin: center left !important;
  }
}

/* Tablet and Mobile - Reset everything */
@media (max-width: 991px) {
  [dir="rtl"] #BingoPizzaTheme .container {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
    margin-right: 0 !important;
  }

  [dir="rtl"] #BingoPizzaTheme #about .col-lg-7 {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }

  [dir="rtl"] #BrandPillars .container {
    padding-right: 1.8rem !important;
    padding-left: 1rem !important;
  }
}

/* Mobile specific adjustments */
@media (max-width: 768px) {
  [dir="rtl"] .special-inner {
    text-align: center !important;
  }

  [dir="rtl"] .special-inner h3,
  [dir="rtl"] .special-inner p {
    text-align: center !important;
  }

  [dir="rtl"] .media {
    text-align: center !important;
  }

  [dir="rtl"] .avatar-sm {
    margin-left: 0 !important;
    margin-bottom: 1rem;
  }
}
/* Reduce column widths to create space for gap */
[dir="rtl"] #BingoPizzaTheme .BingoTh {
  justify-content: space-between !important;
  gap: 60px !important; /* This creates the gap */

  padding-right: 1rem !important;
}

[dir="rtl"] #BingoPizzaTheme .col-lg-7 {
  flex: 0 0 55% !important; /* Reduce from 65% to 55% */
  max-width: 55% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

[dir="rtl"] #BingoPizzaTheme .col-lg-4 {
  flex: 0 0 35% !important; /* Reduce from 30% to 35% */
  max-width: 35% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Adjust image scaling to fit new width */
[dir="rtl"] #BingoPizzaTheme #about .position-relative {
  transform: scale(1.15) !important;
  transform-origin: center right !important;
}

@media (max-width: 991px) {
  [dir="rtl"] #BingoPizzaTheme #about .col-lg-7 > p {
    margin-right: 0 !important;
    margin-left: 2rem !important;
  }

  [dir="rtl"] #BingoPizzaTheme .BingoTh {
    gap: 0px !important;
    margin-right: 0 !important;
  
  }
  [dir="rtl"] .card-gutters {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}

[dir="rtl"] .col-sm-6 {
  padding-right: 0 !important;
}
@media (max-width: 991px) {
  [dir="rtl"] .footer .text-sm-left {
    text-align: right !important;
  }
  [dir="rtl"] .footer .text-sm-right {
    text-align: right !important;
  }
  [dir="rtl"] .footer .text-sm-right p {
    text-align: right !important;
  }
}

[dir="rtl"] #menu .media .media-body p {
  font-size: 1rem !important;
  padding-right: 10px;
  text-align: right;
  margin-right: 0;
}

[dir="rtl"] .avatar-sm {
  width: 3rem !important;
  height: 3rem !important;
}

/* Fix for screens between 1200px and 1599px */
@media (min-width: 1200px) and (max-width: 1599px) {
  [dir="rtl"] #BingoPizzaTheme .container {
    max-width: 1400px !important;
    margin-right: 6rem !important; /* Reduce margin for more space */
  }

  [dir="rtl"] #BingoPizzaTheme .col-lg-7 {
    flex: 0 0 60% !important; /* Slightly reduce text width */
    max-width: 60% !important;
  }

  [dir="rtl"] #BingoPizzaTheme .col-lg-4 {
    flex: 0 0 35% !important; /* Keep image width */
    max-width: 35% !important;
  }

  [dir="rtl"] #BingoPizzaTheme #about .position-relative {
    transform: scale(1.1) !important; /* Slightly reduce image scaling */
    transform-origin: center right !important;
  }

  [dir="rtl"] #BingoPizzaTheme .BingoTh {
    gap: 40px !important; /* Reduce gap between text and images */
  }
}

/* Fix for screens between 992px and 1199px (small laptops) */
@media (min-width: 992px) and (max-width: 1199px) {
  [dir="rtl"] #BingoPizzaTheme .container {
    max-width: 1200px !important;
    margin-right: 4rem !important; /* Further reduce margin */
  }

  [dir="rtl"] #BingoPizzaTheme .col-lg-7 {
    flex: 0 0 58% !important; /* Further reduce text width */
    max-width: 58% !important;
  }

  [dir="rtl"] #BingoPizzaTheme .col-lg-4 {
    flex: 0 0 38% !important; /* Slightly increase image width */
    max-width: 38% !important;
  }

  [dir="rtl"] #BingoPizzaTheme #about .position-relative {
    transform: scale(1) !important; /* No scaling - use original size */
    transform-origin: center right !important;
  }

  [dir="rtl"] #BingoPizzaTheme .BingoTh {
    gap: 30px !important; /* Minimal gap */
  }

  [dir="rtl"] .card-gutters {
    width: 18rem !important; /* Reduce card gutters width */
  }
}
@media (min-width: 1600px) {
[dir="rtl"] #BingoPizzaTheme #about .position-relative {
      transform: scale(1) !important;
}
}




/* Force Tajawal font for RTL - Override Lato */
[dir="rtl"] body,
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6,
[dir="rtl"] p,
[dir="rtl"] span,
[dir="rtl"] div,
[dir="rtl"] a,
[dir="rtl"] li,
[dir="rtl"] button,
[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select,
[dir="rtl"] label,
[dir="rtl"] .navbar-nav .nav-link,
[dir="rtl"] .btn,
[dir="rtl"] .form-control,
[dir="rtl"] .display-4,
[dir="rtl"] .banner-text,
[dir="rtl"] .industry-card,
[dir="rtl"] .brand-content,
[dir="rtl"] .vision-content,
[dir="rtl"] .footer,
[dir="rtl"] .menu-price,
[dir="rtl"] .special-inner,
[dir="rtl"] .application-form,
[dir="rtl"] .label-title-edit,
[dir="rtl"] .section-title,
[dir="rtl"] .our-brands-title,
[dir="rtl"] .steakquette-title,
[dir="rtl"] .vision-title,
[dir="rtl"] .hero-content,
[dir="rtl"] .font-alt,
[dir="rtl"] .font-weight-700,
[dir="rtl"] .letter-spacing-medium,
[dir="rtl"] .font-size-13,
[dir="rtl"] .font-size-14,
[dir="rtl"] .font-size-15,
[dir="rtl"] .h1, [dir="rtl"] .h2, [dir="rtl"] .h3, [dir="rtl"] .h4, [dir="rtl"] .h5, [dir="rtl"] .h6,
[dir="rtl"] .lead,
[dir="rtl"] .text-white,
[dir="rtl"] .text-uppercase {
  font-family: 'Tajawal', sans-serif !important;
}

[dir="rtl"] #BrandPillars * ,
[dir="rtl"]#BrandPillars div{
  font-family: 'Tajawal', sans-serif !important;
}
[dir="rtl"]  #BrandPillars p.mb-0 {
   font-family: 'Tajawal', sans-serif !important;
}
[dir="rtl"] #special *{
 font-family: 'Tajawal', sans-serif !important;
}  
 [dir="rtl"]  #motto *{
  font-family: 'Tajawal', sans-serif !important;
 } 

[dir="rtl"]  #menu .nav-menu-tabs a{
  font-family: 'Tajawal', sans-serif !important;
  font-size: 0.85rem !important;
  font-weight: 500 !important;
 }
 [dir="rtl"] .nav-menu-tabs li a:before {
  top: 0px;
 }
[dir="rtl"] #res *,
[dir="rtl"] #res div{
   font-family: 'Tajawal', sans-serif !important;
 }
 
@media (max-width: 991px) {

 [dir="rtl"] .card-gutters .col-sm-6.offset-sm-1 {
      margin-right: 0 !important;
  }
}

@media (max-width: 991px) {
 [dir="rtl"] .card-gutters {
   padding-bottom: 0rem !important;
  }
}

.ltr-text {
    direction: ltr !important;
    display: inline-block;
}