/**
 * /venue-hire/custom-local.css
 * -----------------------------------------------------------------
 * Page-scoped patch, linked only from the venue-hire templates
 * (index.php, venue.php, expression-of-interest-form.php).
 *
 * The site-wide /inc/custom.css relies on CSS custom properties
 * (var(--line) etc.), and getting those to resolve reliably on these
 * older templates has been a moving target — variable-naming drift
 * from header.php's old inline styles, deploy/cache timing, and low
 * contrast once they do resolve. Rather than keep chasing that, this
 * file hardcodes the values these pages need, so they no longer
 * depend on any custom property resolving at all. Loaded after
 * everything else, with !important, so it always wins regardless of
 * source order.
 *
 * Keep this file small — it's a patch, not a second design system.
 * -----------------------------------------------------------------
 */

/* "Details" / "Refreshment areas" / "Other spaces" heading underline */
.vh-block__title{
    border-bottom: 1px solid #B7B3A6 !important;
}

/* refreshment area rows */
.vh-ref__row{
    border-bottom: 1px solid #B7B3A6 !important;
}
.vh-ref__row:last-child{
    border-bottom: 0 !important;
}

/* setup option cards (theatre/workshop/etc, when shown as cards) */
.vh-setup{
    border: 1px solid #B7B3A6 !important;
}

/* "Other spaces" cards */
.vh-other{
    border: 1px solid #B7B3A6 !important;
}

/* ---------------------------------------------------------------------
 * Buttons — venue.php's "Enquire about this space", the EOI form's
 * "Send enquiry", and the EOI thank-you page's links all build their
 * box out of background/border:var(--ink) and color:var(--paper).
 * Unlike plain text color:var(--ink) elsewhere (which just silently
 * inherits the parent's already-correct dark colour and looks fine by
 * accident), background and border are not inherited properties, so
 * when the variable fails to resolve they fall back to fully
 * transparent/none — the box disappears, leaving unstyled text. Same
 * root cause as the divider lines above; hardcoded here for the same
 * reason. #14140F/#FCFBF7 match --color-ink/--color-paper in
 * inc/custom.css.
 * --------------------------------------------------------------- */

/* "Enquire about this space" (venue.php) */
.vh-facts__cta{
    background: #14140F !important;
    color: #FCFBF7 !important;
    border: 1px solid #14140F !important;
}
.vh-facts__cta:hover{
    background: transparent !important;
    color: #14140F !important;
}

/* "Send enquiry" (expression-of-interest-form.php) */
.vh-submit{
    background: #14140F !important;
    color: #FCFBF7 !important;
    border: 1px solid #14140F !important;
}
.vh-submit:hover{
    background: transparent !important;
    color: #14140F !important;
}

/* "See all venues" / "Terms and conditions" on the EOI thank-you page */
.vh-thanks__links a{
    border: 1px solid #14140F !important;
    color: #14140F !important;
}
.vh-thanks__links a:hover{
    background: #14140F !important;
    color: #FCFBF7 !important;
}

/* Small tick mark before each "Details" list item (venue.php's
   .vh-incl li::before) — drawn with background:var(--ink), same
   invisible-box problem as the buttons above. */
.vh-incl li::before{
    background: #14140F !important;
}