/* Bilingual language toggle and proper Arabic RTL layout */
.language-switch{display:inline-flex;align-items:center;gap:3px;padding:3px;background:#e7ece5;border:1px solid #d6e0d5;border-radius:100px;flex-shrink:0;letter-spacing:normal;box-shadow:0 2px 8px #183e3b08}
.language-option{border:0;border-radius:100px;background:transparent;color:#71857b;padding:8px 10px;min-height:34px;font:800 11px/1 'DM Sans',sans-serif;letter-spacing:0;white-space:nowrap;transition:background .15s,color .15s}
.language-option[lang=ar]{font:700 12px/1 'Tajawal',sans-serif;padding:9px 12px 6px}
.language-option:hover{color:var(--dark)}
.language-option.selected{background:var(--dark);color:#fff;box-shadow:0 1px 4px #17342d22}
.language-option:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.header-tools{display:flex;align-items:center;gap:18px}
.site-header .header-right{letter-spacing:1.3px}

html[dir=rtl] body{font-family:'Tajawal',sans-serif}
html[dir=rtl] :is(.eyebrow,.header-right,.hero h1,.hero-description,.hero-cta,.hero-mini,.poster-top,.poster-small,.poster-word,.poster-bottom,.detail-label,.event-detail strong,.detail-small,.section-kicker,.rsvp-head h2,.rsvp-head p,.circle-badge,.form-section-label,.field,.form-hint,.option-ui,.option-ui strong,.option-ui small,.optional-mark,.group-title,.group-title strong,.group-title small,.privacy-note,.primary-button,.secondary-button,.text-button,.success-kicker,.success-top h2,.success-top p,.status-label,.venue-heading h3,.venue-heading p,.maps-button,.edit-box,.bottom-banner,.site-footer,.back-link,.admin-login h1,.admin-login p,.admin-login label,.dashboard-head h1,.dashboard-head p,.logout-button,.stat-card,.stat-card strong,.stat-card small,.list-heading h2,.export-button,.search-wrap,.select-wrap select,.rsvp-table,.rsvp-table th,.rsvp-table td,.guest-card,.table-status,.reset-button,.empty-state,.reset-dialog,.reset-dialog h3,.reset-dialog p){font-family:'Tajawal',sans-serif!important;letter-spacing:0!important}
html[dir=rtl] .hero h1{font-size:clamp(58px,6.7vw,88px);line-height:1.15;font-weight:800;letter-spacing:-1.3px!important}
html[dir=rtl] .title-outline{-webkit-text-stroke:1.5px var(--dark)}
html[dir=rtl] .poster-word{font-size:67px;line-height:1.12;font-weight:800;letter-spacing:-1px!important}
html[dir=rtl] .poster-top{font-size:12px}
html[dir=rtl] .poster-bottom>span:first-child{direction:ltr;unicode-bidi:isolate;font-family:'Space Grotesk',sans-serif!important}
html[dir=rtl] .poster-bottom>span:last-child{text-align:left;line-height:1.7;font-size:14px}
html[dir=rtl] .poster{transform:rotate(-5deg)}
html[dir=rtl] .rsvp-head h2{font-size:clamp(44px,6vw,65px);letter-spacing:-1px!important;line-height:1.15}
html[dir=rtl] .rsvp-head h2 span{display:inline-block;margin-inline-start:2px}
html[dir=rtl] .circle-badge{line-height:1.15;font-size:14px}
html[dir=rtl] .option-ui strong{font-size:16px;white-space:normal;line-height:1.2}
html[dir=rtl] .option-ui small{font-size:12px;line-height:1.4}
html[dir=rtl] .option-ui{padding:15px 12px}
html[dir=rtl] .option-circle{right:auto;left:12px}
html[dir=rtl] .optional-mark{margin-left:0;margin-inline-start:auto}
html[dir=rtl] .game-group .group-title strong{font-size:15px}
html[dir=rtl] .group-title small{font-size:12px}
html[dir=rtl] .field>span{font-size:13px;letter-spacing:0}
html[dir=rtl] input[type=tel],html[dir=rtl] input[type=password]{text-align:left}
html[dir=rtl] .map-wrap{direction:ltr}
html[dir=rtl] .maps-button{font-size:14px}
html[dir=rtl] .section-kicker{font-size:13px}
html[dir=rtl] .rsvp-table th{text-align:right;font-size:12px}
html[dir=rtl] .rsvp-table td{font-size:13px}
html[dir=rtl] .stat-card span{font-size:13px}
html[dir=rtl] .list-heading h2{font-size:30px}
html[dir=rtl] .dashboard-head h1{letter-spacing:0!important;line-height:1.2}
html[dir=rtl] .admin-login h1{letter-spacing:0!important;line-height:1.2}
html[dir=rtl] .reset-dialog h3{line-height:1.25}
html[dir=rtl] .search-wrap span{margin-right:0;margin-left:5px}
html[dir=rtl] .game-tag{margin:0 0 5px 4px}
html[dir=rtl] .guest-phone,html[dir=rtl] .rsvp-table .guest-phone{direction:ltr;unicode-bidi:isolate;display:inline-block;text-align:right}
html[dir=rtl] .copy-feedback{text-align:start}
html[dir=rtl] .back-link{line-height:1.4}
html[dir=rtl] .site-footer>div:last-child{text-align:left}
html[dir=rtl] .hero-cta,html[dir=rtl] .primary-button,html[dir=rtl] .maps-button{gap:16px}
html[dir=rtl] .primary-button{font-size:14px}
html[dir=rtl] .hero-description{font-size:17px}
html[dir=rtl] .form-hint{font-size:14px}
html[dir=rtl] .rsvp-head p{font-size:15px}
html[dir=rtl] .venue-heading h3{letter-spacing:0!important}

@media(max-width:790px){
 .header-tools{gap:10px}
 html[dir=rtl] .hero h1{font-size:clamp(58px,11vw,86px)}
}
@media(max-width:580px){
 .site-header .header-right{gap:7px}
 .site-header .header-dot{display:none}
 .language-option{font-size:10px;padding:7px 8px;min-height:31px}
 .language-option[lang=ar]{font-size:11px;padding:8px 9px 5px}
 .header-tools{gap:9px}
 html[dir=rtl] .header-right>span:not(.header-star){font-size:10px}
 html[dir=rtl] .hero h1{font-size:clamp(49px,11.7vw,68px);letter-spacing:-.5px!important}
 html[dir=rtl] .poster-word{font-size:63px}
 html[dir=rtl] .rsvp-head h2{font-size:43px}
 html[dir=rtl] .rsvp-head p{font-size:13px}
 html[dir=rtl] .circle-badge{font-size:11px}
 html[dir=rtl] .option-ui strong{font-size:15px}
 html[dir=rtl] .option-circle{bottom:23px}
 html[dir=rtl] .admin-login h1{font-size:39px}
 html[dir=rtl] .dashboard-head h1{font-size:34px}
 html[dir=rtl] .list-heading h2{font-size:23px}
 html[dir=rtl] .site-footer>div:last-child{text-align:left}
 html[dir=rtl] .copy-feedback{text-align:right}
}

@media(max-width:520px){
 .admin-shell .site-header{gap:7px}
 .admin-shell .brand-icon{width:36px;height:36px;font-size:16px}
 .admin-shell .brand{gap:7px}
 .admin-shell .brand-text{font-size:14px}
 .admin-shell .brand-sub{font-size:7px}
 .admin-shell .header-tools{gap:6px}
 .admin-shell .back-link{font-size:9px;max-width:71px;line-height:1.25}
}
