/* Reservation Call Notice Modal */
.restaurant-call-notice[hidden] { display: none; }
.restaurant-call-notice { position: fixed; inset: 0; z-index: 9999; }
.restaurant-call-notice__backdrop { position:absolute; inset:0; background: rgba(0,0,0,.5); }
.restaurant-call-notice__dialog { position:relative; max-width: 720px; margin: 5vh auto; background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,.2); }
.restaurant-call-notice__header { display:flex; align-items:center; justify-content:space-between; padding: 14px 16px; border-bottom: 1px solid rgba(0,0,0,.06); }
.restaurant-call-notice__body { max-height: 60vh; overflow:auto; padding: 14px 16px; }
.restaurant-call-notice__footer { display:flex; gap: 10px; justify-content:flex-end; padding: 12px 16px; border-top: 1px solid rgba(0,0,0,.06); }
.restaurant-call-notice__close { background: transparent; border: none; font-size: 20px; line-height: 1; cursor: pointer; }

/* Items */
.call-notice-item { padding: 10px 0; border-bottom: 1px dashed rgba(0,0,0,.08); }
.call-notice-item:last-child { border-bottom: none; }
.call-notice-item__title { font-weight: 600; margin-bottom: 6px; }
.call-notice-item__content small { color: #666; font-size: .9em; }

/* Policy */
.restaurant-call-notice__policy { margin-top: 10px; }
.call-policy-item { padding: 8px 0; border-bottom: 1px dashed rgba(0,0,0,.08); }
.call-policy-item:last-child { border-bottom: none; }
.reservation-policy-item__title { font-weight: 600; margin-bottom: 4px; }

/* Buttons (inherit theme if available) */
.ark-btn { display:inline-flex; align-items:center; justify-content:center; padding: 10px 16px; border-radius: 6px; border: 1px solid #ddd; background:#f7f7f7; cursor:pointer; }
.ark-btn.-ghost { background: #fff; }

/* Scroll lock */
.is-call-notice-open { overflow: hidden; }

@media (max-width: 599px) {
  .restaurant-call-notice__dialog {  inset: auto 0 0 0; width: auto; border-radius: 12px 12px 0 0; }
}