/* Stamp OM language switch: sits in the header rather than over page content. */
#stampom-lang-button{position:fixed;top:12px;left:14px;z-index:99999;border:1px solid #c6a76a;background:#174b3c;color:#fff7df;border-radius:30px;padding:10px 18px;font:700 13px system-ui,-apple-system,'Segoe UI',sans-serif;cursor:pointer;box-shadow:0 3px 14px rgba(0,0,0,.17);min-width:86px}
#stampom-lang-button:hover{background:#24634f}
#stampom-lang-button:focus-visible{outline:3px solid #e4bd78;outline-offset:3px}
body.stampom-en{direction:ltr}
body.stampom-en .dashboard{direction:ltr}
body.stampom-en .sidebar{direction:ltr}
body.stampom-en .page,body.stampom-en .topbar,body.stampom-en .public-page{direction:ltr}
body.stampom-en .install-help{text-align:left}
body.stampom-en .owner-action{text-align:left}
body.stampom-en .public-top{direction:ltr}
body.stampom-en .login-panel{text-align:left}
body.stampom-en .form-stack{text-align:left}
body.stampom-en input[type='tel'],body.stampom-en input[type='email']{direction:ltr}
@media(max-width:700px){#stampom-lang-button{top:8px;left:8px;padding:8px 12px;font-size:12px}}


/* Fix placement on both dashboard languages and at mobile widths */
html,body{max-width:100%;}
#stampom-lang-button{box-sizing:border-box;white-space:nowrap;line-height:1.25;}
#app .topbar{gap:14px;min-width:0;}
#app .topbar>div:first-child{min-width:0;}
#app .topbar>#stampom-lang-button{
 position:static;inset:auto;left:auto;top:auto;
 display:inline-flex;align-items:center;justify-content:center;
 flex:0 0 auto;margin-inline-start:0;
 min-height:38px;min-width:94px;
 box-shadow:none;padding:9px 17px;
}
#app .topbar .top-right{min-width:0;}
#app .public-top{gap:12px;flex-wrap:wrap;}
#app .public-top>#stampom-lang-button{
 position:static;inset:auto;left:auto;top:auto;
 box-shadow:none;padding:8px 13px;min-width:90px;flex:0 0 auto;
}
#app .login-panel{position:relative;}
#app .login-panel>#stampom-lang-button{
 position:absolute;top:18px;right:auto;left:auto;
 inset-inline-end:20px;box-shadow:none;z-index:5;
}
#app .main,#app .page,#app .owner-grid>*{min-width:0;}
@media(max-width:700px){
 #app .topbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
 #app .topbar>#stampom-lang-button{padding:8px 12px;min-width:auto;font-size:12px;margin-inline-start:auto;}
 #app .public-top>#stampom-lang-button{padding:7px 12px;min-width:auto;font-size:12px;}
 #app .login-panel>#stampom-lang-button{top:12px;inset-inline-end:14px;}
}

/* Bilingual merchant names: keep the merchant identity separate from UI translations. */
.stampom-shop-en{display:none!important}
html[lang="en"] .stampom-shop-ar{display:none!important}
html[lang="en"] .stampom-shop-en{display:inline!important}