/* =========================================================
   EGERT EIFEL RIDE & CAMP
   FOOTER PLUGIN
   ========================================================= */

#egert-footer,
#egert-footer *,
#egert-footer *::before,
#egert-footer *::after,
#egert-contact-dock,
#egert-contact-dock *,
#egert-mobile-actions,
#egert-mobile-actions * {
    box-sizing:border-box !important;
}


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

#egert-footer {
    --eg-green:#758964 !important;
    --eg-green-dark:#596b4e !important;
    --eg-deep:#263229 !important;
    --eg-deeper:#1b241d !important;
    --eg-orange:#ed741b !important;
    --eg-orange-dark:#d86514 !important;
    --eg-cream:#f5f3ee !important;

    position:relative !important;

    width:100% !important;

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

    overflow:hidden !important;

    background:var(--eg-deep) !important;

    color:#fff !important;

    font-family:"Inter",Arial,sans-serif !important;
}


/* =========================================================
   CTA
   ========================================================= */

#egert-footer .egert-footer-cta {
    position:relative !important;

    width:100% !important;

    overflow:hidden !important;

    background:var(--eg-green) !important;
}


#egert-footer .egert-footer-cta::before {
    content:"" !important;

    position:absolute !important;

    width:430px !important;
    height:430px !important;

    right:-120px !important;
    top:-245px !important;

    border-radius:50% !important;

    border:
        1px solid rgba(255,255,255,.16) !important;

    pointer-events:none !important;
}


#egert-footer .egert-footer-cta::after {
    content:"" !important;

    position:absolute !important;

    width:260px !important;
    height:260px !important;

    right:-35px !important;
    top:-160px !important;

    border-radius:50% !important;

    border:
        1px solid rgba(255,255,255,.12) !important;

    pointer-events:none !important;
}


#egert-footer .egert-footer-cta-inner {
    position:relative !important;
    z-index:2 !important;

    width:100% !important;
    max-width:1350px !important;

    margin:0 auto !important;

    padding:
        58px
        30px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:space-between !important;

    gap:50px !important;
}


#egert-footer .egert-footer-cta-kicker {
    display:flex !important;

    align-items:center !important;

    gap:11px !important;

    margin-bottom:11px !important;

    color:
        rgba(255,255,255,.72) !important;

    font-size:11px !important;

    font-weight:700 !important;

    letter-spacing:2px !important;

    text-transform:uppercase !important;
}


#egert-footer .egert-footer-cta-kicker::before {
    content:"" !important;

    width:34px !important;
    height:3px !important;

    background:var(--eg-orange) !important;
}


#egert-footer .egert-footer-cta h2 {
    margin:0 !important;
    padding:0 !important;

    color:#fff !important;

    font-size:
        clamp(35px,3.4vw,52px) !important;

    line-height:1.05 !important;

    letter-spacing:-2px !important;

    font-weight:700 !important;
}


#egert-footer .egert-footer-rent {
    min-height:58px !important;

    padding:
        0
        27px !important;

    display:inline-flex !important;

    align-items:center !important;
    justify-content:center !important;

    gap:12px !important;

    flex-shrink:0 !important;

    color:#fff !important;

    background:var(--eg-orange) !important;

    border:
        1px solid var(--eg-orange) !important;

    text-decoration:none !important;

    font-size:14px !important;

    font-weight:700 !important;

    box-shadow:
        0 12px 30px rgba(45,31,18,.15) !important;

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


#egert-footer .egert-footer-rent:hover {
    background:var(--eg-orange-dark) !important;

    color:#fff !important;

    transform:
        translateY(-3px) !important;
}


/* =========================================================
   MAIN
   ========================================================= */

#egert-footer .egert-footer-main {
    position:relative !important;

    background:var(--eg-deep) !important;
}


#egert-footer .egert-footer-watermark {
    position:absolute !important;

    right:-15px !important;
    bottom:20px !important;

    color:
        rgba(255,255,255,.025) !important;

    font-size:
        clamp(80px,9vw,155px) !important;

    line-height:.8 !important;

    font-weight:700 !important;

    letter-spacing:-7px !important;

    white-space:nowrap !important;

    pointer-events:none !important;
}


#egert-footer .egert-footer-inner {
    position:relative !important;

    z-index:2 !important;

    width:100% !important;
    max-width:1350px !important;

    margin:0 auto !important;

    padding:
        82px
        30px
        55px !important;
}


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

#egert-footer .egert-footer-grid {
    display:grid !important;

    grid-template-columns:
        1.35fr
        .75fr
        .75fr
        .72fr !important;

    gap:65px !important;
}


/* =========================================================
   LOGO
   ========================================================= */

#egert-footer .egert-footer-logo-link {
    display:inline-flex !important;

    align-items:center !important;

    margin:
        0
        0
        24px !important;

    text-decoration:none !important;
}


#egert-footer .egert-footer-logo {
    display:block !important;

    width:auto !important;

    max-width:338px !important;

    height:125px !important;
    max-height:125px !important;

    object-fit:contain !important;
    object-position:left center !important;

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

    border:0 !important;

    box-shadow:none !important;
}


#egert-footer .egert-footer-brand-text {
    max-width:390px !important;

    margin:0 !important;

    color:
        rgba(255,255,255,.64) !important;

    font-size:14px !important;

    line-height:1.75 !important;
}


/* =========================================================
   PAYMENT ICONS
   ========================================================= */

#egert-footer .egert-footer-payment-title {
    margin:
        28px
        0
        12px !important;

    color:
        rgba(255,255,255,.42) !important;

    font-size:9px !important;

    line-height:1 !important;

    font-weight:700 !important;

    letter-spacing:1.6px !important;

    text-transform:uppercase !important;
}


#egert-footer .egert-footer-payments {
    width:100% !important;
    max-width:390px !important;

    display:grid !important;

    grid-template-columns:
        repeat(4,minmax(0,1fr)) !important;

    gap:7px !important;
}


#egert-footer .egert-payment-box {
    position:relative !important;

    height:66px !important;

    padding:9px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    background:
        rgba(255,255,255,.055) !important;

    border:
        1px solid rgba(255,255,255,.12) !important;

    overflow:hidden !important;

    transition:
        background .22s ease,
        border-color .22s ease,
        transform .22s ease !important;
}


#egert-footer .egert-payment-box:hover {
    background:
        rgba(255,255,255,.09) !important;

    border-color:
        rgba(167,181,155,.42) !important;

    transform:
        translateY(-2px) !important;
}


#egert-footer .egert-payment-box img {
    display:block !important;

    width:auto !important;
    height:auto !important;

    max-width:100% !important;
    max-height:42px !important;

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

    object-fit:contain !important;

    border:0 !important;

    box-shadow:none !important;
}


/* =========================================================
   COLUMN TITLES
   ========================================================= */

#egert-footer .egert-footer-column h3 {
    position:relative !important;

    margin:
        8px
        0
        25px !important;

    padding:
        0
        0
        13px !important;

    color:#fff !important;

    font-size:15px !important;

    line-height:1 !important;

    font-weight:700 !important;
}


#egert-footer .egert-footer-column h3::after {
    content:"" !important;

    position:absolute !important;

    left:0 !important;
    bottom:0 !important;

    width:32px !important;
    height:2px !important;

    background:var(--eg-orange) !important;
}


/* =========================================================
   LINKS
   ========================================================= */

#egert-footer .egert-footer-links {
    display:flex !important;

    flex-direction:column !important;

    gap:4px !important;

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

    list-style:none !important;
}


#egert-footer .egert-footer-links li {
    margin:0 !important;
    padding:0 !important;

    list-style:none !important;
}


#egert-footer .egert-footer-links a {
    position:relative !important;

    min-height:35px !important;

    display:inline-flex !important;

    align-items:center !important;

    color:
        rgba(255,255,255,.64) !important;

    text-decoration:none !important;

    font-size:13px !important;

    line-height:1.35 !important;

    font-weight:500 !important;

    transition:
        color .2s ease,
        transform .2s ease !important;
}


#egert-footer .egert-footer-links a::before {
    content:"" !important;

    width:0 !important;
    height:1px !important;

    margin-right:0 !important;

    background:var(--eg-orange) !important;

    transition:
        width .2s ease,
        margin .2s ease !important;
}


#egert-footer .egert-footer-links a:hover {
    color:#fff !important;

    transform:
        translateX(3px) !important;
}


#egert-footer .egert-footer-links a:hover::before {
    width:15px !important;

    margin-right:8px !important;
}


/* =========================================================
   BOTTOM
   ========================================================= */

#egert-footer .egert-footer-bottom {
    border-top:
        1px solid rgba(255,255,255,.10) !important;
}


#egert-footer .egert-footer-bottom-inner {
    width:100% !important;
    max-width:1350px !important;

    margin:0 auto !important;

    padding:
        24px
        30px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:space-between !important;

    gap:25px !important;

    color:
        rgba(255,255,255,.45) !important;

    font-size:11px !important;
}


#egert-footer .egert-bottom-claim {
    display:flex !important;

    align-items:center !important;

    gap:9px !important;

    text-transform:uppercase !important;

    letter-spacing:1.6px !important;
}


#egert-footer .egert-bottom-dot {
    width:7px !important;
    height:7px !important;

    border-radius:50% !important;

    background:var(--eg-orange) !important;
}


/* =========================================================
   CONTACT DOCK
   ========================================================= */

#egert-contact-dock {
    --dock-green:#758964 !important;
    --dock-deep:#263229 !important;
    --dock-orange:#ed741b !important;

    position:fixed !important;

    z-index:999900 !important;

    left:18px !important;
    top:50% !important;

    transform:
        translateY(-50%) !important;

    display:flex !important;

    flex-direction:column !important;

    align-items:flex-start !important;

    gap:9px !important;

    font-family:"Inter",Arial,sans-serif !important;
}


#egert-contact-dock .egert-contact-pill {
    width:56px !important;
    height:56px !important;

    display:flex !important;

    align-items:center !important;

    overflow:hidden !important;

    border-radius:999px !important;

    color:#fff !important;

    background:var(--dock-deep) !important;

    border:
        1px solid rgba(255,255,255,.13) !important;

    text-decoration:none !important;

    box-shadow:
        0 9px 25px rgba(20,28,21,.17) !important;

    transition:
        width .32s cubic-bezier(.2,.7,.2,1),
        background .25s ease,
        transform .25s ease !important;
}


#egert-contact-dock .egert-contact-icon {
    width:54px !important;
    min-width:54px !important;

    height:54px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    color:#fff !important;

    font-size:18px !important;
}


#egert-contact-dock .egert-contact-label {
    padding-right:21px !important;

    color:#fff !important;

    font-size:13px !important;

    font-weight:700 !important;

    white-space:nowrap !important;

    opacity:0 !important;

    transform:
        translateX(-8px) !important;

    transition:
        opacity .2s ease .06s,
        transform .25s ease .04s !important;
}


#egert-contact-dock .egert-contact-pill:hover {
    width:225px !important;

    background:var(--dock-green) !important;

    transform:
        translateX(3px) !important;
}


#egert-contact-dock
.egert-contact-pill:hover
.egert-contact-label {
    opacity:1 !important;

    transform:
        translateX(0) !important;
}


#egert-contact-dock .egert-contact-whatsapp {
    background:#4f7157 !important;
}


#egert-contact-dock .egert-contact-rent {
    background:var(--dock-orange) !important;
}


#egert-contact-dock .egert-contact-rent:hover {
    background:#d86514 !important;
}


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

#egert-mobile-actions {
    display:none !important;
}


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

@media(max-width:1100px) {

    #egert-footer .egert-footer-grid {
        grid-template-columns:
            1.25fr
            1fr
            1fr !important;

        gap:50px !important;
    }


    #egert-footer
    .egert-footer-column:last-child {
        grid-column:
            2 / 4 !important;
    }

}


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

@media(max-width:767px) {

    #egert-contact-dock {
        display:none !important;
    }


    #egert-footer .egert-footer-cta-inner {
        display:block !important;

        padding:
            48px
            18px !important;
    }


    #egert-footer .egert-footer-cta h2 {
        font-size:36px !important;

        letter-spacing:-1.5px !important;
    }


    #egert-footer .egert-footer-rent {
        width:100% !important;

        margin-top:25px !important;
    }


    #egert-footer .egert-footer-inner {
        padding:
            62px
            18px
            40px !important;
    }


    #egert-footer .egert-footer-grid {
        grid-template-columns:
            1fr
            1fr !important;

        gap:
            45px
            25px !important;
    }


    #egert-footer .egert-footer-brand {
        grid-column:
            1 / -1 !important;
    }


    #egert-footer
    .egert-footer-column:last-child {
        grid-column:auto !important;
    }


    #egert-footer .egert-footer-logo {
        max-width:190px !important;

        height:105px !important;
    }


    #egert-footer .egert-footer-payments {
        max-width:100% !important;
    }


    #egert-footer .egert-payment-box {
        height:62px !important;
    }


    #egert-footer .egert-footer-bottom-inner {
        display:block !important;

        padding:
            21px
            18px
            95px !important;

        text-align:center !important;
    }


    #egert-footer .egert-bottom-claim {
        justify-content:center !important;

        margin-top:8px !important;
    }


    #egert-footer .egert-footer-watermark {
        display:none !important;
    }


    #egert-mobile-actions {
        position:fixed !important;

        z-index:999950 !important;

        left:50% !important;

        bottom:
            max(
                14px,
                env(safe-area-inset-bottom)
            ) !important;

        transform:
            translateX(-50%) !important;

        display:flex !important;

        align-items:center !important;

        gap:10px !important;

        padding:7px !important;

        background:
            rgba(245,243,238,.94) !important;

        border:
            1px solid rgba(38,50,41,.11) !important;

        border-radius:999px !important;

        box-shadow:
            0 12px 32px rgba(20,28,21,.20) !important;
    }


    #egert-mobile-actions a {
        width:54px !important;
        height:54px !important;

        display:flex !important;

        align-items:center !important;
        justify-content:center !important;

        border-radius:50% !important;

        color:#fff !important;

        text-decoration:none !important;

        font-size:19px !important;
    }


    #egert-mobile-actions
    .egert-mobile-phone {
        background:#758964 !important;
    }


    #egert-mobile-actions
    .egert-mobile-rent {
        background:#ed741b !important;
    }

}


@media(max-width:480px) {

    #egert-footer .egert-footer-grid {
        grid-template-columns:1fr !important;

        gap:38px !important;
    }


    #egert-footer .egert-footer-payments {
        grid-template-columns:
            repeat(4,minmax(0,1fr)) !important;
    }


    #egert-footer .egert-payment-box {
        height:56px !important;

        padding:6px !important;
    }


    #egert-footer .egert-payment-box img {
        max-height:34px !important;
    }

}


/* =========================================================
   EGERT FOOTER SOCIALS V1
   ========================================================= */

#egert-footer .egert-footer-socials {
    display:flex !important;
    align-items:center !important;
    flex-wrap:wrap !important;

    gap:9px !important;

    margin-top:20px !important;

    max-width:390px !important;
}


#egert-footer .egert-footer-social {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:8px !important;

    min-height:42px !important;

    padding:
        0
        14px !important;

    color:#fff !important;

    font-size:12px !important;
    font-weight:600 !important;
    line-height:1 !important;

    text-decoration:none !important;

    background:
        rgba(255,255,255,.055) !important;

    border:
        1px solid rgba(255,255,255,.13) !important;

    transition:
        background .22s ease,
        border-color .22s ease,
        transform .22s ease,
        color .22s ease !important;
}


#egert-footer .egert-footer-social i {
    font-size:17px !important;
    line-height:1 !important;
}


#egert-footer .egert-footer-social:hover {
    color:#fff !important;

    background:
        rgba(255,255,255,.10) !important;

    border-color:
        rgba(167,181,155,.48) !important;

    transform:
        translateY(-2px) !important;
}


@media(max-width:767px) {

    #egert-footer .egert-footer-socials {
        margin-top:18px !important;
    }

    #egert-footer .egert-footer-social {
        min-height:40px !important;
        padding:0 13px !important;
    }

}

