/*
Theme Name: Custom Vivace
Theme URI: https://vivaceworld.net
Author: Vivace Team
Author URI: https://vivaceworld.net
Description: Custom WordPress theme for Vivace Vacation Home Rentals built with Carbon Fields.
Version: 1.0.0
Text Domain: custom_vivace
*/
/* Contact Form 7 Footer Subscribe Form Styles */
.footer-subscribe .wpcf7-form {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}
.footer-subscribe .wpcf7-form p {
    margin: 0;
    padding: 0;
    display: contents;
}
.footer-subscribe .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}
.footer-subscribe input[type="email"].wpcf7-form-control,
.footer-subscribe input[type="text"].wpcf7-form-control {
    width: 100%;
    height: 3.4722vw;
    min-height: 48px;
    padding: 0 3.4722vw 0 1.1574vw;
    border: 1px solid #D9D9D9;
    background: transparent;
    color: var(--white);
    font-family: var(--font-family-1);
    font-weight: 400;
    font-size: var(--text-20);
    outline: none;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}
.footer-subscribe input[type="submit"].wpcf7-submit {
    position: absolute;
    top: 50%;
    right: 1.0417vw;
    transform: translateY(-50%);
    border: 0;
    background: transparent url('assets/images/footer/Arrow.svg') no-repeat center center;
    background-size: contain;
    width: 1.1574vw;
    min-width: 16px;
    height: 15px;
    font-size: 0;
    color: transparent;
    cursor: pointer;
    padding: 0;
}
.footer-subscribe .wpcf7-response-output {
    margin: 10px 0 0;
    padding: 6px 12px;
    font-size: 14px;
    color: var(--white);
}

/* Micro-interactions for Who We Are collage images */
.who-img {
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
}
.who-img:hover {
    transform: scale(1.04) !important;
    z-index: 10;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
}

/* Smart Auto-Hiding Header Transitions */
.header-wrap {
    transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.45s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.3s ease, box-shadow 0.3s ease !important;
}

.header-wrap.header-hidden {
    transform: translateY(-100%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
}