/*! openhour.css — lunch visuals only (v0.398.1) */

/* Labeled divider (center-wide) */
.lunch-divider{ position:relative; height:44px; margin:22px 0 18px; }
.lunch-divider::before{
  content:""; position:absolute; left:16px; right:16px; top:50%;
  height:1px; background: var(--line,#EAECEF);
}
.lunch-divider__label{
  position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);
  display:inline-flex; align-items:center; gap:10px;
  white-space:nowrap; word-break:keep-all; line-height:1;
  padding:10px 20px; border-radius:999px; background:#fff;
  border:1px solid var(--line,#EAECEF);
  color: var(--text-strong,#35445F);
  font-weight:700; font-size: clamp(.92rem, 3.2vw, 1.05rem); letter-spacing:-.01em;
  box-shadow: 0 1px 2px rgba(0,0,0,.05);
}
.lunch-divider__label i{
  flex:0 0 8px; width:8px; height:8px; border-radius:50%;
  background: currentColor; opacity:.75;
}

@media (max-width:768px){
  .lunch-divider{ height:48px; margin:20px 0 16px; }
  .lunch-divider::before{ left:12px; right:12px; }
  .lunch-divider__label{ font-size:1rem; padding:10px 20px; }
}
@media (max-width:360px){
  .lunch-divider__label{ font-size:.95rem; padding:10px 16px; }
}