/* =========================================================
   W RENT – GLOBAL FOOTER
   PREMIUM / CLEAN / RESPONSIVE
========================================================= */


/* =========================================================
   RESET
========================================================= */

.wrentGlobalFooter,
.wrentGlobalFooter *,
.wrentGlobalFooter *::before,
.wrentGlobalFooter *::after {
    box-sizing: border-box;
}


.wrentGlobalFooter {
    width: 100% !important;
    max-width: none !important;

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

    display: block !important;

    clear: both !important;

    overflow: hidden;

    color: #111111;

    background: #ffffff;

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif !important;
}


.wrentGlobalFooter a {
    color: inherit;

    text-decoration: none !important;
}



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

.wrentFooterCta {
    padding:
        clamp(85px,9vw,145px)
        clamp(20px,5vw,72px);

    background: #f5f5f7;

    border-top:
        1px solid #e8e8ea;
}


.wrentFooterCtaInner {
    width: 100%;
    max-width: 1480px;

    margin: 0 auto;

    display: flex !important;

    align-items: flex-end;
    justify-content: space-between;

    gap:
        clamp(45px,6vw,90px);
}


.wrentFooterCtaContent {
    flex: 1 1 auto;

    max-width: 930px;
}


.wrentFooterEyebrow {
    display: inline-flex;

    align-items: center;

    gap: 10px;

    margin:
        0 0 20px;

    color: #7c7c81;

    font-size: 10px;

    font-weight: 700;

    line-height: 1;

    letter-spacing: .17em;

    text-transform: uppercase;
}


.wrentFooterEyebrow::before {
    content: "";

    width: 24px;
    height: 2px;

    background: #e30613;
}


.wrentFooterCta h2 {
    max-width: 930px;

    margin: 0 !important;

    color: #111111 !important;

    font-size:
        clamp(44px,5.4vw,84px) !important;

    line-height: .95 !important;

    font-weight: 610 !important;

    letter-spacing:
        -.065em !important;
}


.wrentFooterCta p {
    max-width: 700px;

    margin:
        27px 0 0 !important;

    color: #6e6e73 !important;

    font-size:
        clamp(15px,1.2vw,18px) !important;

    line-height: 1.65 !important;
}



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

.wrentFooterCtaActions {
    flex: 0 0 235px;

    width: 235px;

    display: flex !important;

    flex-direction: column;

    gap: 11px;
}


.wrentFooterButton {
    min-height: 54px;

    padding:
        0 23px;

    display: inline-flex !important;

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

    gap: 20px;

    border:
        1px solid transparent;

    border-radius: 999px;

    font-size: 13px;

    font-weight: 650;

    line-height: 1.2;

    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease,
        transform .2s ease;
}


.wrentFooterButton i {
    font-style: normal;

    transition:
        transform .2s ease;
}


.wrentFooterButtonPrimary {
    color: #ffffff !important;

    background: #111111;

    border-color: #111111;
}


.wrentFooterButtonPrimary:hover {
    color: #ffffff !important;

    background: #e30613;

    border-color: #e30613;

    transform:
        translateY(-2px);
}


.wrentFooterButtonSecondary {
    color: #111111 !important;

    background: #ffffff;

    border-color: #d8d8dc;
}


.wrentFooterButtonSecondary:hover {
    border-color: #111111;
}


.wrentFooterButton:hover i {
    transform:
        translateX(4px);
}



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

.wrentFooterMain {
    padding:
        clamp(70px,7vw,110px)
        clamp(20px,5vw,72px)
        clamp(55px,6vw,90px);

    background: #ffffff;
}


.wrentFooterMainInner {
    width: 100%;
    max-width: 1480px;

    margin: 0 auto;

    display: grid !important;

    grid-template-columns:
        minmax(260px,1.45fr)
        minmax(120px,.68fr)
        minmax(170px,.95fr)
        minmax(185px,1.05fr)
        minmax(145px,.78fr)
        minmax(180px,.95fr);

    align-items: start;

    gap:
        clamp(28px,3.2vw,55px);
}



/* =========================================================
   BRAND
========================================================= */

.wrentFooterBrand {
    width: auto !important;

    max-width: 370px;

    margin: 0 !important;
}


.wrentFooterLogo {
    display: inline-flex !important;

    align-items: center;

    margin-bottom: 25px;
}


.wrentFooterLogoImage {
    display: block !important;

    width: 205px !important;

    max-width: 100% !important;

    height: auto !important;

    margin: 0 !important;
}


.wrentFooterBrand > p {
    max-width: 370px;

    margin: 0 !important;

    color: #6e6e73 !important;

    font-size: 14px !important;

    font-weight: 400 !important;

    line-height: 1.7 !important;
}



/* =========================================================
   VŠETKY NADPISY STĹPCOV
   W SHOP / W PRODUCTION / POTLAČ SÚ IDENTICKÉ
========================================================= */

.wrentFooterColumn h3 {
    margin:
        4px 0 24px !important;

    padding: 0 !important;

    color: #111111 !important;

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif !important;

    font-size: 11px !important;

    line-height: 1.2 !important;

    font-weight: 750 !important;

    letter-spacing: .13em !important;

    text-transform: uppercase !important;

    white-space: nowrap;
}



/* W SHOP */

.wrentFooterColumnShop h3 {
    font-size: 11px !important;
    font-weight: 750 !important;
    letter-spacing: .13em !important;
}


/* W PRODUCTION */

.wrentFooterColumnProduction h3 {
    font-size: 11px !important;
    font-weight: 750 !important;
    letter-spacing: .13em !important;
}


/* POTLAČ PÁSOK */

.wrentFooterColumnPrint h3 {
    font-size: 11px !important;
    font-weight: 750 !important;
    letter-spacing: .13em !important;
}



/* =========================================================
   NAVIGATION
========================================================= */

.wrentFooterColumn nav {
    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;

    gap: 14px !important;
}


.wrentFooterColumn nav a {
    position: relative;

    width: auto !important;

    display: inline-flex !important;

    margin: 0 !important;

    color: #606065 !important;

    font-size: 14px !important;

    line-height: 1.42 !important;

    font-weight: 500 !important;

    text-decoration: none !important;

    transition:
        color .2s ease;
}


.wrentFooterColumn nav a::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -3px;

    width: 0;
    height: 1px;

    background: #e30613;

    transition:
        width .25s ease;
}


.wrentFooterColumn nav a:hover {
    color: #111111 !important;
}


.wrentFooterColumn nav a:hover::after {
    width: 100%;
}



/* =========================================================
   KONTAKT
========================================================= */

.wrentFooterContact {
    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;
}


.wrentFooterContact > a {
    width: auto !important;

    display: flex !important;

    flex-direction: column !important;

    gap: 4px;

    margin:
        0 0 18px !important;

    color: #111111 !important;

    font-size: 14px !important;

    line-height: 1.4 !important;

    font-weight: 650 !important;

    transition:
        color .2s ease;
}


.wrentFooterContact > a span {
    color: #97979c;

    font-size: 10px;

    line-height: 1.2;

    font-weight: 700;

    letter-spacing: .10em;

    text-transform: uppercase;
}


.wrentFooterContact > a:hover {
    color: #e30613 !important;
}



/* =========================================================
   SOCIALS
========================================================= */

.wrentFooterSocials {
    margin-top: 28px;

    display: flex !important;

    flex-direction: row !important;

    align-items: center;

    flex-wrap: wrap;

    gap: 9px;
}


.wrentFooterSocials a {
    width: 42px !important;
    height: 42px !important;

    display: flex !important;

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

    color: #222222;

    background: #ffffff;

    border:
        1px solid #dedee1;

    border-radius: 50%;

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


.wrentFooterSocials svg {
    width: 17px;
    height: 17px;

    fill: currentColor;
}


.wrentFooterSocials a:hover {
    color: #ffffff;

    background: #e30613;

    border-color: #e30613;

    transform:
        translateY(-3px);
}



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

.wrentFooterBottom {
    padding:
        0
        clamp(20px,5vw,72px);

    background: #ffffff;
}


.wrentFooterBottomInner {
    width: 100%;
    max-width: 1480px;

    min-height: 86px;

    margin: 0 auto;

    padding:
        24px 0;

    display: flex !important;

    flex-direction: row;

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

    gap: 30px;

    border-top:
        1px solid #e8e8ea;
}


.wrentFooterBottom p {
    margin: 0 !important;

    color: #8a8a90 !important;

    font-size: 12px !important;

    line-height: 1.5 !important;

    font-weight: 500 !important;
}


.wrentFooterLegal {
    display: flex !important;

    flex-direction: row !important;

    align-items: center;

    justify-content: flex-end;

    flex-wrap: wrap;

    gap:
        14px 24px;
}


.wrentFooterLegal a {
    color: #76767b !important;

    font-size: 12px !important;

    font-weight: 550 !important;

    transition:
        color .2s ease;
}


.wrentFooterLegal a:hover {
    color: #e30613 !important;
}



/* =========================================================
   MENŠÍ DESKTOP
========================================================= */

@media (max-width:1350px) {

    .wrentFooterMainInner {
        grid-template-columns:
            minmax(250px,1.4fr)
            minmax(130px,.7fr)
            minmax(170px,.9fr)
            minmax(185px,1fr)
            minmax(145px,.8fr);

        gap:
            35px 42px;
    }


    .wrentFooterContact {
        grid-column:
            2 / -1;

        padding-top: 10px;
    }

}



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

@media (max-width:1050px) {

    .wrentFooterCtaInner {
        flex-direction: column !important;

        align-items: flex-start !important;

        gap: 38px;
    }


    .wrentFooterCtaActions {
        width: 100%;
        max-width: 520px;

        flex: 0 0 auto;

        flex-direction: row;
    }


    .wrentFooterButton {
        flex: 1;
    }


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

        gap:
            45px 55px;
    }


    .wrentFooterBrand {
        grid-column:
            1 / -1;

        max-width: 650px;
    }


    .wrentFooterContact {
        grid-column: auto;

        padding-top: 0;
    }

}



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

@media (max-width:700px) {

    .wrentFooterCta {
        padding:
            72px 20px;
    }


    .wrentFooterCta h2 {
        font-size:
            clamp(40px,11vw,54px) !important;
    }


    .wrentFooterCtaActions {
        width: 100%;
        max-width: none;

        flex-direction: column;
    }


    .wrentFooterButton {
        width: 100%;
    }


    .wrentFooterMain {
        padding:
            62px 20px 48px;
    }


    .wrentFooterMainInner {
        grid-template-columns: 1fr;

        gap: 0;
    }


    .wrentFooterBrand {
        grid-column: auto;

        max-width: none;

        padding-bottom: 38px;
    }


    .wrentFooterColumn {
        padding:
            28px 0;

        border-top:
            1px solid #ececef;
    }


    .wrentFooterColumn h3 {
        margin:
            0 0 19px !important;

        font-size:
            10px !important;
    }


    .wrentFooterColumn nav {
        gap:
            13px !important;
    }


    .wrentFooterContact {
        padding-bottom: 0;
    }


    .wrentFooterBottom {
        padding:
            0 20px;
    }


    .wrentFooterBottomInner {
        flex-direction: column;

        align-items: flex-start;

        gap: 18px;

        padding:
            27px 0;
    }


    .wrentFooterLegal {
        justify-content: flex-start;

        gap:
            13px 17px;
    }

}



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

.wrentFooterButton:focus-visible,
.wrentFooterColumn a:focus-visible,
.wrentFooterSocials a:focus-visible,
.wrentFooterLegal a:focus-visible {
    outline:
        2px solid #e30613;

    outline-offset:
        3px;
}



/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion:reduce) {

    .wrentFooterButton,
    .wrentFooterColumn a,
    .wrentFooterSocials a,
    .wrentFooterLegal a {
        transition:
            none !important;
    }

}



/* =========================================================
   SKRYŤ PÔVODNÚ SHOPTET PÄTIČKU
========================================================= */

#footer {
    display: none !important;
}