/* Readable hours and direct phone action; scoped to the top strip. */
html:root body .topbar .wrap{gap:10px 20px;padding-block:9px}
html:root body .topbar .wrap>span:last-child{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;font-size:13px;line-height:1.3}
html:root body .topbar .hours,html:root body .topbar .wrap>span:last-child>a[href^="tel:"]{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:8px 14px;box-sizing:border-box;border-radius:14px;white-space:nowrap;margin:0;letter-spacing:.01em}
html:root body .topbar .hours{color:#f2f8fe;background:#ffffff10;border:1px solid #93bfd459;font-weight:500}
html:root body .topbar .wrap>span:last-child>a[href^="tel:"]{color:#003f72!important;background:linear-gradient(115deg,#ffe49a,#ffd06b);border:1px solid #ffe3a0;font-size:14px;font-weight:750;text-decoration:none!important;box-shadow:0 3px 10px #001e3920;transition:background .18s,transform .18s}
html:root body .topbar .hours::before,html:root body .topbar .wrap>span:last-child>a[href^="tel:"]::before{content:"";display:block;width:19px;height:19px;flex:0 0 19px;background:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}
html:root body .topbar .hours::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/g%3E%3C/svg%3E")}
html:root body .topbar .wrap>span:last-child>a[href^="tel:"]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3h4l2 5-3 2c1.5 3 3 4.5 6 6l2-3 5 2v4c0 2-2 3-4 2C9 19 5 15 3 7c-1-2 0-4 2-4Z' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
html:root body .topbar .wrap>span:last-child>a[href^="tel:"]:hover{background:#ffeba9;transform:translateY(-1px)}
html:root body .topbar .wrap>span:last-child>a[href^="tel:"]:focus-visible{outline:3px solid white;outline-offset:3px}
@media(max-width:650px){html:root body .topbar .wrap{gap:8px;padding-block:8px}html:root body .topbar .wrap>span:last-child{width:100%;gap:8px}html:root body .topbar .hours,html:root body .topbar .wrap>span:last-child>a[href^="tel:"]{min-height:40px;padding:8px 11px;font-size:12px;gap:7px}html:root body .topbar .hours::before,html:root body .topbar .wrap>span:last-child>a[href^="tel:"]::before{width:17px;height:17px;flex-basis:17px}}
@media(max-width:360px){html:root body .topbar .wrap>span:last-child{gap:6px}html:root body .topbar .hours,html:root body .topbar .wrap>span:last-child>a[href^="tel:"]{padding-inline:8px;font-size:11px;gap:5px}}
@media(prefers-reduced-motion:reduce){html:root body .topbar .wrap>span:last-child>a[href^="tel:"]{transition:none;transform:none}}