/* Home page business status. */
.visit-strip .business-badge:before{content:none;display:none}
.visit-strip .business-badge[data-state=closed]+.business-detail{display:none}
.visit-strip .business-badge[data-state=open],
.visit-strip .business-badge[data-state=before],
.visit-strip .business-badge[data-state=after]{background:#c81d35;border:2px solid #c81d35;color:#fff;font-size:20px;font-weight:700;line-height:1.5;padding:9px 18px;letter-spacing:.04em}
@media(max-width:600px){.visit-strip .business-badge[data-state=open],.visit-strip .business-badge[data-state=before],.visit-strip .business-badge[data-state=after]{font-size:19px;padding:9px 15px}}

.visit-strip .visit-hours-panel{display:flex;align-items:center;gap:24px;padding:16px 20px;background:#ffffffd9;border:1px solid #b9d8ce;border-left:3px solid #00a88e}
.visit-strip .visit-hours-panel p{margin:0;line-height:1.9}
.visit-strip .visit-hours-panel p+p{border-left:1px solid #d9e7e1;padding-left:24px}
.visit-strip .visit-hours-panel small{color:#55746a}
@media(max-width:600px){.visit-strip .visit-hours-panel{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px}.visit-strip .visit-hours-panel p+p{border-left:0;border-top:1px solid #d9e7e1;padding:12px 0 0;width:100%}}

/* Emphasize today's hours beside the current business status. */
.visit-strip .business-badge:is([data-state=open],[data-state=before],[data-state=after])+.business-detail{
 display:inline-block;
 padding:8px 16px;
 border:1px solid #93c9b9;
 border-radius:4px;
 background:#e5f5ef;
 color:#005b4d;
 font-size:22px;
 font-weight:700;
 line-height:1.6;
 overflow-wrap:anywhere;
}
@media(max-width:600px){
 .visit-strip .business-badge:is([data-state=open],[data-state=before],[data-state=after])+.business-detail{font-size:20px;padding:8px 12px;max-width:100%}
}

/* Keep status and today's hours next to each other on phones. */
@media(max-width:600px){
 .visit-strip #business-status{flex-direction:row;flex-wrap:nowrap;align-items:center;gap:8px}
 .visit-strip #business-status .business-badge{flex:0 1 auto;min-width:0;font-size:14px;padding:8px;line-height:1.5}
 .visit-strip #business-status .business-detail{flex:0 1 auto;min-width:0;font-size:15px;padding:8px;line-height:1.5}
}

.visit-strip #business-status .business-detail[hidden]{display:none}
