/* ===== RTL overrides – applied when <html dir="rtl"> ===== */
/* Most spacing uses logical properties in style.css; these cover the rest. */
[dir="rtl"] body{font-family:'Segoe UI','Tahoma','Poppins',sans-serif;text-align:right}
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3,[dir="rtl"] h4{font-family:'Segoe UI','Tahoma','Fredoka',sans-serif;letter-spacing:0}
[dir="rtl"] .eyebrow{letter-spacing:0}

/* mobile drawer slides from the left in RTL */
@media (max-width:991px){
  [dir="rtl"] .main-nav{transform:translateX(-100%);box-shadow:10px 0 40px rgba(0,0,0,.2)}
  [dir="rtl"] .main-nav.open{transform:none}
  [dir="rtl"] .dropdown{padding:0 14px 0 0}
  [dir="rtl"] .hero-text,[dir="rtl"] .hero-btns{text-align:center}
}

/* directional micro-interactions */
[dir="rtl"] .steps li:hover{transform:translateX(-8px)}
[dir="rtl"] .reveal-left{transform:translateX(60px)}
[dir="rtl"] .reveal-right{transform:translateX(-60px)}
[dir="rtl"] .reveal-left.in-view,[dir="rtl"] .reveal-right.in-view{transform:none}
[dir="rtl"] .logo:hover img{transform:rotate(15deg) scale(1.1)}

/* flip arrows */
[dir="rtl"] .menu-overlay span,[dir="rtl"] .link-arrow{display:inline-block}
[dir="rtl"] .testi-nav button{transform:scaleX(-1)}
[dir="rtl"] .testi-nav button:hover{transform:scaleX(-1) scale(1.1)}
[dir="rtl"] .wave{transform:scaleX(-1)}
[dir="rtl"] .shadow-flip{box-shadow:-10px 0 40px rgba(0,0,0,.2)}
[dir="rtl"] .testi figcaption{text-align:right}
[dir="rtl"] .hero-stats li{direction:rtl}
/* ===== About page – RTL ===== */
[dir="rtl"] .story-collage img:hover{transform:scale(1.04) rotate(1deg)}
[dir="rtl"] .timeline li{text-align:right}
[dir="rtl"] .breadcrumb span{display:inline-block;transform:scaleX(-1)}
[dir="rtl"] .phil-card,[dir="rtl"] .special-card,[dir="rtl"] .exp-info{text-align:center}
[dir="rtl"] .exp-info{text-align:right}
[dir="rtl"] .phil-card{text-align:right}
[dir="rtl"] .phil-quote{text-align:center}
@media (max-width:991px){
  [dir="rtl"] .cta-band{text-align:center}
  [dir="rtl"] .story-text{text-align:right}
}
/* ===== Menu page – RTL ===== */
[dir="rtl"] .tabs-scroll,[dir="rtl"] .size-toggle,[dir="rtl"] .drink-body,[dir="rtl"] .sig-body{text-align:right}
[dir="rtl"] .top-card{text-align:center}
[dir="rtl"] .drink-card:hover .drink-img img{transform:scale(1.1) rotate(-1.5deg)}
[dir="rtl"] .top-card:hover img{transform:rotate(-10deg) scale(1.1)}/* ===== Customize page – RTL ===== */
[dir="rtl"] .cz-straw{transform:rotate(-7deg)}
[dir="rtl"] .cz-card,[dir="rtl"] .cz-receipt{text-align:center}
[dir="rtl"] .cz-list li,[dir="rtl"] .cz-bill li,[dir="rtl"] .cz-total{text-align:right}
[dir="rtl"] .cz-opt:hover .cz-card img{transform:rotate(-10deg) scale(1.08)}
@media (max-width:600px){[dir="rtl"] .cz-bases .cz-card{text-align:right}}/* ===== Special Offers page – RTL ===== */
[dir="rtl"] .of-body,[dir="rtl"] .of-calc,[dir="rtl"] .of-codes,[dir="rtl"] .of-live{text-align:right}
[dir="rtl"] .of-hh,[dir="rtl"] .of-tier{text-align:center}
[dir="rtl"] .of-card:hover .of-img img{transform:scale(1.1) rotate(-1.5deg)}
[dir="rtl"] .of-timer{direction:ltr}/* ===== Contact page – RTL ===== */
[dir="rtl"] .ct-store:hover{transform:translateX(-6px)}
[dir="rtl"] .ct-card,[dir="rtl"] .ct-success{text-align:center}
[dir="rtl"] .ct-map-bar,[dir="rtl"] .ct-hours,[dir="rtl"] .ct-faqs,[dir="rtl"] .ct-form{text-align:right}
[dir="rtl"] .ct-hours-list b,[dir="rtl"] #ctCount{direction:ltr}
[dir="rtl"] .ct-stores{padding:4px 4px 6px 6px}/* ===== 404 + Coming soon – RTL ===== */
[dir="rtl"] .nf-straw{transform:rotate(-8deg)}
[dir="rtl"] .nf-link b{transform:scaleX(-1)}
[dir="rtl"] .nf-link:hover b{transform:scaleX(-1) translateX(5px)}
[dir="rtl"] .nf-num,[dir="rtl"] .cs-count{direction:ltr}
[dir="rtl"] .nf-link{text-align:right}
[dir="rtl"] .cs-card{text-align:center}/* ===== Home 2 page – RTL ===== */
[dir="rtl"] .h2-pick,[dir="rtl"] .h2-offer,[dir="rtl"] .h2-top{text-align:right}
[dir="rtl"] .h2-offer{align-items:flex-start}
[dir="rtl"] .h2-card,[dir="rtl"] .h2-score,[dir="rtl"] .h2-cat{text-align:center}
[dir="rtl"] .h2-cat:hover .h2-cat-img{transform:rotate(6deg)}
[dir="rtl"] .h2-code{padding:6px 16px 6px 6px}
[dir="rtl"] .h2-bars em{direction:ltr}