/* ═══════════════════════════════════════════════════════════════ DUNIA GROUP — RTL OVERRIDES (Hebrew / Right-to-Left) Applied when is set ═══════════════════════════════════════════════════════════════ */ html[data-lang="he"], html[data-lang="he"] body { direction: rtl; text-align: right; } /* ─── Typography ─────────────────────────────────────────────── */ html[data-lang="he"] h1, html[data-lang="he"] h2, html[data-lang="he"] h3, html[data-lang="he"] h4, html[data-lang="he"] h5, html[data-lang="he"] h6 { font-family: 'Frank Ruhl Libre', serif; } html[data-lang="he"] .hero-title { font-family: 'Frank Ruhl Libre', serif; letter-spacing: 0; } html[data-lang="he"] .section-label { letter-spacing: 0.06em; } html[data-lang="he"] .nav-logo-main { font-family: 'Frank Ruhl Libre', serif; } /* ─── Navigation ─────────────────────────────────────────────── */ html[data-lang="he"] .nav-inner { flex-direction: row-reverse; } html[data-lang="he"] .nav-links { flex-direction: row-reverse; } html[data-lang="he"] .nav-actions { flex-direction: row-reverse; } html[data-lang="he"] .nav-links a::after { left: auto; right: 0; } html[data-lang="he"] .nav-mobile a { font-family: 'Frank Ruhl Libre', serif; } html[data-lang="he"] .nav-mobile-close { right: auto; left: 28px; } /* ─── Hero ───────────────────────────────────────────────────── */ html[data-lang="he"] .hero-content { direction: rtl; } html[data-lang="he"] .hero-actions { flex-direction: row-reverse; } /* ─── Pool Notice ────────────────────────────────────────────── */ html[data-lang="he"] .pool-notice-inner { flex-direction: row-reverse; } /* ─── About Section ──────────────────────────────────────────── */ html[data-lang="he"] .about-grid { direction: rtl; } html[data-lang="he"] .about-image-accent { right: auto; left: -24px; } html[data-lang="he"] .about-stats { direction: rtl; } html[data-lang="he"] .stat-item { text-align: center; } /* ─── Room Cards ─────────────────────────────────────────────── */ html[data-lang="he"] .room-card-body { text-align: right; direction: rtl; } html[data-lang="he"] .room-card-tags { flex-direction: row-reverse; } html[data-lang="he"] .room-card-footer { flex-direction: row-reverse; } html[data-lang="he"] .room-card-badge { left: auto; right: 16px; } html[data-lang="he"] .room-capacity { flex-direction: row-reverse; } /* ─── Amenities ──────────────────────────────────────────────── */ html[data-lang="he"] .amenity-card { direction: rtl; } html[data-lang="he"] .amenity-name, html[data-lang="he"] .amenity-desc { text-align: center; } /* ─── Includes ───────────────────────────────────────────────── */ html[data-lang="he"] .include-item { flex-direction: row-reverse; text-align: right; } /* ─── Check-in ───────────────────────────────────────────────── */ html[data-lang="he"] .checkin-item { direction: rtl; } /* ─── Footer ─────────────────────────────────────────────────── */ html[data-lang="he"] .footer { direction: rtl; text-align: right; } html[data-lang="he"] .footer-grid { direction: rtl; } html[data-lang="he"] .footer-links { align-items: flex-start; } html[data-lang="he"] .footer-contact-item { flex-direction: row-reverse; text-align: right; } html[data-lang="he"] .footer-bottom { flex-direction: row-reverse; } html[data-lang="he"] .footer-social { flex-direction: row-reverse; } /* ─── Hotel Cards ────────────────────────────────────────────── */ html[data-lang="he"] .hotel-card-content { direction: rtl; text-align: right; } html[data-lang="he"] .hotel-card-link { flex-direction: row-reverse; } /* ─── Chatbot ────────────────────────────────────────────────── */ html[data-lang="he"] .chatbot-panel { direction: rtl; text-align: right; } html[data-lang="he"] .chatbot-trigger { right: auto; left: 32px; } html[data-lang="he"] .chatbot-panel { right: auto; left: 32px; transform-origin: bottom left; } html[data-lang="he"] .chatbot-header { flex-direction: row-reverse; } html[data-lang="he"] .chatbot-header-info { flex-direction: row-reverse; } html[data-lang="he"] .chat-bubble.bot { border-bottom-left-radius: 16px; border-bottom-right-radius: 4px; align-self: flex-end; } html[data-lang="he"] .chat-bubble.user { border-bottom-right-radius: 16px; border-bottom-left-radius: 4px; align-self: flex-start; } html[data-lang="he"] .chat-quick-replies { flex-direction: row-reverse; } html[data-lang="he"] .chatbot-input-row { flex-direction: row-reverse; } /* ─── Buttons with arrows ────────────────────────────────────── */ html[data-lang="he"] .btn .arrow { transform: scaleX(-1); } /* ─── Gallery ────────────────────────────────────────────────── */ html[data-lang="he"] .gallery-header { text-align: right; } html[data-lang="he"] .gallery-strip { direction: ltr; /* keep scroll direction natural */ } /* ─── Divider ────────────────────────────────────────────────── */ html[data-lang="he"] .divider { margin-right: 0; } html[data-lang="he"] .divider-center { margin: 20px auto; } /* ─── Section labels & titles in RTL ────────────────────────── */ html[data-lang="he"] .section-label, html[data-lang="he"] .section-title, html[data-lang="he"] .section-subtitle { text-align: right; } html[data-lang="he"] .text-center .section-label, html[data-lang="he"] .text-center .section-title, html[data-lang="he"] .text-center .section-subtitle { text-align: center; } /* ─── Admin ──────────────────────────────────────────────────── */ html[data-lang="he"] .admin-link { float: left; } /* ─── Pool Notice ────────────────────────────────────────────── */ html[data-lang="he"] .pool-notice-text .he-text { font-size: 1rem; font-weight: 600; } html[data-lang="he"] .pool-notice-text .en-text { font-size: 0.82rem; } /* ─── Mobile RTL fixes ───────────────────────────────────────── */ @media (max-width: 768px) { html[data-lang="he"] .chatbot-trigger { left: 20px; right: auto; } html[data-lang="he"] .chatbot-panel { left: 16px; right: 16px; } html[data-lang="he"] .hero-actions { flex-direction: column; align-items: center; } }