/* Base, minimal safe skin. Dynamic variables are injected inline from settings. */
.booking-skin{
  color: var(--ink, #fff);
}
.booking-skin .pro-booking-form,
.booking-skin form,
.booking-skin [class*="booking"],
.booking-skin [class*="pbk"]{
  background: radial-gradient(120% 120% at 20% 0%, var(--glass-strong, rgba(255,255,255,.16)) 0%, rgba(255,255,255,.08) 45%, rgba(255,255,255,.06) 100%);
  border:1px solid var(--line, rgba(255,255,255,.35));
  border-radius: var(--radius, 20px);
  backdrop-filter: blur(var(--blur, 16px)) saturate(160%);
  -webkit-backdrop-filter: blur(var(--blur, 16px)) saturate(160%);
  box-shadow: 0 20px 60px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.25);
  padding: clamp(18px, 3vw, 28px);
}
.booking-skin h1,.booking-skin h2,.booking-skin h3{
  color: var(--ink, #fff);
  letter-spacing:.02em;
  text-shadow:0 2px 16px rgba(0,0,0,.25);
}
.booking-skin p, .booking-skin li, .booking-skin label, .booking-skin small{ color: var(--muted, rgba(255,255,255,.8)); }

/* Cards / grid items */
.booking-skin .card, .booking-skin .item, .booking-skin .service, .booking-skin .staff{
  border-radius: 16px;
  border: 1px solid var(--line, rgba(255,255,255,.35));
  background: rgba(0,0,0,.25);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 10px 30px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.2);
  overflow:hidden;
}

/* Buttons */
.booking-skin .button, 
.booking-skin button, 
.booking-skin input[type=submit],
.booking-skin .btn{
  appearance:none;
  border:none;
  border-radius:12px;
  padding:12px 16px;
  font-weight:800;
  letter-spacing:.02em;
  color:#fff;
  background: var(--accent-1, #9B5DE5);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 6px 16px rgba(155,93,229,.45);
  cursor:pointer;
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.booking-skin .btn,
.booking-skin .button.gradient{
  background: linear-gradient(135deg, var(--accent-1, #9B5DE5), var(--accent-2, #F15BB5));
}
.booking-skin .button:hover,
.booking-skin button:hover,
.booking-skin input[type=submit]:hover,
.booking-skin .btn:hover{ transform: translateY(-1px); filter: brightness(1.05); }

/* Inputs */
.booking-skin input[type=text],
.booking-skin input[type=tel],
.booking-skin input[type=email],
.booking-skin select, .booking-skin textarea{
  color:#fff;
  background: rgba(0,0,0,.35);
  border:1px solid var(--line, rgba(255,255,255,.35));
  border-radius:12px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.15);
}
.booking-skin ::placeholder{ color: rgba(255,255,255,.6); }

.booking-skin hr{ border: none; border-top:1px solid rgba(255,255,255,.18); }