/* ==========================================================================
   Booking sidebar layout (template-parts/booking-sidebar.php)

   Content first, sidebar on the right, desktop only (above 1025px, matching
   Astra's raised tablet breakpoint). Only the booking card sticks: the reviews
   widget is far taller than the screen and scrolls normally beneath it.
   Used by single posts, inner.php and template-reviews.php.
   ========================================================================== */

.vogue-sidebar-layout {
  display: block;
}

.vogue-sidebar-layout > .vogue-sidebar {
  display: none;
}

/* Neutralise the legacy inline-block column widths from style.css */
.vogue-sidebar-layout > .inner-left-column {
  display: block;
  width: auto;
  min-width: 0;
}

@media (min-width: 1026px) {
  .vogue-sidebar-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 56px;
    align-items: start;
  }

  .vogue-sidebar-layout > .vogue-sidebar {
    display: block;
    align-self: stretch;
    width: auto;
    margin: 0;
    padding: 40px 0;
  }

  .vogue-sidebar .blue-block {
    position: sticky;
    top: 196px; /* clears .vogue-sticky-header */
    z-index: 2;
  }

  /* Covers the gap above the stuck card so reviews don't show through it */
  .vogue-sidebar .blue-block::before {
    content: "";
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
    height: 40px;
    background: #fff;
  }

  .admin-bar .vogue-sidebar .blue-block {
    top: 228px;
  }
}

.vogue-sidebar .blue-block {
  border-radius: 8px;
}

.vogue-sidebar .blue-block h3 {
  font-size: 21px;
  line-height: 1.3;
}

.vogue-sidebar .blue-block p,
.vogue-sidebar .blue-block a {
  font-size: 15px;
}