/* ==========================================================================
   ROLLING BITES — RTL Stylesheet
   Activated by dir="rtl" on <html> (Arabic / Hebrew layouts).
   Toggle demo available in main.js (data-rtl-toggle button).
   ========================================================================== */

[dir="rtl"]{text-align:right;}

[dir="rtl"] .eyebrow::before{order:2;}
[dir="rtl"] .eyebrow{flex-direction:row-reverse;}


[dir="rtl"] .hero-fg{right:auto;left:-4%;}
[dir="rtl"] .hero-content{text-align:right;}
[dir="rtl"] .hero-desc{margin-left:auto;margin-right:0;}

[dir="rtl"] .reveal-left{transform:translateX(60px);}
[dir="rtl"] .reveal-right{transform:translateX(-60px);}

[dir="rtl"] .dish-card .dish-badge{left:auto;right:14px;}
[dir="rtl"] .service-arrow{transform:scaleX(-1);}
[dir="rtl"] .service-card:hover .service-arrow{transform:scaleX(-1) translateX(6px) rotate(-45deg);}

[dir="rtl"] .timeline{padding-left:0;padding-right:40px;}
[dir="rtl"] .timeline::before{left:auto;right:9px;}
[dir="rtl"] .timeline-item::before{left:auto;right:-40px;}

[dir="rtl"] .pull-quote{border-left:none;border-right:4px solid var(--primary);padding-left:0;padding-right:1.6rem;}
[dir="rtl"] .author-box,[dir="rtl"] .popular-post{flex-direction:row-reverse;}
[dir="rtl"] .share-links a{margin-right:0;margin-left:8px;}
[dir="rtl"] .contact-info-card .item{flex-direction:row-reverse;}
[dir="rtl"] .blog-search input{border-radius:0 100px 100px 0;border-right:2px solid var(--border);border-left:none;}
[dir="rtl"] .blog-search button{border-radius:100px 0 0 100px;}

[dir="rtl"] .offcanvas-menu{text-align:right;}
[dir="rtl"] .breadcrumb-pill{flex-direction:row-reverse;}
[dir="rtl"] .schedule-row{flex-direction:row-reverse;}
[dir="rtl"] .back-to-top{right:auto;left:max(16px,env(safe-area-inset-left));}
@media (min-width:768px){[dir="rtl"] .back-to-top{left:26px;}}
[dir="rtl"] .pricing-card ul{text-align:right;}
[dir="rtl"] .pricing-card ul li i{margin-right:0;margin-left:8px;}
[dir="rtl"] .form-label{text-align:right;}
[dir="rtl"] .filter-bar{direction:rtl;}

[dir="rtl"] .dropdown-menu{text-align:right;}

/* Header / footer use logical properties + grid, so they mirror automatically. */
[dir="rtl"] .footer-bottom{text-align:center;}
@media (min-width:768px){[dir="rtl"] .footer-bottom{text-align:start;}}