@charset "UTF-8";

/* ================================================================
   MUZA MAISON — booking page tweaks
   1. "Show on map" button removed from the hero
   2. Reviews section + all its menu links removed
   3. "Packages" pulled up next to "Book Now"
   4. Daily-classes calendar: hide "not on today" filler rows
   5. Mobile classes calendar: one chronological column, compressed
   6. Subscription activation note on Packages + checkout
   ================================================================ */

/* ---- 1. Remove the "Show on map" button ---- */
#main-buttons .bar a.btn.map {
  display: none !important;
}

/* ---- 2. Remove the Reviews section and its links ---- */
#reviews-view {
  display: none !important;
}
.home-page-nav-link[data-point="sb_reviews_module"] {
  display: none !important;
}
.nav .menu-item:has(> a[href="#reviews"]) {
  display: none !important;
}

/* ---- 3. "Packages" as a hero button next to "Book Now" ---- */

/* Make the hero row a fixed, predictable width */
#main-buttons .bar #sb_ai_widget_container:empty {
  display: none;
}
#main-buttons .bar a.btn.book {
  width: 160px;
  flex: 0 0 160px;
}

/* Let the item escape the footer's positioning context */
#footer .container-fluid > .row > [class*="col-"] {
  position: static;
}

/* Lift "Packages" out of the footer menu up into the hero */
#sb-main-container #sb_footer_menu .menu-item:has(> a[href="#packages"]) {
  position: absolute;
  z-index: 20;
  top: 281px;
  left: 50%;
  margin: 0 0 0 6px;
  padding: 0;
  list-style: none;
}

/* Same look as the Book Now button */
#sb-main-container #sb_footer_menu .menu-item:has(> a[href="#packages"]) > a {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 160px;
  height: 54px;
  padding: 0 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  background: #5F0F0D;
  color: #fff !important;
  font: 600 20px/1.2 Nunito, sans-serif;
  text-decoration: none !important;
  white-space: nowrap;
  transition: background .2s ease;
}
#sb-main-container #sb_footer_menu .menu-item:has(> a[href="#packages"]) > a:hover,
#sb-main-container #sb_footer_menu .menu-item:has(> a[href="#packages"]) > a:focus {
  background: #7D1512;
  color: #fff !important;
}

/* Keep the pair centred */
#main-buttons .wrapper .inner .bar {
  transform: translateX(-86px);
}

/* Tablet / phone — hero is shorter, so stack Packages under Book Now */
@media (max-width: 767px) {
  #main-buttons .wrapper .inner .bar {
    transform: translateY(-33px);
  }
  #sb-main-container #sb_footer_menu .menu-item:has(> a[href="#packages"]) {
    top: 299px;
    left: 50%;
    margin: 0;
    transform: translateX(-50%);
  }
}

/* ---- 4. Daily classes: hide services not scheduled that day ---- */
/* These are SimplyBook's "empty view" placeholders — the only markup
   that produces a /wl/1/ link. Classes that actually run (including
   sold-out ones) use href="javascript:void(0);" and are untouched. */
.provider-col:has(a[href*="/wl/1/"]) {
  display: none !important;
}

/* Tighten the time grid. Class blocks are positioned in percentages
   of the grid height, so they scale with it and stay aligned.
   24px is the floor — below that the time labels stop fitting. */
.classes-plugin .hour-row {
  height: 24px !important;
}

/* ---- 5. Mobile: one chronological column, compressed ---- */
/* Delete this whole block to go back to the side-scrolling layout. */
@media (max-width: 767px) {

  /* Collapse the per-service columns into one full-width column.
     Each class keeps its vertical position, so order stays chronological. */
  #sb_time_classes_plugin_container {
    display: block !important;
    width: 100% !important;
  }
  #sb_time_classes_plugin_container .provider-col {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
  #sb_time_classes_plugin_container .provider-item {
    left: 0 !important;
    width: 100% !important;
  }

  /* REQUIRED — do not remove. The stacked columns overlap exactly, so
     without this the topmost one swallows every tap and only one class
     per day can be selected. Lets taps fall through to the real cards. */
  #sb_time_classes_plugin_container .provider-col {
    pointer-events: none !important;
  }
  #sb_time_classes_plugin_container .provider-item {
    pointer-events: auto !important;
  }

  /* Squeeze the dead time out: thin rows, no left-hand time ruler.
     Each card already shows its own "18:30 - 19:30". */
  .classes-plugin .hour-row {
    height: 12px !important;
  }
  .classes-plugin .hour-row .time {
    font-size: 0 !important;
    line-height: 12px !important;
  }
  .classes-plugin .hour-container {
    width: 0 !important;
    overflow: hidden !important;
  }

  /* Drop the nested scroll box so the day flows with the page */
  section.classes.classes-plugin {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
}

/* ---- 6. Subscription activation note ---- */
/* Shown on the Packages page (under the tabs) and at the top of checkout */
.package-content-page #booking-result-tabs > .container-fluid.column::after,
.invoice-pay-page > .container-fluid.column::before {
  content: "Notă: Clasele incluse în abonament pot fi rezervate exclusiv începând cu data de activare a abonamentului.";
  display: block;
  margin: 20px 0;
  padding: 14px 18px;
  border-left: 4px solid #5F0F0D;
  border-radius: 4px;
  background: #F6F2F2;
  color: #262E58;
  font: 600 16px/1.5 Nunito, sans-serif;
}