/*
 Theme Name: Astra Ota Child
 Template: astra
 Text Domain: astra-ota-child
*/

#ota-alert { padding: .75rem 1rem; text-align:center; font-weight:700; }
#ota-alert .wrap { max-width:1200px; margin:0 auto; }
#ota-alert .sep { opacity:.5; padding:0 .5em; }
#ota-alert.alert-on  { background:#d32f2f; color:#fff; }
#ota-alert.alert-off { background:#f5f5f5; color:#333; }


.bousai-sheet,.pwa-banner{position:fixed;left:0;right:0;z-index:9999;box-shadow:0 -8px 24px rgba(0,0,0,.2)}
.bousai-sheet{bottom:0;background:#fff;border-radius:16px 16px 0 0;transform:translateY(100%);transition:transform .25s ease}
.bousai-sheet.show{transform:translateY(0)}
.bousai-sheet.hidden{display:none}
.bousai-sheet__inner{padding:16px}
.bousai-sheet__title{font-weight:700;margin-bottom:4px}
.bousai-sheet__msg{font-size:14px;color:#333;margin-bottom:12px}
.bousai-sheet__btns{display:flex;gap:8px}
.pwa-banner{bottom:0;background:#0b1e2d;color:#fff;padding:12px}
.pwa-banner.hidden{display:none}
.pwa-banner__text{font-size:14px;margin-bottom:8px}
.pwa-banner__btns{display:flex;gap:8px}
.btn{padding:10px 14px;border-radius:10px;border:none}
.btn.primary{background:#0ea5e9;color:#fff}
.btn.ghost{background:#f3f4f6;color:#111}
@media(min-width:768px){.bousai-sheet__inner{padding:20px}.pwa-banner{left:auto;right:16px;bottom:16px;border-radius:12px;width:420px}}