/* Shared glass surface for storefront, authentication and administration. */
:is(.sm,.sa,.office){--glass-top:rgba(255,255,255,.96);--glass-bottom:rgba(229,239,245,.87);--glass-ink:#243e55;--glass-border:#cddce6;--glass-shadow:inset 0 1px 0 #ffffffee,inset 0 -1px 0 #ffffff70,0 3px 9px #19374d12}
:is(.sm,.sa,.office) :is(button,.sm-button,.office-button,.btn,.sa-register-button,.office-nav-action,.sm-level-three>a,.sm-region-chips a,.sm-filter-disclosure>summary,.sm-hero-copy>a,.sm-language-switch,.office-mobile-menu>summary):not(.sm-favorite-button):not(.sm-menu-logout):not([data-hero-dot]):not([data-hero-prev]):not([data-hero-next]):not([data-hero-pause]):not(.sm-photo-thumbs button){background:var(--office-button-fill,linear-gradient(145deg,var(--glass-top),var(--glass-bottom)))!important;color:var(--glass-ink)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow)!important;backdrop-filter:blur(14px) saturate(125%);-webkit-backdrop-filter:blur(14px) saturate(125%);text-shadow:0 1px 0 #ffffff70;transition:box-shadow .18s,background .18s,transform .18s}
:is(.sm,.sa,.office) :is(button,.sm-button,.office-button,.btn,.sa-register-button,.office-nav-action):hover:not(:disabled){box-shadow:inset 0 1px 0 #fff,0 5px 14px #19374d20!important}
:is(.sm,.sa,.office) :is(button,.sm-button,.office-button,.btn,.sa-register-button):active:not(:disabled){transform:translateY(1px)}
:is(.sm,.sa,.office) :is(button,.sm-button,.office-button,.btn,.sa-register-button):focus-visible{outline:2px solid #4b718b;outline-offset:3px}
:is(.sm,.sa,.office) :is(button,.sm-button,.office-button,.btn):disabled{opacity:.5;cursor:not-allowed}
.sm[dir] .sm-contact-actions .sm-call{--glass-top:#35516b;--glass-bottom:#172e46;--glass-ink:#fff;--glass-border:#425d75;text-shadow:none}
.sm[dir] .sm-contact-actions .sm-whatsapp{--glass-top:#edfdf5;--glass-bottom:#cfeedd;--glass-ink:#145c3b;--glass-border:#acd2bd}
.sm[dir] .sm-region-chips a.selected{--glass-top:#fff9f2;--glass-bottom:#f6e3d1;--glass-ink:#78431f;--glass-border:#dbb997}
.sa .passkey_login_link,.sa .o_login_auth:has(.passkey_login_link):not(:has(a:not(.passkey_login_link))){display:none!important}
.sa .sa-register{display:flex;flex-direction:column;align-items:stretch;gap:9px;margin-top:18px;padding-top:16px;text-align:center}
.sa .sa-register>span{font-size:13px}
.sa .sa-register .sa-register-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border-radius:12px;font-size:15px;font-weight:700;text-decoration:none}
.sa .btn-primary{min-height:44px;border-radius:12px}
@media(prefers-reduced-motion:reduce){:is(.sm,.sa,.office) :is(button,a){transition:none!important;transform:none!important}}
@media(prefers-reduced-transparency:reduce){:is(.sm,.sa,.office){--glass-top:#fff;--glass-bottom:#eaf1f5}}
body:is([data-theme=dark],[data-theme=night],[data-theme$="-dark"]) .office{--glass-top:#344b60;--glass-bottom:#243747;--glass-ink:#edf5fc;--glass-border:#506778;--glass-shadow:inset 0 1px 0 #ffffff20,0 3px 9px #0003}

.sm[dir] .sm-contact-actions .sm-button.sm-whatsapp{color:#145c3b!important}

/* Registration is the warm glass accent; login keeps the cool glass surface. */
.sa .sa-register .sa-register-button{--glass-top:#ffb45f;--glass-bottom:#ff821f;--glass-ink:#342517;--glass-border:#f2943e;--glass-shadow:inset 0 1px 0 #ffffffb3,inset 0 -1px 0 #dc650d33,0 4px 12px #f5822830;text-shadow:0 1px 0 #ffffff30}
.sa .sa-register .sa-register-button:hover{--glass-top:#ffc078;--glass-bottom:#ff902f;box-shadow:inset 0 1px 0 #ffffffc9,0 6px 16px #f5822840!important}

body:is([data-theme=night],[data-theme$="-dark"]) .office :is(button,.office-button,.office-nav-action){text-shadow:none}

/* Seller contact: WhatsApp green and a light navy glass call surface. */
.sm[dir] .sm-contact-actions .sm-button.sm-whatsapp{--glass-top:#25d366;--glass-bottom:#25d366;--glass-border:#1bb957;--glass-ink:#083c24;color:#083c24!important;text-shadow:none}
.sm[dir] .sm-contact-actions .sm-button.sm-call{--glass-top:#edf5fc;--glass-bottom:#c5d9ec;--glass-border:#abc5df;--glass-ink:#244b72;color:#244b72!important;text-shadow:0 1px 0 #ffffff80}
.sm[dir] .sm-contact-actions .sm-contact-icon{display:block;width:20px;height:20px;flex:0 0 20px}