@charset "utf-8";
/* Global */
@import url("variables.css");
@import url("reset.css");
@import url("base.css");
@import url("layout.css");
@import url("components.css");

/* header */
@import url("header.css");
@import url("navigation.css");
@import url("dropdown.css");
@import url("mobile-menu.css");

/* Main Page */
@import url("contact-hero.css");
@import url("contact-main.css");
@import url("contact-help.css");
@import url("contact-map.css");
@import url("location-benefit.css");
@import url("faq.css");


/* Footer */
@import url("cta.css");
@import url("footer.css");
@import url("mobile-booking-bar.css");

.contact-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 52px;
    padding: 0 30px;
    border: 1px solid #23313B;
    border-radius: 0;
    background: #23313B;
    color: #FFFFFF;
    font-family: inherit;
    font-size: .9rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color .3s ease, transform .3s ease;
}

.contact-submit:hover {
    background: #2C4654;
    border-color: #2C4654;
    color: #FFFFFF;
    transform: translateY(-2px);
}

.contact-submit:focus-visible {
    outline: 2px solid #B98A45;
    outline-offset: 3px;
}


/* Contact form success state */
.contact-success,
.form-success {
    margin: 0 0 24px;
    padding: 14px 18px;
    border: 1px solid #9BC7A4;
    border-left: 4px solid #3F7D4A;
    background: #EEF8F0;
    color: #245B31;
    font-size: .95rem;
    line-height: 1.6;
    font-weight: 500;
    border-radius: 2px;
}

.contact-success strong,
.form-success strong,
.contact-success__text {
    color: #245B31;
    font-weight: 600;
}

.contact-success::before,
.form-success::before {
    content: "✓";
    display: inline-block;
    margin-right: 9px;
    color: #3F7D4A;
    font-weight: 700;
}