/*
 * Vikkie Hair Lab — Contact page integration.
 *
 * Licensed Glamr style.css / shortcode.css / responsive.css remain the visual
 * source of truth. These rules cover application-specific feedback and the
 * same safe title-bar compatibility already approved on the Booking surface.
 */

.vhl-contact-page .pbmit-heading-desc a {
    color: inherit;
}

.vhl-contact-page .pbmit-heading-desc a:hover,
.vhl-contact-page .pbmit-heading-desc a:focus-visible {
    color: var(--pbmit-global-color);
}

.vhl-contact-honeypot {
    position: absolute !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

/*
 * The licensed title-bar asset itself contains a visible "1920 x 510"
 * placeholder. Keep the native PBMIT title-bar DOM but never expose that
 * placeholder image on the production Contact page.
 */
.vhl-contact-title-bar {
    background-color: var(--pbmit-blackish-color, #111318);
    background-image: none;
}

.vhl-contact-title-bar::before {
    background-color: rgba(var(--pbmit-blackish-color-rgb), 0.18);
}

.vhl-contact-title-bar,
.vhl-contact-title-bar .pbmit-title-bar-content {
    min-height: 280px;
}

.vhl-contact-title-bar .pbmit-title-bar-content {
    padding: 145px 0 42px;
}

.vhl-contact-title-bar .pbmit-tbar-title {
    font-size: clamp(2.2rem, 4vw, 3.5rem);
    line-height: 1.08;
}

.vhl-contact-page .contact-form label.error {
    display: block;
    margin: -18px 0 18px;
    font-size: 13px;
    line-height: 1.4;
}

.vhl-contact-success,
.vhl-contact-error {
    margin-top: 20px;
    padding: 14px 18px;
    border: 1px solid currentColor;
}

/* Glamr already defines textarea resize:none; do not override it. */

@media (max-width: 575.98px) {
    .vhl-contact-title-bar,
    .vhl-contact-title-bar .pbmit-title-bar-content {
        min-height: 230px;
    }

    .vhl-contact-title-bar .pbmit-title-bar-content {
        padding: 120px 0 30px;
    }
}

/*
 * The licensed PBMIT title-bar asset contains the visible "1920 x 510"
 * placeholder. Remove it from every Contact title-bar layer.
 */
.vhl-contact-page .vhl-contact-title-bar,
.vhl-contact-page .vhl-contact-title-bar::before,
.vhl-contact-page .vhl-contact-title-bar::after {
    background-image: none !important;
}

.vhl-contact-page .vhl-contact-title-bar {
    background: #606267 !important;
}

.vhl-contact-page .vhl-contact-title-bar::before,
.vhl-contact-page .vhl-contact-title-bar::after {
    content: none !important;
    display: none !important;
}

/*
 * Solid header sits outside the title bar, so no overlay compensation is
 * required on Contact.
 */
.vhl-contact-page .vhl-contact-title-bar,
.vhl-contact-page .vhl-contact-title-bar .pbmit-title-bar-content {
    min-height: 220px;
}

.vhl-contact-page .vhl-contact-title-bar .pbmit-title-bar-content {
    padding: 62px 0 42px;
}

@media (max-width: 575.98px) {
    .vhl-contact-page .vhl-contact-title-bar,
    .vhl-contact-page .vhl-contact-title-bar .pbmit-title-bar-content {
        min-height: 185px;
    }

    .vhl-contact-page .vhl-contact-title-bar .pbmit-title-bar-content {
        padding: 48px 0 28px;
    }
}