/* FATELI BEAUTY v5 — languages, footer links, scrolling reviews, Info & Privacy panels. Same palette and type as v4. */

/* language switch: all codes inline on desktop, one code + small list on phones */
.lang-switch{position:relative}
.lang-list{display:flex;align-items:center;gap:2px}
.header-right .lang-switch .lang-current{display:none;align-items:center;gap:5px}
.header-right .lang-switch .lang-current span{margin:0}
.lang-current svg{width:8px;height:6px;transition:transform .2s}
.lang-switch.is-open .lang-current svg{transform:rotate(180deg)}
.lang-list button+button::before{content:"";display:inline-block;width:1px;height:9px;background:#b99888;margin:0 7px 0 0;vertical-align:-1px}
@media(max-width:700px){
 .header-right .lang-switch .lang-current{display:inline-flex;border-bottom-color:#46282150;color:var(--ink)}
 .lang-list{display:none;position:absolute;top:calc(100% + 2px);left:50%;transform:translateX(-50%);z-index:40;grid-template-columns:repeat(3,auto);gap:0 4px;padding:4px 8px;background:#faf8f4;border:1px solid #d4bca5;border-radius:16px;box-shadow:0 14px 34px #3c20262e}
 .lang-switch.is-open .lang-list{display:grid}
 .lang-list button+button::before{display:none}
 .header-right .lang-list button{padding:10px 6px}
}

/* discreet footer links: Privacy · Info · Reviews */
.site-links{display:flex;justify-content:center;align-items:center;gap:0;margin:6px 0 0;flex-wrap:wrap}
.site-links a{font:10px Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#8d6d74;text-decoration:none;padding:8px 2px;border-bottom:1px solid transparent}
.site-links a:hover,.site-links a:focus-visible{color:var(--ink);border-bottom-color:#46282140}
.site-links a+a::before{content:"·";display:inline-block;margin:0 10px;color:#b99888}
.brand-line{font:10px/1.6 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#99747d;margin:8px 0 0}

/* reviews: two gentle conveyor rows */
.rev-score{margin-bottom:18px}
.rev-count{font:11px/1.6 Arial,sans-serif;color:#79565e;text-align:center}
.rev-marquee{direction:ltr;display:grid;gap:12px;margin:0 -30px;padding:4px 0;outline:none}
.rev-marquee:focus-visible{box-shadow:inset 0 0 0 1px #b99888}
.rev-row{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.rev-belt{display:flex;width:max-content;animation:rev-scroll var(--rev-duration,40s) linear infinite}
.rev-row:nth-child(2) .rev-belt{animation-direction:reverse}
.rev-set{display:flex;gap:12px;padding-right:12px}
@keyframes rev-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.rev-marquee:hover .rev-belt,.rev-marquee:focus-within .rev-belt,.rev-marquee:focus .rev-belt,.rev-marquee.is-touched .rev-belt,.rev-marquee.is-stopped .rev-belt{animation-play-state:paused}
.rev-card{flex:0 0 auto;width:270px;margin:0;border:1px solid #d5b29a70;border-radius:20px;background:#fffcf7;padding:18px 19px 15px;display:flex;flex-direction:column;gap:11px;position:relative}
.rev-card.tone-0{background:#fbefee}.rev-card.tone-1{background:#f6f0f6}.rev-card.tone-2{background:#f6f6f2}.rev-card.tone-3{background:#fcf3ec}
.rev-card::before{content:"“";position:absolute;top:2px;right:16px;font:46px/1 Georgia,serif;color:#d9b3b5}
.rev-stars{color:#9c704c;font-size:11px;letter-spacing:.22em}
.rev-card blockquote{margin:0;font:16px/1.42 Georgia,serif;font-style:italic;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;flex:1}
.rev-card figcaption{font:9px Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#99747d}
.rev-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0 0;flex-wrap:wrap}
.rev-original{margin:0;font:10px/1.5 Arial,sans-serif;color:#99747d}
.rev-toggle{border:0;border-bottom:1px solid #b38d7666;background:none;color:var(--ink);padding:6px 0;font:10px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.rev-toggle-icon{font-size:8px;letter-spacing:0;margin-right:3px}
@media(prefers-reduced-motion:reduce){
 .rev-belt{animation:none}
 .rev-copy{display:none}
 .rev-row{overflow-x:auto;scroll-snap-type:x mandatory;padding:0 30px;-webkit-mask-image:none;mask-image:none;scrollbar-width:thin;scrollbar-color:#d5b29a transparent}
 .rev-card{scroll-snap-align:center}
 .rev-toggle{display:none}
}

/* info & privacy */
.info-list{margin:4px 0 0;display:grid;gap:0}
.info-row{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:15px 0;border-top:1px solid #d5b29a55}
.info-row dt{font:9px/1.9 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#99747d}
.info-row dd{margin:0;font:15px/1.55 Georgia,serif}
.info-row dd p{margin:0 0 8px}
.info-row small{font:10px Arial,sans-serif;letter-spacing:.08em;color:#99747d}
.info-langs{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.info-langs li{font:11px Arial,sans-serif;padding:5px 11px;border:1px solid #d5b29a90;border-radius:30px;background:#fbefee}
.info-wa{color:var(--ink);text-decoration:none;border-bottom:1px solid #b38d7666}
.info-actions{display:flex;justify-content:center;margin-top:16px}
.privacy-body{font:13px/1.65 Arial,sans-serif;color:#5d3f47}
.privacy-body h3{font:16px/1.3 Georgia,serif;color:var(--ink);margin:20px 0 6px;font-weight:400}
.privacy-body p,.privacy-body ul{margin:0 0 8px}
.privacy-body ul{padding-inline-start:18px}
.privacy-body a{color:var(--ink)}
.privacy-updated{font:10px Arial,sans-serif;letter-spacing:.08em;color:#99747d;margin:18px 0 0}

@media(max-width:700px){
 .rev-marquee{margin:0 -18px}
 .rev-card{width:236px;padding:16px 16px 13px}
 .rev-card blockquote{font-size:15px}
 .info-row{grid-template-columns:1fr;gap:5px;padding:13px 0}
 .site-links a{font-size:9px}
 .site-links a+a::before{margin:0 8px}
}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.rev-row{padding:0 18px}}

/* Arabic: right-to-left, no letter-spacing, upright emphasis */
html[lang="ar"] body{font-family:Tahoma,"Segoe UI","Noto Sans Arabic",Arial,sans-serif}
html[lang="ar"] body *:not(.rev-card *):not([lang]):not(.lang-list button){letter-spacing:0!important}
html[lang="ar"] em{font-style:normal}
html[dir="rtl"] .header-right span{margin-left:0;margin-right:10px}
html[dir="rtl"] .header-right .lang-switch .lang-current span{margin:0}
html[dir="rtl"] .lang-list button+button::before{margin:0 0 0 7px}
html[dir="rtl"] .book-days-wrap{direction:ltr}
html[dir="rtl"] .book-day{direction:rtl}
html[dir="rtl"] .basket-primary>span[aria-hidden="true"],html[dir="rtl"] .rev-link>span[aria-hidden="true"],html[dir="rtl"] #rooms-back svg{transform:scaleX(-1)}
html[dir="rtl"] .book-preview{text-align:right}
html[dir="rtl"] #f-phone{text-align:right}
html[dir="rtl"] .rev-card::before{right:16px}
/* card header: stars (when the review carries a rating) and the quote mark share the top line */
.rev-card{padding-top:42px}
.rev-stars{position:absolute;top:19px;left:19px}
.rev-card::before{top:8px;font-size:40px}
@media(max-width:700px){.rev-card{padding-top:40px}.rev-stars{left:16px;top:18px}}
.lang-list{direction:ltr}
html[dir="rtl"] .back-chev{display:inline-block;transform:scaleX(-1)}