body { background-color: #550055 !important; }/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
 #events h3   {
	/* add your css rule here */
}


 #events p.duration, #events div.duration   {
	/* add your css rule here */
}


 #events p.description, #events div.description   {
	/* add your css rule here */
}


 #events .selectedEvent   {
	/* add your css rule here */
}


 #events input.reserve_time_btn   {
	/* add your css rule here */
}


 #events input.select_another_btn   {
	/* add your css rule here */
}


 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	/* add your css rule here */
}


 #eventForm #save_button   {
	/* add your css rule here */
}


 div.ui-widget-content   {
	/* add your css rule here */
}


 div.ui-widget-header   {
	/* add your css rule here */
}


 #timeline-container table.timeline   {
	/* add your css rule here */
}


 .timeline td.not_worked_time   {
	/* add your css rule here */
}


 .timeline td.free_time   {
	/* add your css rule here */
}


 .timeline td.selected_time   {
	/* add your css rule here */
}


 .timeline td.reserved_time   {
	/* add your css rule here */
}


 div#loading   {
	/* add your css rule here */
}


 #start_date-block-container .zend_form dt, start_date-block-container .zend_form dt b, start_date-block-container .zend_form dd label   {
	/* add your css rule here */
}
/* === NÜ PLAGUE — GOTHIC BOOKING SKIN (Cathedral / Velvet / Candlelight) ===
   Fonts: Cinzel (display headers), Cormorant Garamond (body)
   Palette: Ebony (#0a0a0a), Velvet (#5c0a0a / #7a0f0f), Antique Gold (#c9a24a), Bone (#ece7db)
*/
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&family=Cormorant+Garamond:wght@400;600&display=swap');

:root{
  --np-ebony: #0a0a0a;
  --np-ebony-2: #111214;
  --np-bone: #ece7db;
  --np-bone-dim: #cfc7b6;
  --np-velvet: #7a0f0f;
  --np-velvet-dark: #5c0a0a;
  --np-gold: #c9a24a;
  --np-gold-dim: #9f8140;
  --np-ink: #1b1b1e;
}

/* BACKGROUND — black damask feel without image (works on any theme) */
html, body{
  background:
    radial-gradient(1200px 700px at 15% 10%, rgba(201,162,74,0.04), transparent 60%),
    radial-gradient(900px 600px at 85% 20%, rgba(122,15,15,0.06), transparent 55%),
    repeating-linear-gradient(135deg, rgba(255,255,255,0.02) 0 12px, rgba(0,0,0,0.02) 12px 24px),
    linear-gradient(#0a0a0a, #0a0a0a) !important;
  color: var(--np-bone) !important;
  font-family: "Cormorant Garamond", serif !important;
}

/* HEADERS — engraved gold, gothic display type */
h1, h2, h3, .sb-title, .sb-header-title{
  font-family: "Cinzel", serif !important;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--np-gold) !important;
  text-shadow:
    0 0 1px rgba(201,162,74,.65),
    0 0 8px rgba(201,162,74,.25),
    0 0 28px rgba(122,15,15,.18);
}

/* PANELS / CARDS — velvet glass with gilded frame */
.sb-card, .sb-container, .sb-panel, .sb-section, .content, .widget{
  background: linear-gradient(180deg, rgba(20,20,22,.85), rgba(14,14,16,.8)) !important;
  border: 1px solid rgba(201,162,74,.35) !important;
  box-shadow:
    0 0 0 1px rgba(123,16,16,.18) inset,
    0 6px 22px rgba(0,0,0,.65),
    0 0 28px rgba(201,162,74,.08);
  border-radius: 14px !important;
  backdrop-filter: blur(4px);
  position: relative;
}
.sb-card::before, .sb-container::before, .sb-panel::before{
  content:"";
  position:absolute; inset:8px;
  border: 1px solid rgba(201,162,74,.22);
  border-radius: 10px;
  pointer-events:none;
}

/* DIVIDERS — stained glass bar */
hr, .divider{
  height: 2px; border: none;
  background:
    linear-gradient(90deg, transparent, rgba(201,162,74,.85), transparent),
    repeating-linear-gradient(90deg, rgba(122,15,15,.4) 0 8px, rgba(201,162,74,.35) 8px 16px, rgba(92,10,10,.4) 16px 24px);
  box-shadow: 0 0 14px rgba(201,162,74,.25);
  margin: 18px 0;
}

/* PRIMARY CTAs — wax seal button */
button, .btn, .sb-btn, .sb-book, .sb-action, .sb-next, .sb-continue{
  background: radial-gradient(70% 120% at 50% 20%, #8f1414, #5c0a0a 60%, #3a0606 100%) !important;
  color: var(--np-bone) !important;
  border: 1px solid var(--np-gold-dim) !important;
  border-radius: 28px !important;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 700;
  padding: 12px 20px !important;
  box-shadow:
    inset 0 0 18px rgba(0,0,0,.55),
    0 0 10px rgba(201,162,74,.25),
    0 6px 18px rgba(0,0,0,.5);
  transition: transform .08s ease, filter .2s ease;
}
button:hover, .btn:hover, .sb-btn:hover, .sb-book:hover, .sb-action:hover, .sb-next:hover, .sb-continue:hover{
  transform: translateY(-1px);
  filter: brightness(1.06);
}

/* LINKS */
a, .sb-link{
  color: var(--np-gold) !important;
  text-decoration: none !important;
}
a:hover{ color: var(--np-bone) !important; }

/* INPUTS — parchment fields with candle-glow focus */
input, select, textarea{
  background: linear-gradient(180deg, rgba(22,22,26,.9), rgba(14,14,16,.92)) !important;
  color: var(--np-bone) !important;
  border: 1px solid rgba(201,162,74,.35) !important;
  border-radius: 10px !important;
  box-shadow: inset 0 0 18px rgba(0,0,0,.45);
}
input::placeholder, textarea::placeholder{ color: var(--np-bone-dim) !important; }
input:focus, select:focus, textarea:focus{
  border-color: var(--np-gold) !important;
  box-shadow:
    0 0 0 2px rgba(201,162,74,.25),
    0 0 18px rgba(255,205,110,.28),
    inset 0 0 14px rgba(0,0,0,.35) !important;
  outline: none !important;
}

/* DATE / TIME SLOTS — gilt chips */
.sb-time-slot, .sb-slot, .sb-date-item{
  background: rgba(15,15,18,.7) !important;
  border: 1px solid rgba(201,162,74,.35) !important;
  color: var(--np-bone) !important;
  border-radius: 10px !important;
}
.sb-time-slot:hover, .sb-slot:hover, .sb-date-item:hover{
  border-color: var(--np-gold) !important;
  box-shadow: 0 0 12px rgba(201,162,74,.28);
}

/* ALERTS / NOTICES — velvet banner */
.sb-notice, .sb-alert, .sb-message{
  background: linear-gradient(180deg, rgba(92,10,10,.45), rgba(34,8,8,.55)) !important;
  border: 1px solid rgba(201,162,74,.35) !important;
  color: var(--np-bone) !important;
  border-radius: 10px !important;
}

/* SMALL TYPE / LABELS */
label, small, .sb-muted{ color: var(--np-bone-dim) !important; }

/* OPTIONAL FRAME around main content if theme exposes these wrappers */
main, .sb-wrapper, .sb-content{
  outline: 1px solid rgba(201,162,74,.18) !important;
  outline-offset: 10px !important;
  border-radius: 12px !important;
}

/* PINSTRIPE TOP BORDER (gothic flourish) */
header, .sb-header{
  border-bottom: 1px solid rgba(201,162,74,.25) !important;
  box-shadow: 0 12px 24px rgba(0,0,0,.4);
}
body, .sb-container, .sb-card, .sb-section, .sb-panel {
  background-color: #000 !important;
  color: #fff !important;
}

/* === FIX THE WHITE BACKGROUND BOXES === */

.sb-content,
.sb-section,
.sb-widget-content,
.sb-company-info,
.sb-company-info *,
.sb-company-content,
.sb-wrapper,
.sb-section-content,
.sb-card,
.sb-card *,
.sb-timetable-wrapper,
.sb-timetable-wrapper *,
.sb-booking-info,
.sb-booking-info *,
.sb-info,
.sb-info *,
.sb-map,
.sb-map *,
.sb-address,
.sb-address *,
.sb-hours,
.sb-hours * {
  background-color: rgba(0, 0, 0, 0.85) !important;
  color: #eaeaea !important;
}

/* FIX CONTACT BOX AND HOURS BOX */
.sb-address-box,
.sb-address-box *,
.sb-hours-box,
.sb-hours-box * {
  background-color: rgba(0,0,0,0.75) !important;
  color: #e5e5e5 !important;
  border: 1px solid #333 !important;
  border-radius: 10px !important;
  padding: 12px !important;
}

/* FIX ANY LABELS, LINKS, HEADERS INSIDE WHITE BLOCKS */
.sb-info-title,
.sb-info-title *,
.sb-widget-title,
.sb-widget-title *,
.sb-widget-content *,
.sb-company-info-title,
.sb-company-info-title *,
.sb-company-info *,
.sb-hours-title,
.sb-hours-title *,
.sb-address-title,
.sb-address-title *,
.sb-company-description,
.sb-company-description * {
  color: #c9a24a !important; /* Gothic gold */
}

/* FIX LINKS INSIDE CONTACT BOX */
.sb-address a,
.sb-address a *,
.sb-company-info a {
  color: #86e6ff !important;
}
.sb-address a:hover,
.sb-company-info a:hover {
  color: #ffffff !important;
}

/* FIX BACKGROUND BEHIND THE BOXES */
.sb-wrapper,
.sb-layout,
.sb-content-wrapper {
  background-color: #000 !important;
}