/* ====== RTL base ====== */
html[dir="rtl"], body { direction: rtl; }
body { font-family: Vazirmatn, "IRANSans", "Segoe UI", Tahoma, Arial, sans-serif; }

/* ====== Navbar (Bootstrap 3) ====== */
/* راست‌چین کردن آیتم‌ها، ولی جای دکمه همبرگر و لوگو درست بماند */
.navbar { direction: rtl; }
.navbar-header { float: right; }                   /* لوگو/همبرگر سمت راست */
.navbar-toggle { float: left; }                    /* دکمه همبرگر سمت چپ تا با RTL جور شود */

/* فهرست منوها؛ در BS3 .navbar-right یعنی float:right — ما می‌خواهیم ترتیب RTL باشد */
.navbar-nav { float: right; }
.navbar-nav > li { float: right; }                 /* آیتم‌ها از راست به چپ ردیف شوند */
.navbar-nav > li > a { padding: 15px 20px; }       /* کمی فضای متعادل */

/* در حالت موبایل، منو ستونی است؛ کافی است متن‌ها راست‌چین بمانند */
@media (max-width: 767px) {
  .navbar-collapse { text-align: right; }
  .navbar-nav { float: none !important; }
  .navbar-nav > li { float: none; }
}

/* ====== متن‌ها و هدینگ‌ها ====== */
h1, h2, h3, h4, h5, h6, p, .title-caption, .block-title { text-align: center; }

/* بنر */
.banner .banner-text { text-align: right; }

/* بخش درباره‌ما: عکس‌ها سمت چپ، متن راست */
.about-main .row { direction: rtl; }
.about-main .col-lg-6, .about-main .col-md-6 { float: right; }

/* آیتم‌های منو غذا (offer-item): قیمت سمت چپ، متن راست */
.offer-item { direction: rtl; text-align: right; }
.offer-item .offer-price { float: left; }

/* تب‌های منو (tab-menu) */
.tab-menu .slider-nav .tab-title-menu h2 { text-align: center; }

/* تیم و کارت‌ها */
.sf-team .text-col { text-align: right; }
.team-social { direction: rtl; }
.team-social li { float: right; }

/* گالری مودال توضیحات */
.gal-container .description h4, .gal-container .description { text-align: right; }

/* فرم رزرو */
.reservations-box, .reservations-box .form-box { direction: rtl; text-align: right; }
.reservations-box input, .reservations-box select { text-align: right; }

/* فوتر */
.footer-box h3, .footer-box p, .footer-box ul li, .footer-main .footer-news p { text-align: right; }
.footer-socials { direction: rtl; }
.footer-socials li { float: right; }

/* ایکون‌ها با فاصله منطقی RTL */
[class*="fa-"], .flaticon { margin-inline-start: .25rem; margin-inline-end: 0; }

/* ====== دکمه‌ها و کپسول‌ها به سبک تو ====== */
/* اگر خواستی دکمه تماس/ورود و شبکه‌های اجتماعی یک‌دست شوند: */
.capsule {
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,.05);
  background: #fff;
}

/* نمونه برای شبکه‌های اجتماعی‌ت (در صورت استفاده) */
.c-social-round { display:flex; align-items:center; gap:8px; }
.c-social-round a{
  width:40px; height:40px; display:flex; align-items:center; justify-content:center;
  border-radius:12px; background:#fff; box-shadow:0 2px 10px rgba(0,0,0,.05);
  color:#444; font-size:18px; transition:transform .2s ease;
}
.c-social-round a:hover{ transform:translateY(-2px); }
.c-social-round a.ig{ color:#E4405F; }
.c-social-round a.wa{ color:#25D366; }
.c-social-round a.tg{ color:#0088cc; }
.c-social-round a.yt{ color:#FF0000; }
.c-social-round a.ap{ color:#ED145B; }

/* ====== ریزه‌کاری‌های Bootstrap ====== */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover { text-align: center; }

/* هرجایی padding-left/right داشت، بهتره منطقی بشه */
.pad-right { padding-inline-end: 15px; padding-inline-start: 0; }
.pad-left  { padding-inline-start: 15px; padding-inline-end: 0; }

/* کپسول یکدست */
.pill {
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,.05);
}

/* دکمه هدر: ورود/ثبت‌نام + تماس */
.header-actions .btn,
.c-header-btn,
.btn-call {
  border: 0;
  padding: 8px 14px;
  font-weight: 600;
}
.header-actions .btn.pill,
.c-header-btn.pill,
.btn-call.pill { background:#fff; color:#333; }

/* شبکه‌های اجتماعی یکدست با دکمه‌ها */
.c-social-round { display:flex; align-items:center; gap:8px; }
.c-social-round a {
  width: 40px; height: 40px; display:flex; align-items:center; justify-content:center;
  border-radius: 12px; background:#fff; box-shadow:0 2px 10px rgba(0,0,0,.05);
  color:#444; font-size:18px; transition:transform .2s ease;
}
.c-social-round a:hover { transform: translateY(-2px); }

/* رنگ آیکن‌ها (خود آیکن رنگی بشود، نه پس‌زمینه) */
.c-social-round a.ig{ color:#E4405F; }
.c-social-round a.wa{ color:#25D366; }
.c-social-round a.tg{ color:#0088cc; }
.c-social-round a.yt{ color:#FF0000; }
.c-social-round a.ap{ color:#ED145B; }

/* لوگو/همبرگر در RTL */
.navbar-header { float: right; }
.navbar-toggle { float: right; }          /* همبرگر سمت چپ */
.navbar-nav { float: right; }
.navbar-nav>li { float: right; }
.navbar-nav>li>a { padding: 15px 20px; }
@media (max-width:767px){
  .navbar-collapse{ text-align:right; }
  .navbar-nav{ float:none !important; }
  .navbar-nav>li{ float:none; }
}
