@charset "utf-8";
@media only screen and (min-width: 48em) {
   
    .navbar>ul>li.insuranceLink>a:before {
        content: 'Pojištění';
    }
    .dl-menuwrapper{
        max-width: unset;
    }
    .navbar:has(.dl-menuwrapper.dlactive)>ul {
        padding-right: calc(93.5px + 8rem)
    }
  
}    
body .breadcrumb > a:first-child {
    width: 26px;
    max-width: 26px;
    min-width: 26px;
    overflow: hidden;
    position: relative;
    text-overflow: clip;
}

/*CAR PAGES*/
body .notavailableprice b.price:before {
    content: 'Není k dispozici';
    font-size: 16px;
    display: inline-block;
    margin-top: 14px;
    width:100%;
}
@media only screen and (min-width: 48em) {
    .badgeBox {
        max-width: 33.333%;
        min-width: 33.333%;
    }

    .qqContainer2019 #qqbtn{
        letter-spacing: -1px;
    }
}







:root {
    --red: var(--accent-2);
}

body #flatSelectedDatesDiv>b:first-of-type:before {
    content: 'Datum vyzvednutí';
    letter-spacing: 0;
    font-size:12px
}

body #flatSelectedDatesDiv>b:last-of-type:before {
    content: 'Datum vrácení';
    letter-spacing: 0;
    font-size:12px
}
body .pHourWrapper:before{
    content:'Čas vyzvednutí';
}
body .rHourWrapper:before {
    content:'Čas vrácení';
}
body .datesWrapper b.hoursLabel:nth-of-type(1):before {
    content: 'Ráno'
}
body .datesWrapper b.hoursLabel:nth-of-type(2):before {
    content: 'Úřední hodiny'
}
body .datesWrapper b.hoursLabel:nth-of-type(3):before {
    content: 'Noc';
}
body #calendarsContainer > div.datesWrapper > div > span.noon:after{
    content:"Poledne";
    letter-spacing:-.5px;
    font-weight:600;
}
body #calendarsContainer > div.datesWrapper > div > span.midnight:after{
    content:"Půlnoc";
    letter-spacing:-.5px;
    font-weight:600;
}
body .datesWrapper button:before{
    content:'Ok';
}

body .offers2018 span.off18features:after {
    content: 'Zahrnuje  \a Premium pojištění!';
}
body .offers2018 span.off18group:before {
    content: 'nebo podobný ';
}

body .trunc[open] button.trunc--btn > span:before {
    content: 'méně';
}


@media only screen and (min-width: 1200px) {
    body #topMenuContainer.active .langListHeader{
        left: auto;
        right: 29vw;
    }
}

@media screen and (min-width: 1300px) {
    body #topMenuContainer.active .langListHeader{
        left: calc(50% + 75px);
    }
}

@media only screen and (min-width: 1024px) {
    body #step1.inlineStep1.open:after{
        content: 'Premium pojištění!';
    }
    body #step1.inlineStep1.open .superbox:after{
        content: "Bez kreditní karty\A Zrušení zdarma\A Bez spoluúčasti";
    }
}







@media only screen and (max-width: 767px) {
    body.calendarActive .calendarsContainer.hoursOnly #pud-red-shadow > b:first-of-type:before {
        content: 'Datum vyzvednutí';
        letter-spacing: 0;
        font-size:12px
    }
    body.calendarActive .calendarsContainer.hoursOnly #pud-red-shadow > :last-of-type:before {
        content: 'Datum vrácení';
        letter-spacing: 0;
        font-size:12px
    }
}

@media only screen and (min-width: 768px) {
    .heroQuote:not(.qqInSubPage) {
        /* height: calc(100dvh - 261px);
        max-height: calc(100dvh - 261px); */
    }
}
@media only screen and (min-width: 48em) {
    .navbar>ul>li.insuranceLink>a:before {
        content: 'Pojištění';
        /* font-size: 18px;
        display: block;
        line-height: 1em */
    }
}
@media only screen and (min-width: 48em) {
    .navbar>ul>li.insuranceLink>a:before {
        font-size: 16px;
    }
}

.breadcrumb ul>li.bdHome>a>span {
    display: none
}

.breadcrumb ul>li:nth-child(1)>a {
    margin-right: 0
}


body .offers2018 ul>li.notavailable:after{
    text-transform: uppercase;
    content: 'není k dispozici';
}


/*CAR PAGES*/
body .notavailableprice b.price:before {
    font-size: 14px;
    display: inline-block;
    margin-top: 14px;
    width:100%;
}

body .notavailableprice b.price {
    font-size: 0px;
    line-height: 10px;
}

.offers2018 ul>li.groupOnRequest .button {
    font-size: 0px!important;
}
.offers2018 ul>li.groupOnRequest .button:before {
    content: 'Na vyžádání ⚠';
    font-size: 16px;
    padding-top: 6px;
    display: block;
    padding-bottom: 8px;
}
#offer-modal .bookit.button-orange-ghost:before {
    content: 'Na vyžádání ⚠';
}
#offer-modal .bookit.button-orange-ghost{
    overflow:hidden;
    
    &:before {
        font-size: 16px;
        padding-top: 0px;
        display: block;
        padding-bottom: 20px;
        overflow:hidden;
    }
}


@media only screen and (max-width: 767px) {
    .heroQuote:not(.qqInSubPage) button.showQuoteOnMobile:before {
        content: 'Zavřít';
    }

    body.lp .mainText.pd40 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}


#ez-toc-container nav:before,
#ez-toc-container label:after{
    content:'Obsah';
}
@media only screen and (min-width: 48em) {
    body .heroQuote.qqInSubPage.stickering .quickQuote:after {
        content: 'od\a 14,9 € za den';
    }
}


body .carHireLocations .nearbyLocations {
    margin-left:0;
}
@media only screen and (max-width: 1024px) {
    body .carHireLocations .nearbyLocations {
            margin-left:auto;
            float: none;
            width: 100%;
            margin-top: 0rem;
    }
}






body .pHourWrapper:before{
    content:'Čas vyzvednutí';
}
body .rHourWrapper:before{
    content:'Čas vrácení';
}
body b.hoursLabel[data-label='Morning']:before{
    content:"Brzy ráno"
}
body b.hoursLabel[data-label='Office Hours']:before{
    content:"Úřední hodiny"
}
body b.hoursLabel[data-label='Night']:before{
    content:"Noc"
}
body .datesWrapper button:before{
    content:'Ok';
}

body section.active button.acc-read-more > span:before {
    content: 'méně';
}

body #ez-toc-container.open button.TocViewAll:before{
    content:'Zobrazit méně';
}
body section.latestPosts:before{
    transform: translate(-11.5rem, 10rem) rotate(-90deg);
}


body #calendarsContainer > div.datesWrapper > div > span.noon:after{
    content:"Poledne";
}
body #calendarsContainer > div.datesWrapper > div > span.midnight:after{
    content:"Půlnoc";
}

body .trunc[open] button.trunc--btn > span:before{
    content: 'méně';
}






/* FIXING QUICK QUOTE */
html.qqScrolling body div#pud-red-shadow {
    top: 13px!important;
    left: calc(50% - 113px)!important;
    max-width: 486px;
}
@media only screen and (min-width: 767px) {
    body .isPickupActive0:not(.hoursOnly) div#pud-red-shadow > b:first-of-type, body .isReturnActive0:not(.hoursOnly) div#pud-red-shadow > b:last-of-type{
        margin-top: -6px;
    }
    body:has( .hoursOnly ) div#pud-red-shadow b{
        margin-top: -6px!important;
    }
}
body td.diA:after{
    content: 'Dny';
}








/* CENTERPIECE ANNOTATION EDITS */
body .rm-toggle {
    display: none;
}
.centerpiece {
    display: flex;
    gap: 1.5rem;
    max-width: 1070px;
    width: 100%;
    max-height: 85px;
    overflow: hidden;
    background: rgb(255 255 255 / 95%);
    padding: 0 2rem;
    white-space: pre-line;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    position: relative;
    
    p,ul,li{
        margin:0;
        padding:0;
    }
    ul{
        margin-top:-3rem;
    }
    li{
        display:inline-block
    }
    li:before{
        content:'› ';
    }

    @media only screen and (max-width: 768px) {
        background: var(--light);
    }
    &:before {
        position: absolute;
        width: 100%;
        bottom: 0;
        height: 36px;
        left: 0;
        background: rgb(252 250 250);
        display: inline-block;
        content: '';
        
        @media only screen and (max-width: 768px) {
            background: var(--light);
        }
    }
}

.rm-label {
    display: inline;
    margin-top: 4px;
    color: #222;
    cursor: pointer;
    margin-right: auto;
    margin-left: 0;
    position: absolute;
    bottom: 0;
    font-weight: 400;
}

body:has(.rm-toggle:checked){
    .centerpiece {
        -webkit-line-clamp: unset;
        max-height: none;
        padding-bottom: 40px;
    }
    .rm-label{
        font-weight:500;
        display: flex;
        flex-direction: row-reverse;
    }
    .rm-label>span{
        display:none;
    }
    .rm-label:before{
        content: ' méně';
        margin-left: .5rem;
    }
    .rm-label:after {
        rotate: -90deg;
        order: -1;
    }
    .heroQuote{
        min-height: fit-content;
        aspect-ratio: auto;
    }
    .quickQuoteTitle{
        margin-top:3rem;
    }
}

.rm-label:after {
    content: ' ›';
    display: inline-block;
    rotate: 90deg;
    margin-left: 1rem;
}

.rm-label:hover {
    text-decoration: underline;
}
