/* =========================================================
   APOLLO COM - PAGE CONTACT
   Page ID 4223
   ========================================================= */

body.page-id-4223 {
    --apollo-contact-bg: #0c0c0c;
    --apollo-contact-panel: #111116;
    --apollo-contact-border: rgba(255,255,255,.08);
    --apollo-contact-purple: #be55ed;
    --apollo-contact-pink: #e069ff;
    --apollo-contact-cyan: #00E5FF;
}


/* =========================================================
   FORMULAIRE
   Elementor widget ID 9f54fd0
   ========================================================= */

body.page-id-4223 .elementor-element-9f54fd0 {
    position: relative;

    padding: 34px 40px 40px;

    border: 1px solid var(--apollo-contact-border);
    border-radius: 20px;

    background:
        linear-gradient(
            145deg,
            rgba(190,85,237,.035),
            rgba(255,255,255,.01)
        ),
        var(--apollo-contact-panel);

    box-shadow:
        0 30px 80px rgba(0,0,0,.28);

    overflow: hidden;
}


/* halo discret */
body.page-id-4223 .elementor-element-9f54fd0::before {
    content: "";

    position: absolute;

    width: 280px;
    height: 280px;

    top: -130px;
    right: -100px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(0,229,255,.08),
            transparent 68%
        );

    pointer-events: none;
}


/* champs */
body.page-id-4223 .elementor-element-9f54fd0 input,
body.page-id-4223 .elementor-element-9f54fd0 select,
body.page-id-4223 .elementor-element-9f54fd0 textarea {
    background: transparent !important;

    color: #fff !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.35) !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    transition:
        border-color .25s ease,
        box-shadow .25s ease;
}


body.page-id-4223 .elementor-element-9f54fd0 input:focus,
body.page-id-4223 .elementor-element-9f54fd0 select:focus,
body.page-id-4223 .elementor-element-9f54fd0 textarea:focus {
    border-bottom-color: var(--apollo-contact-cyan) !important;

    box-shadow:
        0 8px 18px -14px rgba(0,229,255,.9) !important;
}


/* placeholders */
body.page-id-4223 .elementor-element-9f54fd0 input::placeholder,
body.page-id-4223 .elementor-element-9f54fd0 textarea::placeholder {
    color: rgba(255,255,255,.38) !important;
}


/* bouton */
body.page-id-4223 .elementor-element-9f54fd0 input[type="submit"],
body.page-id-4223 .elementor-element-9f54fd0 button[type="submit"] {
    min-height: 58px;

    padding: 0 26px !important;

    border: 1px solid rgba(255,255,255,.14) !important;
    border-radius: 10px !important;

    background:
        linear-gradient(
            115deg,
            #7045dd 0%,
            #9b45e5 45%,
            #d353ef 100%
        ) !important;

    color: #fff !important;

    font-weight: 600;

    cursor: pointer;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


body.page-id-4223 .elementor-element-9f54fd0 input[type="submit"]:hover,
body.page-id-4223 .elementor-element-9f54fd0 button[type="submit"]:hover {
    transform: translateY(-2px);

    box-shadow:
        0 16px 42px rgba(190,85,237,.22),
        0 0 28px rgba(0,229,255,.08);
}


/* =========================================================
   CARTES INFOS
   ========================================================= */

body.page-id-4223 .elementor-element-cebe3db,
body.page-id-4223 .elementor-element-a459c1c,
body.page-id-4223 .elementor-element-69a06e0 {
    position: relative;

    overflow: hidden;

    border: 1px solid var(--apollo-contact-border);
    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.025),
            rgba(255,255,255,.01)
        ),
        var(--apollo-contact-panel);

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}


/* on neutralise visuellement le gros rond icone */
body.page-id-4223 .elementor-element-cebe3db svg,
body.page-id-4223 .elementor-element-a459c1c svg,
body.page-id-4223 .elementor-element-69a06e0 svg {
    width: 28px !important;
    height: 28px !important;
}


/* hover */
body.page-id-4223 .elementor-element-cebe3db:hover,
body.page-id-4223 .elementor-element-a459c1c:hover,
body.page-id-4223 .elementor-element-69a06e0:hover {
    transform: translateY(-4px);

    border-color: rgba(224,105,255,.30);

    box-shadow:
        0 20px 50px rgba(0,0,0,.22),
        0 0 24px rgba(190,85,237,.06);
}


/* titres cartes */
body.page-id-4223 .elementor-element-cebe3db .qreate-heading-title,
body.page-id-4223 .elementor-element-a459c1c .qreate-heading-title,
body.page-id-4223 .elementor-element-69a06e0 .qreate-heading-title {
    color: #fff !important;
}


/* =========================================================
   GOOGLE MAP
   ========================================================= */

body.page-id-4223 .elementor-element-845eee2 {
    overflow: hidden;

    border: 1px solid rgba(255,255,255,.08);
    border-radius: 18px;

    box-shadow:
        0 30px 80px rgba(0,0,0,.25);
}


body.page-id-4223 .elementor-element-845eee2 iframe {
    display: block;

    width: 100%;

    filter:
        grayscale(1)
        contrast(.92)
        brightness(.82);

    transition:
        filter .35s ease;
}


body.page-id-4223 .elementor-element-845eee2:hover iframe {
    filter:
        grayscale(.78)
        contrast(.96)
        brightness(.88);
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    body.page-id-4223 .elementor-element-9f54fd0 {
        padding: 28px 22px 30px;
    }

}

/* =========================================================
   APOLLO CONTACT PAGE - FORMULAIRE MOBILE COMPACT
   ========================================================= */

@media (max-width: 767px) {

    body.page-id-4223 .elementor-element-9f54fd0 {
        padding: 22px 20px 24px !important;
    }

    body.page-id-4223 .elementor-element-9f54fd0 .wpcf7 p {
        margin: 0 0 14px !important;
    }

    body.page-id-4223 .elementor-element-9f54fd0 .wpcf7 p:last-of-type {
        margin-bottom: 0 !important;
    }

    body.page-id-4223 .elementor-element-9f54fd0 input:not([type="submit"]),
    body.page-id-4223 .elementor-element-9f54fd0 select {
        height: 44px !important;
        min-height: 44px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    body.page-id-4223 .elementor-element-9f54fd0 textarea {
        height: 90px !important;
        min-height: 90px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    body.page-id-4223 .elementor-element-9f54fd0 input[type="submit"],
    body.page-id-4223 .elementor-element-9f54fd0 button[type="submit"] {
        min-height: 46px !important;
        height: 46px !important;
        padding: 0 20px !important;
    }

    body.page-id-4223 .elementor-element-9f54fd0 .wpcf7-spinner {
        margin-top: 8px !important;
    }

}

/* =========================================================
   PAGE CONTACT - COMPACTAGE CF7 MOBILE
   ========================================================= */

@media (max-width: 767px) {

    /* Grille générale */
    body.page-id-4223 .apollo-contact-form-grid {
        row-gap: 16px !important;
        column-gap: 0 !important;
    }

    /* Chaque champ */
    body.page-id-4223 .apollo-contact-field,
    body.page-id-4223 .apollo-contact-field-full {
        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* CF7 ajoute des paragraphes énormes : on les neutralise */
    body.page-id-4223 .apollo-contact-field p,
    body.page-id-4223 .apollo-contact-submit p {
        margin: 0 !important;
        padding: 0 !important;

        height: auto !important;
        min-height: 0 !important;
    }

    /* Retours à la ligne générés par CF7 */
    body.page-id-4223 .apollo-contact-field br,
    body.page-id-4223 .apollo-contact-submit br {
        display: none !important;
    }

    /* Labels */
    body.page-id-4223 .apollo-contact-field label {
        display: block !important;

        margin: 0 0 6px !important;
        padding: 0 !important;

        height: auto !important;
        min-height: 0 !important;
    }

    /* Wrapper CF7 */
    body.page-id-4223 .apollo-contact-field .wpcf7-form-control-wrap {
        display: block !important;

        position: static !important;

        margin: 0 !important;
        padding: 0 !important;

        height: auto !important;
        min-height: 0 !important;
    }

    /* Inputs */
    body.page-id-4223 .apollo-contact-field input:not([type="checkbox"]),
    body.page-id-4223 .apollo-contact-field select {
        height: 44px !important;
        min-height: 44px !important;

        margin: 0 !important;
    }

    /* Select2 - Votre besoin */
    body.page-id-4223 .select2-container {
        width: 100% !important;
    }

    body.page-id-4223 .select2-container .select2-selection--single {
        height: 44px !important;
        min-height: 44px !important;
    }

    body.page-id-4223 .select2-container
    .select2-selection--single
    .select2-selection__rendered {
        line-height: 44px !important;
    }

    body.page-id-4223 .select2-container
    .select2-selection--single
    .select2-selection__arrow {
        height: 44px !important;
    }

    /* Message */
    body.page-id-4223 .apollo-contact-field textarea {
        height: 85px !important;
        min-height: 85px !important;

        margin: 0 !important;
    }

    /* Consentement */
    body.page-id-4223 .apollo-contact-field-rgpd {
        margin-top: 2px !important;
    }

    body.page-id-4223 .apollo-contact-field-rgpd p {
        margin: 0 !important;
    }

    /* Bouton */
    body.page-id-4223 .apollo-contact-submit {
        height: auto !important;
        min-height: 0 !important;

        margin-top: 2px !important;
    }

    body.page-id-4223 .apollo-contact-submit input[type="submit"] {
        height: 46px !important;
        min-height: 46px !important;
    }

}