/*
Theme Name: Airport Service
Template: astra
Text Domain: airport-service
Version: 1.0.0
*/

html {
    scroll-padding-top: calc(var(--airport-service-header-height, 0px) + 16px);
}

body.airport-service-onepage-home .airport-service-hero {
    position: relative;
    width: 100%;
    min-height: clamp(420px, 85vh, 960px);
    margin-top: 0;
    margin-right: calc(-50vw + 50%);
    margin-bottom: 0;
    margin-left: calc(-50vw + 50%);
    overflow: hidden;
    background: #05070a;
}

body.airport-service-onepage-home .airport-service-hero__media {
    position: absolute;
    inset: 0;
}

body.airport-service-onepage-home .airport-service-hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
    background: #05070a;
}

body.airport-service-onepage-home .airport-service-hero__overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(5, 7, 10, 0.18) 0%, rgba(5, 7, 10, 0.36) 100%),
        linear-gradient(90deg, rgba(5, 7, 10, 0.28) 0%, rgba(5, 7, 10, 0.08) 100%);
    pointer-events: none;
}

@media screen and (max-width: 768px) {
    body.airport-service-onepage-home .airport-service-hero {
        min-height: 70vh;
    }
}

body.airport-service-onepage-home .entry-content [id] {
    scroll-margin-top: calc(var(--airport-service-header-height, 0px) + 16px);
}

body.airport-service-onepage-home.airport-service-hero-header-ready #masthead {
    position: fixed;
    top: var(--airport-service-header-top, 0px);
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1001;
    transition: top 0.2s ease;
}

body.airport-service-onepage-home.airport-service-hero-header-ready #masthead .ast-primary-header-bar,
body.airport-service-onepage-home.airport-service-hero-header-ready #masthead .ast-mobile-header-wrap {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

.site-header .main-header-menu .menu-link:focus,
.site-header .main-header-menu .menu-link:active,
.site-header .main-header-menu .menu-link:focus-visible,
.site-header .main-header-menu .menu-link *:focus,
.site-header .main-header-menu .menu-link *:focus-visible {
    outline: none;
    box-shadow: none;
}

body.airport-service-onepage-menu-ready .ast-builder-menu-1 .menu-item.current-menu-item > .menu-link,
body.airport-service-onepage-menu-ready .ast-builder-menu-1 .menu-item.current_page_item > .menu-link,
body.airport-service-onepage-menu-ready .ast-builder-menu-1 .current-menu-ancestor > .menu-link,
body.airport-service-onepage-menu-ready .ast-builder-menu-1 .menu-item.current-menu-item > .ast-menu-toggle,
body.airport-service-onepage-menu-ready .ast-builder-menu-1 .menu-item.current_page_item > .ast-menu-toggle,
body.airport-service-onepage-menu-ready .ast-builder-menu-1 .current-menu-ancestor > .ast-menu-toggle,
body.airport-service-onepage-menu-ready .ast-builder-menu-1 .menu-item > .menu-link[aria-current="page"] {
    color: var(--ast-global-color-2);
}

body.airport-service-onepage-menu-ready .ast-builder-menu-1 .menu-item.airport-service-menu-active > .menu-link,
body.airport-service-onepage-menu-ready .ast-builder-menu-1 .menu-item.airport-service-menu-active > .ast-menu-toggle,
body.airport-service-onepage-menu-ready .ast-builder-menu-1 .menu-item.airport-service-menu-active > .menu-link[aria-current="page"] {
    color: var(--ast-global-color-0);
}
/* --- 1. Stile dei Campi (Input) --- */
.contact-form-home .wpcf7-form-control:not(.wpcf7-submit) {
    background-color: rgba(255, 255, 255, 0.5) !important; /* Sfondo 50% */
    color: #ffffff !important; /* Testo bianco */
    border: none !important;
    border-bottom: 2px solid #ffffff !important; /* Solo bordo inferiore */
    border-radius: 0 !important;
    padding: 12px 15px !important;
    width: 100% !important;
    box-sizing: border-box;
    margin-bottom: 5px;
}

/* Colore Placeholder Bianco */
.contact-form-home .wpcf7-form-control::placeholder {
    color: #ffffff !important;
    opacity: 1;
}

/* --- 2. Layout Responsive (Griglia a 2 colonne) --- */
@media screen and (min-width: 768px) {
    .contact-form-home .responsive {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    /* Forza i paragrafi al 48% di larghezza */
    .contact-form-home .responsive .form-item {
        flex: 0 0 48%;
        margin-bottom: 20px;
    }
}

/* Layout Mobile */
@media screen and (max-width: 769px) {
    .contact-form-home .responsive .form-item {
        margin-bottom: 15px;
    }
}

/* --- 3. Centramento Pulsante Submit --- */
.contact-form-home .centered p {
	display: flex !important;
	justify-content: space-between;
	width: 100% !important;
	margin-top: 20px;
	clear: both;
	flex-direction: column;
	align-items: center;
}

/* --- 4. Stile Messaggi di Errore (Sotto i campi) --- */
.wpcf7-not-valid-tip {
    color: #ffcfcf !important;
    font-size: 13px;
    font-weight: bold;
}

/* Stile del campo select chiuso */
.contact-form-home select.wpcf7-form-control {
    background-color: rgba(255, 255, 255, 0.5) !important;
    color: #ffffff !important;
    border: none !important;
    border-bottom: 2px solid #ffffff !important;
    border-radius: 0 !important;
    padding: 12px 15px !important;
    width: 100% !important;
    appearance: none; /* Rimuove lo stile di default del browser */
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22/%3E%3C/svg%3E") !important; /* Freccetta Bianca */
    background-repeat: no-repeat !important;
    background-position: right 15px top 50% !important;
    background-size: 12px auto !important;
}

/* Stile delle opzioni dentro il menu a tendina (quando aperto) */
.contact-form-home select.wpcf7-form-control option {
    background-color: #ffffff !important; /* Sfondo tendina bianco */
    color: #333333 !important; /* Testo tendina scuro per leggibilità */
}

/* Colore all'hover/selezione (Usa il colore accento di Astra) */
.contact-form-home select.wpcf7-form-control option:hover,
.contact-form-home select.wpcf7-form-control option:focus,
.contact-form-home select.wpcf7-form-control option:active {
    background-color: #f06a4e !important; /* Il colore arancio del tuo submit */
    color: #ffffff !important;
}

/* Fix per i browser che non supportano l'hover sulle option (come Chrome) */
.contact-form-home select.wpcf7-form-control:focus {
    outline: none !important;
    border-bottom-color: #f06a4e !important; /* Il bordo diventa arancio quando clicchi */
}

@media screen and (max-width: 768px) {
    .contact-form-home {
        width: calc(100% + 24px);
        max-width: none;
        margin-left: -12px;
        margin-right: -12px;
        padding-left: 16px;
        padding-right: 16px;
        box-sizing: border-box;
    }

    .contact-form-home .wpcf7,
    .contact-form-home .wpcf7-form,
    .contact-form-home .responsive,
    .contact-form-home .centered,
    .contact-form-home p,
    .contact-form-home .form-item {
        width: 100%;
        max-width: none;
        box-sizing: border-box;
    }

    .contact-form-home .responsive .form-item {
        flex: 0 0 100%;
    }
}

@media (max-width: 768px) {
  .wp-block-column.contact-form {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}