/* Add-on styles: keeps the existing gold branding, sticky header and mobile menu. */
.yudi-lang-switch{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;isolation:isolate;z-index:55;padding:5px;border:1px solid #d8ba83;border-radius:999px;background:linear-gradient(120deg,#fffdf7,#f8edd8);box-shadow:0 4px 14px #74552825;line-height:1}
.yudi-lang-switch button{display:inline-grid;place-items:center;width:39px;height:34px;min-width:39px;padding:5px;border:1px solid transparent;border-radius:999px;background:transparent;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;-webkit-tap-highlight-color:transparent}
.yudi-lang-switch button svg{width:27px;height:19px;display:block;border-radius:3px;box-shadow:0 1px 4px #0002;overflow:hidden}
.yudi-lang-switch button[aria-pressed="true"]{background:linear-gradient(140deg,#efdbaf,#fffcf4);border-color:#c39a52;box-shadow:inset 0 1px 2px #bd8c4930,0 2px 9px #7c5b2838;transform:translateY(-1px)}
.yudi-lang-switch button:focus-visible{outline:3px solid #b58e4e;outline-offset:3px}
@media(hover:hover){.yudi-lang-switch button:hover{transform:translateY(-2px) scale(1.05);background:#fff3d5}}
.header>.yudi-lang-switch{order:0}
.detail-header>.yudi-lang-switch{margin-left:auto;margin-right:16px}
.topbar>.yudi-lang-switch{margin-left:auto;margin-right:12px}
.login-card{position:relative}.login-card>.yudi-lang-switch{position:absolute;right:15px;top:13px}
.yudi-lang-denied>.yudi-lang-switch{position:fixed;top:max(12px,env(safe-area-inset-top));right:12px;z-index:9999}
@media(max-width:1050px){.header>.yudi-lang-switch{gap:3px;padding:3px}.header>.yudi-lang-switch button{width:35px;min-width:35px;height:34px}}
@media(max-width:820px){
 .header{gap:7px!important}
 .header>.brand{min-width:0!important;margin-right:auto!important}
 .header>.yudi-lang-switch{order:1;gap:2px;padding:3px;border-radius:18px;margin-left:auto}
 .header>.mobile-menu{order:2;flex-shrink:0}
 .header nav{order:5}
 .header>.desktop-book{order:6}
 .header>.yudi-lang-switch button{width:32px;height:31px;min-width:32px;padding:4px}
 .header>.yudi-lang-switch button svg{width:25px;height:17px}
 .detail-header{gap:8px}
 .detail-brand{min-width:0}
 .detail-header>.yudi-lang-switch{margin-left:auto;margin-right:0;gap:2px;padding:3px}
 .detail-header>.yudi-lang-switch button{width:32px;height:31px;min-width:32px;padding:4px}
 .detail-header>.detail-back{white-space:nowrap;max-width:120px;text-align:center;line-height:1.25;padding:8px 9px}
 .topbar>.yudi-lang-switch{margin-left:auto;margin-right:0}
 .topbar a{display:none}
}
@media(max-width:380px){
 .header>.brand img{width:38px;height:38px}
 .header>.brand span{font-size:11px;letter-spacing:.04em}
 .header>.brand em{font-size:8px;letter-spacing:.10em}
 .header>.yudi-lang-switch button{width:29px;min-width:29px}
 .header>.yudi-lang-switch button svg{width:24px;height:16px}
 .detail-brand span{display:none}
 .detail-header>.detail-back{max-width:106px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.yudi-lang-switch button{transition:none!important}}
/* Separate editor pane: isolated from services, security and booking panels */
.yudi-translation-group{margin:22px 0;padding:22px;background:#fff;border:1px solid #e8d9bc;border-radius:13px}
.yudi-translation-group h3{font:600 23px Georgia,serif;color:#6d4d29;margin:0 0 10px}
.yudi-translation-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:14px;border-top:1px solid #eee5d8;padding:17px 0}
.yudi-translation-row label{margin:0;color:#805d2c;line-height:1.4}
.yudi-translation-source{font-size:12px;color:#655b4e;background:#f9f4ec;border:1px solid #ede2d0;border-radius:7px;padding:12px;white-space:pre-wrap;overflow-wrap:anywhere;min-height:40px;line-height:1.6}
.yudi-translation-row textarea,.yudi-translation-row input{margin:5px 0 0;width:100%;min-height:47px;border:1px solid #d9c5a2;border-radius:7px;padding:12px;resize:vertical}
.yudi-translation-meta{font-size:12px;font-weight:bold;color:#805d2c;display:block;margin-bottom:8px}
#yudiTranslationActions{position:sticky;bottom:10px;z-index:4;display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:14px;background:#fff9ed;border:1px solid #e7cf9c;border-radius:12px;box-shadow:0 10px 28px #5b402021}
#yudiTranslationActions button{background:#a47736;color:white;padding:13px 22px;border:0;border-radius:8px;font-weight:bold}
#yudiTranslationStatus{font-weight:600;color:#654722}
@media(max-width:680px){.yudi-translation-row{grid-template-columns:1fr}.yudi-translation-group{padding:15px}}