/* ────────── 1) 스타일 ────────── */
.reservation-form-wrapper{
  width:100%;max-width:700px;margin:40px auto;padding:24px;
  background:#0a0a1a;border:2px solid #00ffcc;border-radius:12px;
  color:#00ffcc;font-family:'Orbitron','Noto Sans KR',sans-serif;
  box-shadow:0 0 15px #00ffcc;position:relative;overflow:hidden}
.reservation-form-wrapper::before{
  content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;
  background:radial-gradient(circle,rgba(0,255,204,.1)0%,rgba(0,0,0,0)70%);
  animation:pulse 10s infinite}
@keyframes pulse{0%{transform:scale(.5);opacity:.5}100%{transform:scale(1.5);opacity:0}}
.reservation-form-wrapper h2{margin-bottom:20px;font-size:2rem;text-align:center;text-shadow:0 0 10px #00ffcc}
.reservation-form-wrapper p.times{text-align:center;font-size:.9rem;color:#00cccc;margin-bottom:24px;text-shadow:0 0 5px #00cccc}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;position:relative;z-index:1}
.form-field{display:flex;flex-direction:column}
.form-field label{margin-bottom:6px;font-size:.9rem;color:#00cccc;text-transform:uppercase;letter-spacing:1px}
.form-field input,.form-field select,.form-field textarea{
  padding:12px 14px;border:1px solid #00ffcc;border-radius:4px;background:#0f0f2a;color:#00ffcc;font-size:.95rem;
  transition:border-color .3s,box-shadow .3s;box-sizing:border-box}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{
  border-color:#ff00ff;box-shadow:0 0 10px #ff00ff;outline:none}
.form-field textarea{resize:vertical;min-height:80px}
.price-display{grid-column:span 2;font-size:1.1rem;color:#ff00ff;text-align:right;text-shadow:0 0 5px #ff00ff}
.summary{grid-column:span 2;background:#0d0d1d;padding:12px;border:1px solid #00ffcc;border-radius:4px;
  line-height:1.4;font-size:.95rem;margin-top:4px;color:#00ffcc;position:relative;z-index:1}
@media(max-width:768px){.form-grid{display:block}.form-field{margin-bottom:16px}.price-display,.summary{text-align:center}}
.btn-group{display:flex;gap:12px;justify-content:center;margin-top:24px;flex-wrap:wrap}
.btn-group button, .btn-group a, .talk-btn {
  flex:1 1 200px;padding:14px 0;font-size:1rem;border:1px solid #00ffcc;border-radius:4px;
  text-align:center;text-decoration:none;background:#0f0f2a;color:#00ffcc;transition:all .3s;position:relative;overflow:hidden}
.btn-group button::before,.btn-group a::before, .talk-btn::before {
  content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(0,255,204,.2);
  border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}
.btn-group button:hover,.btn-group a:hover, .talk-btn:hover {color:#ff00ff;border-color:#ff00ff}
.btn-group button:hover::before,.btn-group a:hover::before, .talk-btn:hover::before {width:200px;height:200px}
.reserve-btn{cursor:pointer}.naver-btn,.talk-btn{display:none}

/* ────────── 2) Component Overrides ────────── */
/* jQuery UI Datepicker */
.ui-datepicker {
  z-index: 9999 !important;
  background-color: #0a0a1a; /* Dark background to match theme */
  padding: 10px;
  border-radius: 8px;
}
.ui-datepicker .ui-state-disabled.disabled-date .ui-state-default {
  color: #888;
  text-decoration: line-through;
  opacity: 0.5;
  cursor: not-allowed;
}