/* =========================================================
   WTE PRIVATE TOUR DESIGN
   VERSION 7.2
   H2 = ROUTE — FONT AWESOME
   H3 = LOCALISATION — FONT AWESOME
   H4 = INFORMATION — FONT AWESOME
========================================================= */
/* Chargement Font Awesome */
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css");


/* =========================================================
   VARIABLES
========================================================= */

:root {

    --wte-gold: #c89b3c;
    --wte-gold-light: rgba(200, 155, 60, 0.08);
    --wte-gold-border: rgba(200, 155, 60, 0.25);

    --wte-dark: #171717;
    --wte-text: #333333;
    --wte-white: #ffffff;

}


/* =========================================================
   IMAGE PRINCIPALE
========================================================= */

.wpte-trip-feat-img {

    position: relative !important;

    height: 500px !important;
    min-height: 500px !important;

    overflow: hidden !important;

    border-radius: 0 !important;

    isolation: isolate;

}


.wpte-trip-feat-img img {

    width: 100% !important;

    height: 500px !important;
    min-height: 500px !important;

    object-fit: cover !important;

    object-position: center center !important;

    display: block !important;

}


.wpte-trip-feat-img {

    background: #e8e0d2;

}


/* =========================================================
   TITRE H1 SUR IMAGE
========================================================= */

.wte-image-page-title {

    position: absolute !important;

    left: 6% !important;
    right: 6% !important;

    bottom: 115px !important;

    z-index: 20 !important;

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

    color: #ffffff !important;

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;

    font-size: clamp(
        28px,
        4vw,
        52px
    ) !important;

    line-height: 1.12 !important;

    font-weight: 700 !important;

    letter-spacing: -0.5px !important;

    text-shadow:
        0 2px 8px rgba(0,0,0,.75),
        0 4px 18px rgba(0,0,0,.55) !important;

}


/* =========================================================
   BANDE TRANSPARENTE SOUS LE TITRE
========================================================= */

.wte-private-tour-badge {

    position: absolute !important;

    left: 0 !important;
    right: 0 !important;

    bottom: 0 !important;

    z-index: 25 !important;

    min-height: 78px;

    padding: 18px 6% !important;

    display: flex !important;

    align-items: center !important;

    gap: 28px !important;

    background:
        linear-gradient(
            to right,
            rgba(0,0,0,.78),
            rgba(0,0,0,.60),
            rgba(0,0,0,.78)
        ) !important;

    border-top:
        1px solid
        rgba(255,255,255,.15) !important;

    box-sizing: border-box !important;

    color: #ffffff !important;

    backdrop-filter: blur(5px);

    -webkit-backdrop-filter: blur(5px);

}


/* =========================================================
   PRIVATE TOUR
========================================================= */

.wte-private-tour-type {

    display: flex;

    align-items: center;

    gap: 9px;

    color: #ffffff;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 1.2px;

    white-space: nowrap;

}


/* =========================================================
   DURATION
========================================================= */

.wte-private-tour-duration {

    display: flex;

    align-items: center;

    gap: 8px;

    color: #ffffff;

    font-size: 12px;

    font-weight: 600;

    letter-spacing: .8px;

    white-space: nowrap;

}


/* =========================================================
   RATING
========================================================= */

.wte-private-tour-rating {

    margin-left: auto;

    display: flex;

    align-items: center;

    gap: 7px;

    color: #ffffff;

    white-space: nowrap;

}


.wte-rating-number {

    font-size: 14px;

    font-weight: 700;

}


.wte-stars {

    color: #f0c75e;

    font-size: 14px;

    letter-spacing: 1px;

}


.wte-badge-icon {

    width: 19px;

    height: 19px;

    flex: 0 0 19px;

    color: #d8b35a;

}


.wte-rating-icon {

    width: 18px;

    height: 18px;

    color: #d8b35a;

}


/* =========================================================
   CACHER HEADER ORIGINAL
========================================================= */

.entry-header .entry-title {

    display: none !important;

}


.entry-header .wte-title-duration {

    display: none !important;

}


/* =========================================================
   CORPS DE PAGE
========================================================= */

.trip-post-content {

    color: var(--wte-text);

    line-height: 1.8;

}


/* =========================================================
   PARAGRAPHES
========================================================= */

.trip-post-content > p,
.trip-post-content .wp-block-paragraph {

    font-size: 16px;

    line-height: 1.85;

    margin-bottom: 22px;

}


/* =========================================================
   H2
   ROUTE / ITINERARY
========================================================= */

.trip-post-content h2.wp-block-heading,
.wte-single-trip-content h2,
.wp-travel-engine-single-trip h2,
.wpte-single-trip-content h2 {

    position: relative;

    display: flex;

    align-items: center;

    gap: 12px;

    margin-top: 48px;

    margin-bottom: 25px;

    padding: 15px 20px 15px 54px;

    background:
        linear-gradient(
            135deg,
            rgba(200,155,60,.10),
            rgba(200,155,60,.035)
        );

    border-left:
        4px solid
        var(--wte-gold);

    border-radius: 8px;

    color: #252525;

    font-size: 27px;

    line-height: 1.3;

    font-weight: 700;

}


/* =========================================================
   ICONE H2 = ROUTE
   FONT AWESOME
   fa-route = \f4d7
========================================================= */

.trip-post-content h2.wp-block-heading::before,
.wte-single-trip-content h2::before,
.wp-travel-engine-single-trip h2::before,
.wpte-single-trip-content h2::before {

    content: "\f4d7";

    position: absolute;

    left: 16px;

    top: 50%;

    transform: translateY(-50%);

    display: flex;

    align-items: center;

    justify-content: center;

    width: 34px;

    height: 34px;

    flex: 0 0 34px;

    font-family:
        "Font Awesome 6 Free",
        "Font Awesome 5 Free";

    font-weight: 900;

    font-size: 19px;

    line-height: 1;

    color: var(--wte-gold);

    background:
        rgba(200,155,60,.10);

    border:
        1px solid
        rgba(200,155,60,.35);

    border-radius: 50%;

}


/* =========================================================
   H3
   LOCALISATION / ÉTAPE
========================================================= */

.trip-post-content h3.wp-block-heading,
.wte-single-trip-content h3,
.wp-travel-engine-single-trip h3,
.wpte-single-trip-content h3 {

    position: relative;

    display: flex;

    align-items: center;

    gap: 10px;

    margin-top: 35px;

    margin-bottom: 17px;

    padding: 11px 16px 11px 46px;

    background:
        rgba(200,155,60,.055);

    border-left:
        3px solid
        rgba(200,155,60,.65);

    border-radius: 6px;

    color: #333333;

    font-size: 21px;

    line-height: 1.4;

    font-weight: 700;

}


/* =========================================================
   ICONE H3 = LOCALISATION
   FONT AWESOME
   fa-location-dot = \f3c5
========================================================= */

.trip-post-content h3.wp-block-heading::before,
.wte-single-trip-content h3::before,
.wp-travel-engine-single-trip h3::before,
.wpte-single-trip-content h3::before {

    content: "\f3c5";

    position: absolute;

    left: 13px;

    top: 50%;

    transform: translateY(-50%);

    display: flex;

    align-items: center;

    justify-content: center;

    width: 27px;

    height: 27px;

    flex: 0 0 27px;

    font-family:
        "Font Awesome 6 Free",
        "Font Awesome 5 Free";

    font-weight: 900;

    font-size: 16px;

    line-height: 1;

    color: var(--wte-gold);

    background:
        rgba(200,155,60,.10);

    border-radius: 50%;

}


/* =========================================================
   H4
   INFORMATION
========================================================= */

.trip-post-content h4.wp-block-heading,
.wte-single-trip-content h4,
.wp-travel-engine-single-trip h4,
.wpte-single-trip-content h4 {

    position: relative;

    display: flex;

    align-items: center;

    gap: 9px;

    margin-top: 28px;

    margin-bottom: 14px;

    padding-left: 32px;

    color: #444444;

    font-size: 18px;

    line-height: 1.4;

    font-weight: 700;

}


/* =========================================================
   ICONE H4 = INFORMATION
   FONT AWESOME
   fa-circle-info = \f05a
========================================================= */

.trip-post-content h4.wp-block-heading::before,
.wte-single-trip-content h4::before,
.wp-travel-engine-single-trip h4::before,
.wpte-single-trip-content h4::before {

    content: "\f05a";

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    display: flex;

    align-items: center;

    justify-content: center;

    width: 23px;

    height: 23px;

    font-family:
        "Font Awesome 6 Free",
        "Font Awesome 5 Free";

    font-weight: 900;

    font-size: 16px;

    line-height: 1;

    color: var(--wte-gold);

}


/* =========================================================
   LIENS
========================================================= */

.trip-post-content a {

    color: #ad7c18;

    font-weight: 600;

    text-decoration: none;

    transition: .2s ease;

}


.trip-post-content a:hover {

    color: #7f5b0d;

    text-decoration: underline;

}


/* =========================================================
   TABLE DES MATIÈRES
========================================================= */

#rank-math-toc {

    margin-top: 45px !important;

    margin-bottom: 40px !important;

    padding: 24px !important;

    background:
        rgba(200,155,60,.055) !important;

    border:
        1px solid
        var(--wte-gold-border) !important;

    border-radius: 10px !important;

}


#rank-math-toc h2 {

    margin-top: 0 !important;

    margin-bottom: 18px !important;

    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    font-size: 21px !important;

    color: #333 !important;

}


#rank-math-toc h2::before {

    display: none !important;

}


#rank-math-toc ul {

    margin-bottom: 0;

}


#rank-math-toc li {

    margin: 6px 0;

}


#rank-math-toc a {

    color: #76550d;

}


/* =========================================================
   TABS WP TRAVEL ENGINE
========================================================= */

#tabs-container {

    margin-top: 45px;

}


#tabs-container .nav-tab-wrapper {

    background:
        rgba(200,155,60,.055);

    border:
        1px solid
        rgba(200,155,60,.20);

    border-radius: 10px 10px 0 0;

}


#tabs-container .nav-tab {

    color: #444 !important;

    font-weight: 600 !important;

}


#tabs-container .nav-tab-active {

    color: #a87510 !important;

}


/* =========================================================
   INCLUDE / EXCLUDE
========================================================= */

.post-data.cost {

    padding: 28px;

    background:
        rgba(200,155,60,.045);

    border:
        1px solid
        rgba(200,155,60,.18);

    border-radius: 0 0 10px 10px;

}


.post-data.cost .content {

    margin-bottom: 28px;

}


.post-data.cost h3 {

    color: #a87918;

    font-size: 21px;

}


/* =========================================================
   LISTES
========================================================= */

.post-data.cost ul {

    list-style: none;

    padding: 0;

    margin: 0;

}


.post-data.cost li {

    position: relative;

    padding-left: 30px;

    margin-bottom: 11px;

    line-height: 1.6;

}


#include-result li::before {

    content: "✓";

    position: absolute;

    left: 0;

    top: 0;

    color: #39804b;

    font-weight: 700;

    font-size: 18px;

}


#exclude-result li::before {

    content: "×";

    position: absolute;

    left: 2px;

    top: -1px;

    color: #b84a4a;

    font-weight: 700;

    font-size: 20px;

}


/* =========================================================
   FAQ
========================================================= */

.post-data.faq {

    padding: 28px;

    background:
        rgba(200,155,60,.035);

    border:
        1px solid
        rgba(200,155,60,.16);

    border-radius: 10px;

}


.faq-row {

    border-bottom:
        1px solid
        rgba(0,0,0,.08);

}


.faq-title {

    font-weight: 600;

    color: #333;

}


.accordion-tabs-toggle {

    padding: 18px 5px;

}


/* =========================================================
   FORMULAIRE
========================================================= */

.wpte-booking-form,
.wte-booking-form,
.wte-booking-wrapper,
.booking-form,
.wpte-booking {

    background:
        linear-gradient(
            135deg,
            rgba(200,155,60,.10),
            rgba(200,155,60,.035)
        ) !important;

    border:
        1px solid
        rgba(200,155,60,.25) !important;

    border-radius:
        14px !important;

    padding:
        28px !important;

    box-shadow:
        0 10px 30px
        rgba(0,0,0,.06) !important;

}


/* =========================================================
   LABELS
========================================================= */

.wpte-booking-form label,
.wte-booking-form label,
.booking-form label {

    font-weight: 600;

    color: #333;

}


/* =========================================================
   INPUTS
========================================================= */

.wpte-booking-form input,
.wpte-booking-form textarea,
.wpte-booking-form select,
.wte-booking-form input,
.wte-booking-form textarea,
.wte-booking-form select,
.booking-form input,
.booking-form textarea,
.booking-form select {

    width: 100%;

    box-sizing: border-box;

    border:
        1px solid
        rgba(180,140,50,.25) !important;

    border-radius: 7px !important;

    background: #ffffff !important;

    padding: 12px 14px !important;

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

}


/* =========================================================
   FOCUS
========================================================= */

.wpte-booking-form input:focus,
.wpte-booking-form textarea:focus,
.wpte-booking-form select:focus,
.wte-booking-form input:focus,
.wte-booking-form textarea:focus,
.wte-booking-form select:focus {

    outline: none !important;

    border-color:
        rgba(200,155,60,.75) !important;

    box-shadow:
        0 0 0 3px
        rgba(200,155,60,.10) !important;

}


/* =========================================================
   BOUTONS
========================================================= */

.wpte-booking-form button,
.wpte-booking-form input[type="submit"],
.wte-booking-form button,
.wte-booking-form input[type="submit"],
.booking-form button,
.booking-form input[type="submit"] {

    background:
        #b98a2d !important;

    color:
        #ffffff !important;

    border:
        0 !important;

    border-radius:
        7px !important;

    padding:
        13px 24px !important;

    font-weight:
        700 !important;

    cursor:
        pointer;

    transition:
        all .25s ease;

}


.wpte-booking-form button:hover,
.wpte-booking-form input[type="submit"]:hover,
.wte-booking-form button:hover,
.wte-booking-form input[type="submit"]:hover,
.booking-form button:hover,
.booking-form input[type="submit"]:hover {

    background:
        #94701f !important;

    transform:
        translateY(-1px);

}


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

.trip-map {

    overflow: hidden;

    border-radius: 12px;

    border:
        1px solid
        rgba(200,155,60,.20);

}


.trip-map iframe {

    width: 100% !important;

    max-width: 100%;

    display: block;

}


/* =========================================================
   WTE MODERN BOOKING / CONTACT FORM
========================================================= */

.wte-booking-form,
.wte-contact-form,
.pm-booking-form,
.pm-form,
.booking-form,
.contact-form {

    width: 100%;

    max-width: 100%;

    background:
        linear-gradient(
            145deg,
            rgba(255,248,225,0.94),
            rgba(250,244,226,0.82)
        );

    border:
        1px solid
        rgba(201,162,74,0.35);

    border-radius:
        18px;

    padding:
        30px;

    box-shadow:
        0 15px 45px
        rgba(70,52,20,0.10);

    position: relative;

    overflow: hidden;

    box-sizing: border-box;

}


.wte-booking-form::before,
.wte-contact-form::before,
.pm-booking-form::before,
.pm-form::before,
.booking-form::before,
.contact-form::before {

    content: "";

    position: absolute;

    width: 260px;

    height: 260px;

    top: -140px;

    right: -100px;

    background:
        rgba(201,162,74,0.10);

    border-radius: 50%;

    pointer-events: none;

}


/* =========================================================
   TITRE FORMULAIRE
========================================================= */

.wte-booking-form h2,
.wte-contact-form h2,
.pm-booking-form h2,
.pm-form h2,
.booking-form h2,
.contact-form h2 {

    margin:
        0 0 8px;

    color:
        #292929;

    font-size:
        28px;

    line-height:
        1.25;

    font-weight:
        700;

    letter-spacing:
        -0.3px;

}


.wte-booking-form h3,
.wte-contact-form h3,
.pm-booking-form h3,
.pm-form h3,
.booking-form h3,
.contact-form h3 {

    margin:
        0 0 20px;

    color:
        #c9a24a;

    font-size:
        15px;

    font-weight:
        600;

    letter-spacing:
        1.2px;

    text-transform:
        uppercase;

}


/* =========================================================
   LABELS FORM
========================================================= */

.wte-booking-form label,
.wte-contact-form label,
.pm-booking-form label,
.pm-form label,
.booking-form label,
.contact-form label {

    display: block;

    margin-bottom:
        7px;

    color:
        #353535;

    font-size:
        14px;

    font-weight:
        600;

}


/* =========================================================
   GROUPES FORM
========================================================= */

.wte-booking-form p,
.wte-contact-form p,
.pm-booking-form p,
.pm-form p,
.booking-form p,
.contact-form p {

    margin-bottom:
        17px;

}


/* =========================================================
   INPUTS FORM
========================================================= */

.wte-booking-form input[type="text"],
.wte-booking-form input[type="email"],
.wte-booking-form input[type="tel"],
.wte-booking-form input[type="number"],
.wte-booking-form input[type="date"],
.wte-booking-form input[type="url"],
.wte-booking-form select,
.wte-booking-form textarea,

.wte-contact-form input[type="text"],
.wte-contact-form input[type="email"],
.wte-contact-form input[type="tel"],
.wte-contact-form input[type="number"],
.wte-contact-form input[type="date"],
.wte-contact-form input[type="url"],
.wte-contact-form select,
.wte-contact-form textarea,

.pm-booking-form input,
.pm-booking-form select,
.pm-booking-form textarea,

.pm-form input,
.pm-form select,
.pm-form textarea,

.booking-form input,
.booking-form select,
.booking-form textarea,

.contact-form input,
.contact-form select,
.contact-form textarea {

    width:
        100%;

    min-height:
        50px;

    padding:
        13px 15px;

    box-sizing:
        border-box;

    background:
        rgba(255,255,255,0.92);

    border:
        1px solid
        rgba(80,80,80,0.16);

    border-radius:
        11px;

    color:
        #292929;

    font-family:
        inherit;

    font-size:
        15px;

    outline:
        none;

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

}


/* =========================================================
   TEXTAREA
========================================================= */

.wte-booking-form textarea,
.wte-contact-form textarea,
.pm-booking-form textarea,
.pm-form textarea,
.booking-form textarea,
.contact-form textarea {

    min-height:
        130px;

    resize:
        vertical;

    line-height:
        1.6;

}


/* =========================================================
   FOCUS FORM
========================================================= */

.wte-booking-form input:focus,
.wte-booking-form select:focus,
.wte-booking-form textarea:focus,

.wte-contact-form input:focus,
.wte-contact-form select:focus,
.wte-contact-form textarea:focus,

.pm-booking-form input:focus,
.pm-booking-form select:focus,
.pm-booking-form textarea:focus,

.pm-form input:focus,
.pm-form select:focus,
.pm-form textarea:focus,

.booking-form input:focus,
.booking-form select:focus,
.booking-form textarea:focus,

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {

    border-color:
        #c9a24a;

    background:
        #fff;

    box-shadow:
        0 0 0 3px
        rgba(201,162,74,0.12);

    transform:
        translateY(-1px);

}


/* =========================================================
   PLACEHOLDER
========================================================= */

.wte-booking-form input::placeholder,
.wte-booking-form textarea::placeholder,

.wte-contact-form input::placeholder,
.wte-contact-form textarea::placeholder,

.pm-booking-form input::placeholder,
.pm-booking-form textarea::placeholder,

.pm-form input::placeholder,
.pm-form textarea::placeholder,

.booking-form input::placeholder,
.booking-form textarea::placeholder,

.contact-form input::placeholder,
.contact-form textarea::placeholder {

    color:
        #999;

    opacity:
        1;

}


/* =========================================================
   SELECT
========================================================= */

.wte-booking-form select,
.wte-contact-form select,
.pm-booking-form select,
.pm-form select,
.booking-form select,
.contact-form select {

    cursor:
        pointer;

    appearance:
        auto;

}


/* =========================================================
   CHECKBOX / RADIO
========================================================= */

.wte-booking-form input[type="checkbox"],
.wte-booking-form input[type="radio"],

.wte-contact-form input[type="checkbox"],
.wte-contact-form input[type="radio"],

.pm-booking-form input[type="checkbox"],
.pm-booking-form input[type="radio"],

.pm-form input[type="checkbox"],
.pm-form input[type="radio"],

.booking-form input[type="checkbox"],
.booking-form input[type="radio"],

.contact-form input[type="checkbox"],
.contact-form input[type="radio"] {

    width:
        auto;

    min-height:
        auto;

    accent-color:
        #c9a24a;

    margin-right:
        7px;

}


/* =========================================================
   BOUTON SUBMIT
========================================================= */

.wte-booking-form input[type="submit"],
.wte-booking-form button[type="submit"],

.wte-contact-form input[type="submit"],
.wte-contact-form button[type="submit"],

.pm-booking-form input[type="submit"],
.pm-booking-form button[type="submit"],

.pm-form input[type="submit"],
.pm-form button[type="submit"],

.booking-form input[type="submit"],
.booking-form button[type="submit"],

.contact-form input[type="submit"],
.contact-form button[type="submit"] {

    width:
        100%;

    min-height:
        54px;

    margin-top:
        8px;

    padding:
        14px 25px;

    border:
        0;

    border-radius:
        12px;

    background:
        linear-gradient(
            135deg,
            #c49a3a,
            #d9b65c
        );

    color:
        #fff;

    font-family:
        inherit;

    font-size:
        15px;

    font-weight:
        700;

    letter-spacing:
        .4px;

    cursor:
        pointer;

    box-shadow:
        0 8px 20px
        rgba(167,126,38,.22);

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

}


.wte-booking-form input[type="submit"]:hover,
.wte-booking-form button[type="submit"]:hover,

.wte-contact-form input[type="submit"]:hover,
.wte-contact-form button[type="submit"]:hover,

.pm-booking-form input[type="submit"]:hover,
.pm-booking-form button[type="submit"]:hover,

.pm-form input[type="submit"]:hover,
.pm-form button[type="submit"]:hover,

.booking-form input[type="submit"]:hover,
.booking-form button[type="submit"]:hover,

.contact-form input[type="submit"]:hover,
.contact-form button[type="submit"]:hover {

    transform:
        translateY(-2px);

    filter:
        brightness(1.04);

    box-shadow:
        0 12px 28px
        rgba(167,126,38,.28);

}


/* =========================================================
   MESSAGE / INFO
========================================================= */

.wte-booking-form .form-message,
.wte-contact-form .form-message,
.pm-booking-form .form-message,
.pm-form .form-message {

    padding:
        12px 15px;

    margin-top:
        15px;

    border-radius:
        10px;

    background:
        rgba(201,162,74,0.08);

    border:
        1px solid
        rgba(201,162,74,0.22);

    color:
        #555;

    font-size:
        14px;

}


/* =========================================================
   WHATSAPP / CONTACT
========================================================= */

.wte-whatsapp,
.pm-whatsapp,
.booking-whatsapp {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        9px;

    margin-top:
        15px;

    padding:
        12px 15px;

    border-radius:
        11px;

    background:
        rgba(255,255,255,0.72);

    border:
        1px solid
        rgba(201,162,74,.22);

    color:
        #444;

    font-size:
        14px;

    text-decoration:
        none;

    transition:
        .25s ease;

}


.wte-whatsapp:hover,
.pm-whatsapp:hover,
.booking-whatsapp:hover {

    background:
        rgba(201,162,74,.10);

    border-color:
        #c9a24a;

    color:
        #222;

}


/* =========================================================
   FORMULAIRE EN DEUX COLONNES
========================================================= */

.wte-form-row,
.pm-form-row,
.booking-form-row {

    display:
        grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap:
        16px;

}


/* =========================================================
   PETIT TEXTE
========================================================= */

.wte-booking-form small,
.wte-contact-form small,
.pm-booking-form small,
.pm-form small,
.booking-form small,
.contact-form small {

    color:
        #777;

    font-size:
        12px;

    line-height:
        1.5;

}


/* =========================================================
   WTE ENQUIRY FORM
========================================================= */

#wte_enquiry_form_scroll_wrapper {

    width:
        100%;

    max-width:
        850px;

    margin:
        40px auto;

    padding:
        0;

    box-sizing:
        border-box;

}


#wte_enquiry_contact_form {

    position:
        relative;

    width:
        100%;

    padding:
        38px;

    box-sizing:
        border-box;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,0.98),
            rgba(252,248,236,0.98)
        );

    border:
        1px solid
        rgba(201,162,39,0.22);

    border-radius:
        22px;

    box-shadow:
        0 20px 60px rgba(0,0,0,0.10),
        0 5px 20px rgba(201,162,39,0.08);

    overflow:
        hidden;

}


#wte_enquiry_contact_form::before {

    content:
        "";

    position:
        absolute;

    top:
        0;

    left:
        0;

    width:
        100%;

    height:
        4px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #c9a227,
            #e5c45a,
            #c9a227,
            transparent
        );

}


#wte_enquiry_contact_form::after {

    content:
        "";

    position:
        absolute;

    width:
        220px;

    height:
        220px;

    top:
        -130px;

    right:
        -100px;

    background:
        rgba(201,162,39,0.08);

    border-radius:
        50%;

    pointer-events:
        none;

}


/* =========================================================
   FORM TITLE
========================================================= */

#wte_enquiry_contact_form .enquiry-form-title {

    position:
        relative;

    z-index:
        2;

    margin:
        0 0 32px;

    padding-bottom:
        18px;

    font-size:
        26px;

    line-height:
        1.35;

    font-weight:
        700;

    color:
        #171717;

    text-align:
        left;

    border-bottom:
        1px solid
        rgba(201,162,39,0.18);

}


#wte_enquiry_contact_form .enquiry-form-title::after {

    content:
        "";

    display:
        block;

    width:
        55px;

    height:
        3px;

    margin-top:
        13px;

    background:
        #c9a227;

    border-radius:
        10px;

}


/* =========================================================
   ROWS
========================================================= */

#wte_enquiry_contact_form .row-repeater {

    position:
        relative;

    width:
        100%;

    margin:
        0 0 21px;

    padding:
        0;

    box-sizing:
        border-box;

}


/* =========================================================
   LABELS
========================================================= */

#wte_enquiry_contact_form .row-repeater label {

    display:
        block;

    margin:
        0 0 8px;

    font-size:
        13px;

    line-height:
        1.4;

    font-weight:
        700;

    color:
        #333;

    letter-spacing:
        .2px;

}


#wte_enquiry_contact_form .required {

    color:
        #c59b22;

    font-weight:
        700;

}


/* =========================================================
   INPUTS / SELECT / TEXTAREA
========================================================= */

#wte_enquiry_contact_form input.input,
#wte_enquiry_contact_form select,
#wte_enquiry_contact_form textarea {

    display:
        block;

    width:
        100%;

    box-sizing:
        border-box;

    border:
        1px solid
        rgba(0,0,0,0.12);

    background:
        rgba(255,255,255,0.92);

    color:
        #222;

    border-radius:
        11px;

    font-family:
        inherit;

    font-size:
        15px;

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

}


#wte_enquiry_contact_form input.input,
#wte_enquiry_contact_form select {

    height:
        52px;

    padding:
        0 16px;

}


#wte_enquiry_contact_form textarea {

    min-height:
        145px;

    padding:
        15px 16px;

    resize:
        vertical;

    line-height:
        1.6;

}


#wte_enquiry_contact_form input::placeholder,
#wte_enquiry_contact_form textarea::placeholder {

    color:
        #999;

    opacity:
        1;

}


#wte_enquiry_contact_form input.input:focus,
#wte_enquiry_contact_form select:focus,
#wte_enquiry_contact_form textarea:focus {

    outline:
        none;

    border-color:
        #c9a227;

    background:
        #fff;

    box-shadow:
        0 0 0 3px rgba(201,162,39,0.10),
        0 6px 18px rgba(201,162,39,0.08);

}


#wte_enquiry_contact_form input.input:hover,
#wte_enquiry_contact_form select:hover,
#wte_enquiry_contact_form textarea:hover {

    border-color:
        rgba(201,162,39,0.45);

}


/* =========================================================
   TRIP NAME
========================================================= */

#wte_enquiry_contact_form .package-name-holder {

    padding:
        16px 18px;

    margin-bottom:
        25px;

    background:
        linear-gradient(
            135deg,
            rgba(201,162,39,0.08),
            rgba(201,162,39,0.03)
        );

    border:
        1px solid
        rgba(201,162,39,0.18);

    border-left:
        3px solid
        #c9a227;

    border-radius:
        12px;

}


#wte_enquiry_contact_form .package-name-holder label {

    margin-bottom:
        5px;

    color:
        #8a6d19;

    text-transform:
        uppercase;

    font-size:
        11px;

    letter-spacing:
        .8px;

}


#wte_enquiry_contact_form .wp-travel-engine-info {

    display:
        block;

    color:
        #222;

    font-size:
        15px;

    font-weight:
        600;

    line-height:
        1.5;

}


/* =========================================================
   GRID CHAMPS
========================================================= */

#wte_enquiry_contact_form .name-holder,
#wte_enquiry_contact_form .email-holder,
#wte_enquiry_contact_form .country-holder,
#wte_enquiry_contact_form .contact,
#wte_enquiry_contact_form .adult,
#wte_enquiry_contact_form .children,
#wte_enquiry_contact_form .subject-holder {

    width:
        calc(50% - 10px);

    display:
        inline-block;

    vertical-align:
        top;

    margin-right:
        16px;

}


#wte_enquiry_contact_form .email-holder,
#wte_enquiry_contact_form .country-holder,
#wte_enquiry_contact_form .children,
#wte_enquiry_contact_form .subject-holder {

    margin-right:
        0;

}


#wte_enquiry_contact_form .subject-holder,
#wte_enquiry_contact_form .confirm-msg {

    width:
        100%;

    display:
        block;

    margin-right:
        0;

}


/* =========================================================
   COUNTRY
========================================================= */

#wte_enquiry_contact_form select {

    appearance:
        none;

    -webkit-appearance:
        none;

    cursor:
        pointer;

    padding-right:
        42px;

    background-image:
        linear-gradient(
            45deg,
            transparent 50%,
            #a47d16 50%
        ),
        linear-gradient(
            135deg,
            #a47d16 50%,
            transparent 50%
        );

    background-position:
        calc(100% - 20px) 22px,
        calc(100% - 14px) 22px;

    background-size:
        6px 6px,
        6px 6px;

    background-repeat:
        no-repeat;

}


/* =========================================================
   NUMBER
========================================================= */

#wte_enquiry_contact_form input[type="number"] {

    appearance:
        textfield;

    -moz-appearance:
        textfield;

}


#wte_enquiry_contact_form input[type="number"]::-webkit-inner-spin-button,
#wte_enquiry_contact_form input[type="number"]::-webkit-outer-spin-button {

    opacity:
        .6;

}


/* =========================================================
   ICONES FORMULAIRE
========================================================= */

#wte_enquiry_contact_form .name-holder::before {
    content: "♙";
}

#wte_enquiry_contact_form .email-holder::before {
    content: "✉";
}

#wte_enquiry_contact_form .country-holder::before {
    content: "⌖";
}

#wte_enquiry_contact_form .contact::before {
    content: "☎";
}

#wte_enquiry_contact_form .adult::before {
    content: "♙";
}

#wte_enquiry_contact_form .children::before {
    content: "♧";
}

#wte_enquiry_contact_form .subject-holder::before {
    content: "✦";
}

#wte_enquiry_contact_form .confirm-msg::before {
    content: "✎";
}


#wte_enquiry_contact_form .name-holder::before,
#wte_enquiry_contact_form .email-holder::before,
#wte_enquiry_contact_form .country-holder::before,
#wte_enquiry_contact_form .contact::before,
#wte_enquiry_contact_form .adult::before,
#wte_enquiry_contact_form .children::before,
#wte_enquiry_contact_form .subject-holder::before,
#wte_enquiry_contact_form .confirm-msg::before {

    position:
        absolute;

    right:
        14px;

    top:
        39px;

    z-index:
        3;

    color:
        #c9a227;

    font-size:
        17px;

    pointer-events:
        none;

}


/* =========================================================
   BOUTON
========================================================= */

#wte_enquiry_contact_form #enquiry_submit_button {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        100%;

    min-height:
        56px;

    margin-top:
        8px;

    padding:
        14px 28px;

    border:
        0;

    border-radius:
        12px;

    background:
        linear-gradient(
            135deg,
            #b88b18,
            #d4ad3b,
            #b88b18
        );

    color:
        #fff;

    font-size:
        15px;

    font-weight:
        700;

    letter-spacing:
        .5px;

    text-transform:
        uppercase;

    cursor:
        pointer;

    box-shadow:
        0 10px 25px
        rgba(184,139,24,.25);

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

}


#wte_enquiry_contact_form #enquiry_submit_button:hover {

    transform:
        translateY(-2px);

    box-shadow:
        0 14px 32px
        rgba(184,139,24,.35);

    filter:
        brightness(1.05);

}


#wte_enquiry_contact_form #enquiry_submit_button:active {

    transform:
        translateY(0);

}


/* =========================================================
   SUCCESS / ERROR
========================================================= */

#wte_enquiry_contact_form .success-msg,
#wte_enquiry_contact_form .failed-msg {

    display:
        block;

    margin-top:
        15px;

    padding:
        12px 15px;

    border-radius:
        9px;

    font-size:
        14px;

    line-height:
        1.5;

}


#wte_enquiry_contact_form .success-msg {

    color:
        #216b3a;

    background:
        rgba(40,167,69,0.08);

    border:
        1px solid
        rgba(40,167,69,0.18);

}


#wte_enquiry_contact_form .failed-msg {

    color:
        #a32929;

    background:
        rgba(211,47,47,0.08);

    border:
        1px solid
        rgba(211,47,47,0.18);

}


/* =========================================================
   PARSLEY
========================================================= */

#wte_enquiry_contact_form input.parsley-error,
#wte_enquiry_contact_form select.parsley-error,
#wte_enquiry_contact_form textarea.parsley-error {

    border-color:
        #d9534f !important;

    box-shadow:
        0 0 0 3px
        rgba(217,83,79,0.08) !important;

}


#wte_enquiry_contact_form .parsley-errors-list {

    margin:
        5px 0 0;

    padding:
        0;

    list-style:
        none;

    color:
        #c0392b;

    font-size:
        12px;

}


/* =========================================================
   HIDDEN
========================================================= */

#wte_enquiry_contact_form input[type="hidden"] {

    display:
        none !important;

}


#wte_enquiry_contact_form .row-repeater:last-of-type {

    margin-bottom:
        15px;

}


/* =========================================================
   RESPONSIVE TABLET
========================================================= */

@media (max-width: 768px) {

    #wte_enquiry_form_scroll_wrapper {

        margin:
            25px auto;

        padding:
            0 15px;

    }


    #wte_enquiry_contact_form {

        padding:
            28px 22px;

        border-radius:
            18px;

    }


    #wte_enquiry_contact_form .enquiry-form-title {

        font-size:
            22px;

        margin-bottom:
            25px;

    }


    #wte_enquiry_contact_form .name-holder,
    #wte_enquiry_contact_form .email-holder,
    #wte_enquiry_contact_form .country-holder,
    #wte_enquiry_contact_form .contact,
    #wte_enquiry_contact_form .adult,
    #wte_enquiry_contact_form .children,
    #wte_enquiry_contact_form .subject-holder {

        width:
            100%;

        display:
            block;

        margin-right:
            0;

    }

}


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

@media (max-width: 600px) {

    .trip-post-content h2.wp-block-heading,
    .wte-single-trip-content h2,
    .wp-travel-engine-single-trip h2,
    .wpte-single-trip-content h2 {

        font-size:
            21px;

        padding:
            11px 13px 11px 48px;

    }


    .trip-post-content h2.wp-block-heading::before,
    .wte-single-trip-content h2::before,
    .wp-travel-engine-single-trip h2::before,
    .wpte-single-trip-content h2::before {

        width:
            30px;

        height:
            30px;

        font-size:
            17px;

    }


    .trip-post-content h3.wp-block-heading,
    .wte-single-trip-content h3,
    .wp-travel-engine-single-trip h3,
    .wpte-single-trip-content h3 {

        font-size:
            18px;

        padding:
            8px 11px 8px 43px;

    }


    .trip-post-content h3.wp-block-heading::before,
    .wte-single-trip-content h3::before,
    .wp-travel-engine-single-trip h3::before,
    .wpte-single-trip-content h3::before {

        width:
            25px;

        height:
            25px;

        font-size:
            15px;

    }


    .trip-post-content h4.wp-block-heading,
    .wte-single-trip-content h4,
    .wp-travel-engine-single-trip h4,
    .wpte-single-trip-content h4 {

        font-size:
            16px;

        padding-left:
            29px;

    }


    .trip-post-content h4.wp-block-heading::before,
    .wte-single-trip-content h4::before,
    .wp-travel-engine-single-trip h4::before,
    .wpte-single-trip-content h4::before {

        font-size:
            15px;

    }

}


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

@media (max-width: 480px) {

    .wte-image-page-title {

        bottom:
            125px !important;

        font-size:
            25px !important;

    }


    .wte-private-tour-badge {

        min-height:
            105px;

        align-content:
            center;

    }


    .wte-private-tour-type {

        font-size:
            11px;

    }


    .wte-private-tour-duration {

        font-size:
            10px;

    }


    .wte-private-tour-rating {

        font-size:
            12px;

    }


    .wte-stars {

        font-size:
            12px;

    }

}


/* =========================================================
   DARK TEXT / WPTE OVERRIDES
========================================================= */

#wte_enquiry_contact_form,
#wte_enquiry_contact_form p,
#wte_enquiry_contact_form span,
#wte_enquiry_contact_form label {

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif;

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

#wte_enquiry_contact_form input:focus-visible,
#wte_enquiry_contact_form select:focus-visible,
#wte_enquiry_contact_form textarea:focus-visible,
#wte_enquiry_contact_form button:focus-visible {

    outline:
        2px solid
        #c9a227;

    outline-offset:
        2px;

}


/* =========================================================
   FIN
========================================================= */