/* FONTY */
/* 
@font-face {
    font-family: RaleNormal;
    src: url(fonts/Raleway-Light.ttf);
}
*/
@font-face {
    font-family: RaleBlack;
    src: url(fonts/Raleway-Black.ttf);
    font-display: swap;
}

@font-face {
    font-family: RaleExBold;
    src: url(fonts/Raleway-ExtraBold.ttf);
    font-display: swap;
}

@font-face {
    font-family: RaleBold;
    src: url(fonts/Raleway-Bold.ttf);
    font-display: swap;
}

@font-face {
    font-family: RaleNormal;
    src: url(fonts/Raleway-Regular.ttf);
    font-display: swap;
}

@keyframes jellyTo1_1 {
    0%   { transform: scale(1); }
    28%  { transform: scale(1.15); }
    42%  { transform: scale(1.05); }
    57%  { transform: scale(1.115); }
    71%  { transform: scale(1.09); }
    100% { transform: scale(1.1); }
}

@keyframes jellyTo1_2 {
    0%   { transform: scale(1); }
    28%  { transform: scale(1.1); }
    42%  { transform: scale(1.02); }
    57%  { transform: scale(1.105); }
    71%  { transform: scale(1.04); }
    100% { transform: scale(1.05); }
}

@keyframes jellyTo1_05 {
    0%   { transform: scale(1); }
    28%  { transform: scale(1.075); }   /* 1 + (0.15 * 0.5) */
    42%  { transform: scale(1.025); }   /* 1 + (0.05 * 0.5) */
    57%  { transform: scale(1.0575); }  /* 1 + (0.115 * 0.5) */
    71%  { transform: scale(1.045); }   /* 1 + (0.09 * 0.5) */
    100% { transform: scale(1.05); }
}


/* OBECNÉ */

body{
    padding: 0px;
    margin: 0px;

    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: opacity 2s ease;
}

body.no-scroll {
    overflow: hidden;
}

@keyframes autofill-start {
    from {}
    to {}
  }

input.with-eye:-webkit-autofill {
    animation-name: autofill-start;
    animation-duration: 0.01s;
    background-image: url('images/ocko_viditelnosti.svg') !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 20px 20px !important;
    padding-right: 40px !important;
    box-shadow: 0 0 0 1000px white inset !important;
  }

.navbar-expand{
    height: 73px;
}

.navbar-nav{
    align-items: center;
}

.navbar-expand-md{
    height: 73px;
}

.header{
    z-index: 2;
}

.main_header{
    background-color: white;
    z-index: 1000000000;
    height: 73px;
}

.load_main_cont{
    display: none;
    background: rgba(0, 0, 0, 0.436);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(5px);
    left: 0px;
    top:0px;
    width: 100%;
    height: 100%;
    position: fixed;

    z-index: 9000000;
}

#lottie-container-loading{
    width: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.scroll_anim_main{
    opacity: 0;
    transform: translateX(0px);
    transition: opacity 1s;
}

.visible_main {
    animation: slideInMain 1s forwards;
}

@keyframes slideInMain {
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.load_main_icon{
    width: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.popup_info_doprava{
    background-color: #137367;
    width: 550px;
    height: fit-content;
    border-radius: 9px;
    position: fixed;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;

    padding: 30px;
    padding-left: 50px;
    padding-right: 40px;
  

    display: flex;
    flex-direction: row;
}

.popup_info_doprava_in{
    display: flex;
    flex-direction: row;
    gap: 50px;
}

.popup_info_doprava_in_text{
    display: flex;
    flex-direction: column;
}

.lottie_procregistrovat_doprava{
    width: 100px;
}

.popup_info_doprava_h2{
    font-size: 16px !important;
    font-family: RaleExBold !important;
    color: white !important;

    margin-bottom: 0px !important;
    line-height: 110% !important;
}

.popup_info_doprava_h1{
    font-size: 25px !important;
    font-family: RaleExBold !important;
    color: white !important;
    margin-top: 0px !important;
    line-height: 110% !important;
}

.popup_info_doprava p{
    font-size: 16px;
    font-family: RaleNormal;
    color: white;

    margin-top: 10px;
    margin-bottom: 0px;
}

.restaurant-container {
    margin-bottom: 0;
    padding-bottom: 50px;
    border-bottom: 1px solid #e7e7e7; /* Tenká černá čára mezi restauracemi */
    margin-bottom: 50px;
}

.restaurant-container.last-restaurant {
    border-bottom: none; /* Poslední restaurace nemá spodní čáru */
}

.city-separator {
    height: 20px;
    background-color: #ffffff; /* Oranžová čára mezi městy */
    margin: 20px 0 30px 0;
    box-shadow: 0 8px 19px rgba(0, 0, 0, 0.1);
    margin-top: -20px;
}







/* error 404 */

.error_main_cont{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 50px;
}

#lottie_error_404{
    width: 400px;
    height: 400px;
}

.error_main_part{
    flex: 1;
}

.error_main_part h1{
    font-family: RaleExBold;
    font-size: 22px;
    color: black;
    margin-bottom: 16px;
}

.error_main_part_h1{
    font-family: RaleExBold !important;
    font-size: 22px !important;
    color: black !important;
    margin-bottom: 16px !important;
}

.error_main_part p{
    font-family: RaleNormal;
    font-size: 16;
    color: black;
    margin-bottom: 16px;
}

.error_back_btn{
    border: 0px solid transparent;
    border-radius: 9px;
    width: 160px;
    height: 45px;
    transition-duration: .3s;
    color: white;
    font-family: RaleExBold;
    background-color: #ff761a;
    transition-duration: .3s;
}

.error_back_btn:hover{
    background-color: #137367;
}


/* COOKIES */

.modal {
    z-index: 99999999 !important; /* Zajistí, že modal bude nejvýše */
}


.modal-backdrop {
    z-index: 99999998 !important; /* Překryje vše pod modalem */
}

.modal-dialog-custom{
    top: 50%;
    transform: translateY(-50%) !important;
}

.modal-content {
    border-radius: 15px;
    padding: 20px;
    background: white;
    border: 1px solid #ccc;
}
.modal-header {
    border-bottom: none !important;
}

.modal-footer{
    border-top: none !important;
}

.modal-title {
    font-size: 1.5rem;
    font-weight: bold;
}
.form-switch .form-check-input {
    width: 50px  !important;
    height: 25px !important;
    background-color: #e0e0e0;
    border: none;
    cursor: pointer;
}
.form-switch .form-check-input:checked {
    background-color: #ff761a;
}
.btn-custom {
    background-color: #ff761a !important;
    color: white !important;
    border-radius: 10px !important;
    padding: 10px 20px !important;
    width: 100% !important;
    font-weight: bold !important;
    transition-duration: .3s;
}
.btn-custom:hover {
    background-color: #137367 !important;
    transition-duration: .3s;
}

.mb-3-custom{
    justify-content: space-between;
}

.text-end-custom{
    width: fit-content;
}

.modal-body{
    font-family: RaleNormal;
}

.modal-body p {
    font-size: 16px;
    color: black;
}
.modal-body .cookies_strong {
    font-size: 16px;
    font-family: RaleExBold !important;
}

.modal-header .cookies_strong{
    font-family: RaleExBold !important;
    font-size: 23px;
}

.cookie_settings_cont{
    z-index: 100001 !important;
    width: 100px;
    height: 100px;
    background-color: white;
}

.cookies_bckgrnd{
    background-color: #202125a3;
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 999999;
}

.cookies_main_info{
    display: flex; /* flex */
    position: fixed;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);  
    width: 1000px;
    height: 280px;
    background-color: white;  
    border-radius: 15px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding-left: 50px;
    padding-right: 50px;
    z-index: 9999999;
}

.cookies_main_info img{
    width: 110px;
    height: 110px;
}


.cookies_main_info_text{
    flex:1;
    color: black;
}

.cookies_main_info_text h1{
    font-size: 20px;
    font-family: RaleExBold;
}

.cookies_main_info_text p{
    font-size: 16px;
    font-family: RaleNormal;
    line-height: 120%;
}

.cookies_main_info_btn_cont{
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 20px;
}

.cookies_main_info_btn {
    position: relative;
    border: 0px solid transparent;
    border-radius: 9px;
    width: 160px;
    height: 45px;
    background-color: transparent;
    color: black;
    font-family: RaleNormal;
    font-size: 16px;
    cursor: pointer;
    z-index: 1;
    transition: color 0.3s ease;
}

/* ::after pozadí efekt */
.cookies_main_info_btn::after {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background-color: #f1f1f1; /* výchozí pozadí */
    border-radius: 9px;
    transform: scale(1);
    transform-origin: center center;
    transition: transform 0.3s ease, background-color 0.3s ease;
    z-index: -1;
    pointer-events: none;
}

.cookies_main_info_btn_povolit.cookies_main_info_btn::after {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background-color: #ff761a; /* výchozí pozadí */
    border-radius: 9px;
    transform: scale(1);
    transform-origin: center center;
    transition: transform 0.3s ease, background-color 0.3s ease;
    z-index: -1;
    pointer-events: none;
}

/* Hover efekt */
.cookies_main_info_btn:hover {
    color: white;
}

.cookies_main_info_btn:hover::after {
    background-color: #137367;
    transform: scale(1.08);
}

.cookies_main_info_btn_nezbytne{
    background-color: transparent;
    font-family: RaleBold;
    color: black;
}

.cookies_main_info_btn_sprav{
    background-color: rgba(0, 0, 0, 0.117);
    font-family: RaleBold;
    color: black;
}

.cookies_main_info_btn_povolit{
    background-color: #ff761a;
    font-family: RaleBold;
    color: white;
}






.overeni_main_info{
    display: none; /* flex */
    position: fixed;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);  
    width: 1000px;
    height: 280px;
    background-color: #137367;  
    color: white;
    border-radius: 15px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding-left: 50px;
    padding-right: 50px;
    z-index: 9999999;
}

.overeni_main_info img{
    width: 110px;
    height: 110px;
}

.overeni_main_info_text{
    flex:1;
    color: white;
}

.overeni_main_info_text h1{
    font-size: 20px;
    font-family: RaleExBold;
    color: white;
}

.overeni_main_info_text p{
    font-size: 16px;
    font-family: RaleNormal;
    line-height: 120%;
    color: white;
}

.overeni_main_info_btn_cont{
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 20px;
    color: white;
}

.overeni_main_info_btn {
    position: relative;
    border: 0px solid transparent;
    border-radius: 9px;
    width: 160px;
    height: 45px;
    color: white;
    font-family: RaleBold;
    z-index: 1;
    background-color: transparent;
    transition: color 0.3s background-color 0.3s ease;
}

/* ::after vrstva pro efekt */
.overeni_main_info_btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border-radius: 9px;
    transform: scale(0.8);
    transform-origin: center center;
    transition: transform 0.3s ease, background-color 0.3s ease;
    z-index: -1;
    pointer-events: none;
}

/* Hover efekt – jen zvětší pozadí */
.overeni_main_info_btn:hover::after {
    transform: scale(1.08);
    background-color: #ff761a;
}

/* Barva textu zůstává stejná */
.overeni_main_info_btn:hover {
    color: white;
    background-color: #ff761a;
    transition-duration: .3s;
}

.overeni_main_info_btn_nezbytne{
    background-color: transparent;
    font-family: RaleBold;
    color: white;
}

.overeni_main_info_btn_sprav{
    background-color: rgba(0, 0, 0, 0.117);
    font-family: RaleBold;
    color: white;
    width:250px;
}

.overeni_main_info_btn_povolit{
    background-color: white;
    font-family: RaleBold;
    color: black;
}


/* ALERT */


.jpn_alert_cont{
    padding: 30px;
    padding-top: 50px;
    border-radius: 15px;
    background-color: white;
    display: none; /* inline-block; */
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    min-height: 60px;
    min-width: 300px;
    max-width: 95vw;
    max-height: 95vh;
    box-sizing: border-box;

    z-index: 10000001;
}

.jpn_alert{
    font-size: 16px;
    font-family: RaleNormal;
    color: black;
    white-space: normal; /* Normální zalamování textu */
    overflow-wrap: break-word; /* Zalamuje text až při dosažení šířky rodiče */
    word-wrap: break-word;
    max-width: 100%; /* Respektuje rodičovu šířku */
    box-sizing: border-box;
    text-align: center;
}

.vyber_mesta_bckgrnd_alert{
    display: none;/* none */
    position: fixed;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.436);
    backdrop-filter: blur(7.9px);
    -webkit-backdrop-filter: blur(7px);

    z-index: 10000000;
}

.vyber_mesta_bckgrnd_alert_neovereny{
    display: none;/* none */
    position: fixed;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.436);
    backdrop-filter: blur(7.9px);
    -webkit-backdrop-filter: blur(7px);

    z-index: 100000000;
}

.vyber_mesta_bckgrnd_alert_neovereny_overeni{
    display: none;/* none */
    position: fixed;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.436);
    backdrop-filter: blur(7.9px);
    -webkit-backdrop-filter: blur(7px);

    z-index: 99999;
}

.jpn_alert_button_okay{
    width: 100%;
    border: 0px solid black;
    border-radius: 9px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    background-color: #ff761a;
    color: white;
    margin-top: 10px;
    font-family: RaleNormal;
    transition-duration: .5s;
}

.jpn_alert_button_okay:hover{
    background-color: #137367;
    color: white;
    transition-duration: .5s;
}

.jpn_alert_vyber_cont{
    display: flex;
    flex-direction: row;
    gap: 10px;
    width: 100%;
}




.neovereny_odpocet_kodu_dale, .registrace_odpocet_kodu_dale_heslo{
    opacity: 0;
    pointer-events: none;
    position: absolute;
}
/*
input.with-eye {
    background-image: url('images/ocko_viditelnosti.svg');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px 20px;
    padding-right: 40px;
  }
  
  input.with-eye.visible {
    background-image: url('images/ocko_neviditelnosti.svg'); 
  }
*/
  .input-wrapper {
    position: relative;
    display: inline-block;
    width: fit-content
  }
  
  .input-wrapper input.with-eye {
    padding-right: 40px;
  }
  
  .input-wrapper .eye-icon {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 20px;
    height: 20px;
    background-image: url('images/ocko_viditelnosti.svg');
    background-size: cover;
    background-repeat: no-repeat;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 2;
  }

  .jpn_alert_info_chybiprodukt_item_cont{
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .jpn_alert_closed_rest{
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .jpn_alert_info_chybiprodukt_item{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }

  .jpn_alert_info_chybiprodukt_item_l{
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
  }

  .jpn_alert_info_chybiprodukt_item_foto{
    background-color: #ededed;
    border: 0px solid black;
    border-radius: 9px;
    width: 38px;
    height: 38px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .jpn_alert_info_chybiprodukt_item_nazev{
    font-family: RaleNormal;
    font-size: 16px;
    color: black;
  }

  .jpn_alert_info_chybiprodukt_item_cena{
    font-family: RaleNormal;
    font-size: 16px;
    color: #ff761a;
  }

  .jpn_alert_info_chybiprodukt_h1{
    font-family: RaleBold;
    font-size: 16px;
    color: black;
  }


/* POPUP */

.popup_cont{
    display: none;
    position:fixed;
    background-color: white;
    width: 600px;
    border-radius: 15px;
    margin-left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;

    z-index: 999999;scrollbar-width: none;
}

.popup_cont2{
    display: none;
    position:fixed;
    background-color: white;
    width: 600px;
    border-radius: 15px;
    margin-left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    top: 50vh;

    z-index: 999999;scrollbar-width: none;
}

.popup_cont_login{
    width: 850px !important;
    max-width: 850px !important;
}

#popup_cont::-webkit-scrollbar {
    width: 0px; /* šířka scrollbaru */
    height: 0px; /* výška scrollbaru pro horizontální scroll */
}

#popup_cont2::-webkit-scrollbar {
    width: 0px; /* šířka scrollbaru */
    height: 0px; /* výška scrollbaru pro horizontální scroll */
}


.popup_cont_shader_scroll_cont{
    height: calc(100% - 50px);
    position: absolute;
    width: 100%;
    pointer-events: none;
    
}

.popup_cont_shader_scroll{
    position:absolute;
    bottom: 0px;
    width: 100%;
    height: 90px;

    background: linear-gradient(to top, rgba(255, 255, 255, 1) 75.63%, rgba(255, 255, 255, 0.71) 90.34%, rgba(255, 255, 255, 0.15));
    z-index: 5;
}

.inner_popup{
    width: 100%;
    max-height: calc(80vh - 50px); /* Maximální výška popupu */
    -webkit-overflow-scrolling: touch; /* Hladké scrollování na mobilních zařízeních */
    scrollbar-width: thin; /* Tenký scrollbar (pro Firefox) */
    scrollbar-color: rgba(0, 0, 0, 0.31) transparent; /* Barvy scrollbarů (Firefox) */
    overflow-y: auto;
    overflow-x: hidden;
}

.inner_popup_noscroll{
    width: 100%;
    max-height: calc(80vh - 50px); /* Maximální výška popupu */
    -webkit-overflow-scrolling: touch; /* Hladké scrollování na mobilních zařízeních */
    scrollbar-width: thin; /* Tenký scrollbar (pro Firefox) */
    scrollbar-color: rgba(0, 0, 0, 0.5) transparent; /* Barvy scrollbarů (Firefox) */
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    padding-left: 5%;
    padding-right: 5%;
}

.inner_popup_noscroll_recenze{
    max-height: calc(80vh - 150px);
}


.inner_popup::-webkit-scrollbar {
    width: 8px; /* Šířka scrollbarů */
}

.inner_popup::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5); /* Barva posuvníku */
    border-radius: 4px; /* Zaoblené rohy */
}

.inner_popup::-webkit-scrollbar-track {
    background: transparent; /* Průhledné pozadí scrollbaru */
}

.inner_popup_noscroll::-webkit-scrollbar{
    width: 0px; /* Šířka scrollbarů */
}

.inner_popup_noscroll::-webkit-scrollbar-thumb {
    background-color: rgba(101, 74, 74, 0); /* Barva posuvníku */
    border-radius: 0px; /* Zaoblené rohy */
}

.navbar ul{
    z-index: 100;
}

.popup_info{
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
}

.popup_info img{
    width: 100px;
}

.popup_info h1{
    font-family: RaleExBold;
    font-size: 20px;
    margin-top: 22px;
}

.popup_info_h1{
    font-family: RaleExBold !important;
    font-size: 20px !important;
    margin-top: 22px !important;
}

.popup_info p{
    font-family: RaleNormal;
    font-size: 16px;
    width: 80%;
    margin-top: 10px;
    text-align: center;
    line-height: 140%;
}

.popup_info button {
    width: 300px;
    border: 0px solid black;
    border-radius: 9px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: transparent;
    text-align: center;
    color: white;
    margin-top: 10px;
    font-family: RaleNormal;
    transition-duration: .5s;
    position: relative;
}

/* Pozadí přes ::after */
.popup_info button::after {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    
    background-color: #ff761a;
    border-radius: 9px;
    transform: scale(1);
    transform-origin: center center;
    transition: transform 0.5s ease, background-color 0.5s ease;
    z-index: -1;
    pointer-events: none;
}

.popup_info button.del_user_info_btn_or::after {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background-color: #ff761a;
    border-radius: 9px;
    transform: scale(1);
    transform-origin: center center;
    transition: transform 0.5s ease, background-color 0.5s ease;
    z-index: -1;
    pointer-events: none;
}

/* Hover efekt */
.popup_info button:hover {
    color: white;
}

.popup_info button:hover::after {
    background-color: #137367;
    transform: scale(1.00);
}

#jidlo_info{
    padding-top: 50px;
    margin-top: 50vh;
    max-height: 80vh;
    overflow: auto;
}

.usetreno_bck{
    background-color: #D4E3DA;
    width: 95%;
    height: 38px;
    position: absolute;
    z-index: -1;
    left: 2.5%;
    border-radius: 4px;
}

#kosik_info{
    max-height: 80vh;
    padding-top: 50px;
}

#kosik_pc{
    position: relative;
    opacity: 1;
    pointer-events: all;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.kosik_pc_deactivated{
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

#hodnoceni{
    margin-top: 50vh;
    max-height: 80vh;
    overflow: auto;
    padding: 50px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 35px;
}

#hodnoceni2{
    margin-top: 50vh;
    max-height: 80vh;
    overflow: auto;
    padding: 50px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 35px;
}

#hodnoceni_recenze{
    margin-top: 50vh;
    max-height: 80vh;
    overflow: auto;
    padding: 50px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 35px;
}

#hodnoceni_dekujeme{
    margin-top: 50vh;
    max-height: 80vh;
    overflow: auto;
    padding: 50px;
}

.info_doruceni{
    max-height: 80vh;
    padding-top: 50px;
    top:50vh;
}

.recenze_rest{
    max-height: 80vh;
    padding-top: 50px;
    top:50vh;
}

#info_doruceni_spropitne_cont{
    display: none;
}

#zmena_udaju{
    margin-top: 50vh;
    max-height: 80vh;
    overflow: auto;
    padding: 50px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 35px;
}

#zmena_udaju_h{
    margin-top: 50vh;
    max-height: 80vh;
    overflow: auto;
    padding: 50px;
    padding-left: 25px;
    padding-bottom: 35px;
    padding-right: 25px;
}

#prihlaseni, #registrace{
    margin-top: 50vh;
    max-height: 80vh;
    padding: 50px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 35px;

    border-radius: 25px;

    min-width: 1000px;
}

.prihlaseni_bckgrnd_pc{
    position: absolute;
    left: 50%;
    width: 50%;
    height: 100%;
    background-color: #ff761a;
    top: 0px;
    z-index: -1;
}

.prihlaseni_bckgrnd_mob{
    display: none;
    position: absolute;
    left: 0px;
    width: 100%;
    bottom: 0px;
    top: auto;
    background-color: #ff761a;
    height: 50%;
    z-index: -1;
}

.tel_neovereny_horka_linka_cont{
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.tel_neovereny_horka_linka{
    font-size: 20px;
    font-family: RaleExBold;
    color: #FFF;
    background-color: #ff761a;
    border-radius: 1000px;
    /* border: 2px solid #ff761a; */
    padding-top: 5px;
    padding-bottom: 4px;
    padding-left: 30px;
    padding-right: 30px;
    width: fit-content;
    cursor: pointer;
    margin-bottom: 0px;
    margin-top: 0px;
    white-space: nowrap;
    text-decoration: none;
    transition-duration: .3s;
}

.tel_neovereny_horka_linka:hover{
    color: rgba(255, 233, 218, 0.915) !important;
    transition-duration: .3s;
}

#filtrace{
    margin-top: 50vh;
    max-height: 80vh;
    padding-top: 50px;
    padding-bottom: 35px;
}

#registrace_kod, #registrace_kod_neprisel, #registrace_udaje_vse, #registrace_udaje_povoleni, #registrace_hotovo, #registrace_hotovo_ag, #zapomenute_heslo_cont, #neovereny_uzivatel_obj, #dekujeme_overeni, #dekujeme_form, #neovereny_kod, #neovereny_kod_presah_pokusu, #neovereny_kod_ag, #neovereny_kod_neprisel, #neovereny_kod_neprisel_ag, #zaphesovereni, #jiz_zaregistrovane_overeni, #jiz_zaregistrovane_overeni_poprve {
    margin-top: 50vh;
    max-height: 80vh;
    padding: 50px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 35px;
}

#neovereny_uzivatel, #neovereny_uzivatel_ag{
    margin-top: 50vh;
    max-height: 80vh;
    padding: 50px;
    padding-left: 35px;
    padding-right: 35px;
    padding-bottom: 35px;
}

#neovereny_uzivatel{
    z-index: 100000001;
    display: none;
}

#neovereny_uzivatel_ag{
    z-index: 999999;
    display: none;
}

#neovereny_uzivatel_obj{
    z-index: 100000001;
    display: none;
}

#registrace_udaje_povoleni{
    z-index: 999998;
    display: none;
}

#jiz_zaregistrovane_overeni{
    z-index: 100000001;
    display: none;
}

#jiz_zaregistrovane_overeni_poprve{
    z-index: 100000001;
    display: none;
}

#dekujeme_overeni{
    z-index: 100000001;
}

#neovereny_kod, #neovereny_kod_neprisel, #neovereny_kod_ag, #neovereny_kod_neprisel_ag, #neovereny_kod_presah_pokusu{
    z-index: 100000001;
}

.overeni_kod_verification_spatny_kod, .registrace_kod_verification_spatny_kod, .registrace_kod_verification_spatny_kod_copy, .zapheslo_kod_verification_spatny_kod{
    display: none;
    color: red;
    font-family: RaleNormal;
    text-align: center;
    margin-top: -20px;
    margin-bottom: 20px;
}

.doplatek_minimalni_alert{
    background-color: transparent;
    border: 1px solid #ff761a;
    border-radius: 9px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.doplatek_minimalni_alert_doplaceno{
    border: 1px solid rgb(19, 115, 103) !important;
}

.doplatek_minimalni_alert_title{
    font-family: RaleExBold;
}

.doplatek_minimalni_alert_text{
    font-family: RaleNormal;
    color: #b2b2b2;
}

.doplatek_minimalni_alert_btn_cont{
    display: flex;
    flex-direction: row;
    gap: 20px;
    margin-top: 20px;
    margin-bottom: 5px;
}

.doplatek_minimalni_alert_btn{
    font-family: RaleNormal;
    font-size: 16px;
    padding: 2px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 500px;
    background-color: #ededed;
    cursor: pointer;
    transition-duration: .3s;
}

.doplatek_minimalni_alert_btn:hover{
    background-color: rgb(19, 115, 103);
    color: white;
    transition-duration: .3s;
}

.doplatek_minimalni_alert_btn_doplaceno{
    background-color: rgb(19, 115, 103) !important;
    color: white !important;
}



/* NADPISY */

.nadpis_bily{
    font-family: RaleExBold;
    font-size: 33px;
    color: white;
    line-height: 1.1;
}

.nadpis_oranzovy{
    font-family: RaleExBold;
    font-size: 33px;
    color:#ff761a;
}

.nadpis_zeleny{
    font-family: RaleExBold;
    font-size: 33px;
    color:#137367;
}

.nadpis_cerny{
    font-family: RaleExBold;
    font-size: 33px;
    color: black;
}



/* MEZERY */

.mezera_hl{
    height: 100px;
}

.mezera_obr{
    height: 50px;
}

.mezera_pc{
    display: block;
}

.restaurace_jidlo_info_mezera_pro_tlacitko{
    width: 100%;
    height: 94px;
    background-color: white;
    margin-top: 40px;
}

.restaurace_jidlo_info_mezera_pro_tlacitko_line{
    /*border-top: 1px solid rgb(255, 194, 153);*/
    width: 600px;
    transform: translateX(-30px);
}



/* HLAVNÍ STRÁNKA - top */

.hlavni_top_hamburger_cont{
    display: flex;
    flex-direction: row;
    z-index: 100;
}

.hlavni_top_hamburger_cont_mob{
    display: none;
}

.main_logged_btn{
    margin-top: -2px;
}

.hlavni_top_hamburger{
    display: flex;
    justify-content: center;
    flex-direction: row;

    padding: 5px 5px 5px 2px;

    border: 0px solid transparent;
    border-radius: 100px;
    z-index: 2;

    transition-duration: 1s;
}

.hlavni_top_hamburger_main{
    display: none !important;
}

.hlavni_top_hamburger_kosik_bily{
    background-color: #137367 !important;
    color: white !important;
}

.hlavni_top_hamburger_kosik_bily:hover{
    background-color: #ff761a !important;
    border: 0px solid #ff761a !important;
    
}


.hlavni_top_hamburger_kosik {
    position: relative;
    background-color: white;
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    margin-left: 8px; 
    margin-right: 5px;
    padding-left: 23px;
    padding-right: 23px;

    border: 0px solid white;
    border-radius: 1000px;
    z-index: 200;
    cursor: pointer;
    color: white;

    width: auto;
    height: 40px;

    font-family: RaleNormal;
    font-size: 16px;

    transition: color 0.3s, border-color 0.3s;
}

.hlavni_top_hamburger_kosik::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    border-radius: 1000px;
    transform-origin: center center;
    z-index: -1;
    pointer-events: none;
    animation: none;
    transition: background-color 0.3s ease;
}

.hlavni_top_hamburger_kosik_main .hlavni_top_hamburger_kosik::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #137367;
    border-radius: 1000px;
    transform-origin: center center;
    z-index: -1;
    pointer-events: none;
    animation: none;
    transition: background-color 0.3s ease;
}

.hlavni_top_hamburger_kosik:hover::after {
    background-color: #ffe276;
    animation: jellyTo1_1 0.8s ease forwards;
}

.hlavni_top_hamburger_kosik_main .hlavni_top_hamburger_kosik:hover::after {
    background-color: #ff761a;
    animation: jellyTo1_1 0.8s ease forwards;
}

.hlavni_top_hamburger_kosik:hover {
    color: black;
    border: 0px solid transparent;
}


.hlavni_top_hamburger_kosik_animace {
    transition: transform 2s ease-in-out;
    transform: scale(1.08);
}

/* Ripple efekt */
.hlavni_top_hamburger_kosik_animation {
    position: absolute;
    display: none;
    z-index: 10;
    width: 500px;
    height: 40px;
    margin-top: -1px;
    transform: translateX(-100%);
    left: 0px;
    top:0px;
    background-color: #13736883;
    clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 100%, 20px 100%);
    transition: transform 1.5s ease-out; /* Přechod pro animaci */
}

/* Přídavná třída pro spuštění animace */
.hlavni_top_hamburger_kosik_animation.animate {
    transform: translateX(100%); /* Cílová pozice */
}

.kosik_mob{
    display: none;
}

.hlavni_top_hamburger_kosik span{
    white-space: nowrap;
    margin-right: 5px;
    z-index: 1;
}


.hlavni_top_hamburger_kosik{
    color: black;
    transition-duration: 0.5s;
}

.hlavni_top_hamburger_kosik:hover{
    color: black;
    transition-duration: 0.5s;
}

.hlavni_top_hamburger:hover{
    cursor: pointer;

    transition-duration: 1s;
}

.top_user_icon{
    height: 27px;
    z-index: 1;
}

.top_user_icon_bckgrnd{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    transition-duration: .3s;
    will-change: transform;
}

.top_user_icon_logged_user {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    cursor: pointer;
    z-index: 1;
    transition: background-color 0.3s;
}

.top_user_icon_logged_user::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffe276;
    border-radius: 100%;
    transform: scale(1);
    transform-origin: center center;
    transition: transform 0.3s ease;
    z-index: -1;
    pointer-events: none;
}

.top_user_icon_logged_user:hover::after {
    transform: scale(1.15);
}

.top_user_icon_bckgrnd:hover{
    background-color: #ed6000;
    transition-duration: .3s;
    transform: scale(1.1);
}

.top_kosik_icon{
    height: 20px;
    z-index: 1;
}

.hlavni_top_hamburger_kosik_pocet_v_kosiku{
    position: absolute;
    margin: 0px;
    transform: translate(28px, 3px);
    font-size: 9px;
    font-family: RaleBold;
}

.hlavni_top_hamburger_kosik_pocet_v_kosiku_mob{
    transform: translate(8px, 3px);
    width: 11px;
    text-align: center;
    font-size: 9px;
    line-height: 11px;
    font-family: RaleBold;
}

.top_kosik_icon_w{
    height: 22px;
    z-index: 1;
    margin-right: -4px;
}

.top_user_icon_arrow{
    width: 15px;
    margin-right: 7px;
    z-index: 1;

    transition: transform 0.5s ease;
}

.top_user_icon_arrow_rotate{
    transform: rotateZ(180deg);

    transition: transform 0.5s ease;
}

.banner_background_main{
    background-color: transparent;
    width: 100%;
    height: 462px;
    position: relative;
}

.banner_background_main_photo{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.banner_background_main_photo img{
    width: 100%;
    height: 110%;
    object-fit: cover; /* zachová poměr stran a ořízne přebytek */
    object-position: center; /* volitelné - nastaví pozici (střed, nahoře, vlevo...) */
    margin-left: 50%;
    transform: translate(-50%, -20px);
}

.banner_background_main_photo::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.15); /* Černá s průhledností 50 % */
    z-index: 1; /* Zajistí, že vrstva bude nahoře */
}

.banner_background {
    background-color: #ff761a;
    width: 100%;
    height: 73px;
    position: fixed;
    z-index: 99999;
}

.banner_background::after {
    content: "";
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #137367;
    pointer-events: none;
}

/* Třída, která aktivuje animaci */
.banner_background.animate::after {
    animation: slideGreen 2s cubic-bezier(0.86,0,0.07,1) forwards;
}

@keyframes slideGreen {
    0% {
        top: -100%;
    }
    25% {
        top: 0;
    }
    75% {
        top: 0;
    }
    100% {
        top: -200%;
    }
}


.banner_background_mezera{
    height: 73px;
}

.lottie_main_logo{
    width: 73.5px;
    height: 73.5px;
    margin-top: 5px;
}

.lottie_kod_pripominka{
    width: 100px;
    height: 100px;
}

.logo_top_pict{
    height: 45px;
    transform: translateY(2px);
    z-index: 1;
}

.logo_top_pict_footer{
    height: 45px;
    margin-top: 5px;
    transform: translateY(2px);
}

.logo_top_pict_main{
    height: 45px;
}

.logo_top_pict_main_white{
    display: none;
}

.main_header_cont{
    align-items: center;
}



#main-menu{
    z-index: 100;
}

#header{
    z-index: 100;
}

.register_button {
    position: relative;
    width: auto;
    padding: 0 20px;
    height: 40px;
    border: 1px solid #ff761a;
    border-radius: 9px;
    background-color: transparent;
    color: #ff761a;
    font-family: RaleNormal;
    font-size: 16px;
    z-index: 1;
    cursor: pointer;
    transition: color 0.3s, border-color 0.3s;
}

/* ::after pro efekt */
.register_button::after {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    border-radius: 9px;
    transform: scale(1);
    transform-origin: center center;
    transition: transform 0.3s ease, background-color 0.3s ease;
    z-index: -1;
    pointer-events: none;
}

/* Hover efekt */
.register_button:hover {
    color: white;
    border-color: #ff761a;
}

.register_button:hover::after {
    transform: scale(1.08);
    background-color: #ff761a;
}

.login_button {
    position: relative;
    width: auto;
    padding: 0 20px;
    height: 40px;
    border: 1px solid transparent;
    border-radius: 9px;
    background-color: transparent;
    color: #ff761a;
    font-family: RaleNormal;
    font-size: 16px;
    cursor: pointer;
    z-index: 1;
    transition: color 0.3s ease, border-color 0.3s ease;
}

/* ::after pro efekt */
.login_button::after {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    border-radius: 9px;
    transform: scale(1);
    transform-origin: center center;
    transition: transform 0.3s ease, background-color 0.3s ease;
    z-index: -1;
    pointer-events: none;
}

/* Hover efekt */
.login_button:hover {
    color: white;
    border-color: transparent;
}

.login_button:hover::after {
    background-color: #ff761a;
    transform: scale(1.07);
}

.login_button span{
    position: relative;
    z-index: 2 !important;
}

.register_button span{
    position: relative;
    z-index: 2 !important;
}

.hamburger_menu{
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 7px;
    justify-content: center;
    background-color: #ffffff;
    color: transparent;
    font-family: RaleNormal;
    font-size: 16px;
    white-space: nowrap;
    margin-top: 43px;
    margin-left: -70px;
    border-radius: 15px;
    text-align: end;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 8px 0px, rgba(0, 0, 0, 0.12) 0px 1px 2px 0px, rgba(0, 0, 0, 0.12) 0px 0px 1px 0px;

    max-height: 0px;
    padding: 0px;
    max-width: 0px;

    overflow: hidden;

    transition-duration: 0.3s;
}

.hamburger_menu_logged{
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 7px;
    justify-content: center;
    background-color: #ffffff;
    color: transparent;
    font-family: RaleNormal;
    font-size: 16px;
    white-space: nowrap;
    margin-top: 40px;
    margin-left: -100px;
    border-radius: 15px;
    text-align: end;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 8px 0px, rgba(0, 0, 0, 0.12) 0px 1px 2px 0px, rgba(0, 0, 0, 0.12) 0px 0px 1px 0px;

    max-height: 0px;
    padding: 0px;
    max-width: 0px;

    overflow: hidden;

    transition-duration: 0.3s;

    z-index: 1;
}


.hamburger_menu a, .hamburger_menu_logged a{
    text-decoration: none;
    color: black;
    transition-duration: 0.3s  !important;
}

.hamburger_menu a:hover, .hamburger_menu_logged a:hover{
    color: black;

    transition-duration: 0.3s;
}


.hamburger_menu span{
    margin-top: 2px;
    margin-bottom: 2px;
    z-index: 0;

    transition-duration: 0.3s  !important;
}

.hamburger_menu span, .hamburger_menu_logged span{
    margin-top: 2px;
    margin-bottom: 2px;
    z-index: 0;

    transition-duration: 0.3s  !important;
}

.hamburger_menu span img, .hamburger_menu_logged span img{
    width: 20px;
    margin-left: 10px;
}

.hamburger_menu_zobacek{
    width: 0px;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    margin-top: 45px;
    margin-left: -100px;

    transition-duration: 0.3s;
}

.hamburger_menu_zobacek_on{
    border-bottom: 10px solid white !important;
    margin-top: 32px;
    margin-left: 0px;

    transition-duration: 0.3s;
}



/* HLAVNÍ STRÁNKA - vyhledávač */

.vyhledavac_container_main{
    width:100%;
    left: 50%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 462px;

    z-index: 90;
}

.vyhledavac_container{
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;

    z-index: 90;
}

.vyhledavac_btn_zadat{
    border-radius: 1000px;
    border: 0px solid white;
    padding-left: 30px;
    height: 40px;
    padding-right: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 16px;
    color: #ffffff;
    font-family: RaleNormal;
    cursor: pointer;
    will-change: transform;
    transform: translateX(0px);
    transition-duration: .3s;
    max-width: fit-content;
    
}
.vyhledavac_btn_zadat::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: 1.5px solid white;
    border-radius: 1000px;
    transform-origin: center center;
    z-index: -1;
    pointer-events: none;
    animation: none;
    transition: background-color 0.3s ease;
}
.vyhledavac_btn_zadat:hover::after {
    animation: jellyTo1_05 0.8s ease forwards;
}

.vyhledavac{
    display: inline-block;
    background-color:transparent;
    width: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding-right:10px;
    z-index: 90;
}

.vyhledavac_main{
    display: inline-block;
    background-color:transparent;
    width: auto;
    z-index: 90;
}

.vyhledavaci_hlaska_hlavni_text_kam{
    font-size: 18px;
    margin-top: 7px;
    margin-bottom: -20px;
    font-family: RaleExBold !important;
}

.vyhledavaci_hlaska{
    white-space: nowrap;
    line-height: 1.1;

    z-index: -1;
}

.vyhledavaci_hlaska_hlavni_text{
    margin-top: -8px;
    margin-bottom: -10px;
    font-family: RaleBlack;
    font-size: 33px !important;
    line-height: 120%;
    color: white;
}

.vyhledavaci_hlaska_hlavni_text_uzsi{
    font-family: RaleBlack !important;
}

.pod_vyhledavaci_hlaska{
    text-align: center;
    font-family: RaleNormal;
    color: white;
    font-size: 16px;
    margin-top: 10px;
}

.vyhl_okno_container_main{
    display: inline-block;
    position: relative;
    z-index: 100;
}

.vyhl_okno_container{
    display: inline-block;
    position: relative;
    z-index: 100;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.vyhl_okno_main{
    background-color: white;
    border: 0px solid white;
    border-radius: 9px;
    height: 37px;
    width: 450px;
    font-family: RaleNormal;
    color: black;
    font-size: 16px;
    text-align: left;
    padding-left: 20px;
    padding-right: 115px;
    z-index: 100 !important;
}

.vyhl_okno{
    background-color: white;
    border: 0px solid white;
    border-radius: 9px;
    height: 37px;
    width: 380px;
    font-family: RaleNormal;
    color: black;
    font-size: 16px;
    text-align: left;
    padding-right: 105px;
    padding-left: 15px;
    z-index: 100 !important;
}

.vyhl_okno_main:focus {
    outline: none;
}

.vyhl_okno:focus {
    outline: none;
}

.vyhledavac_main span {
    font-family: RaleNormal;
    margin-top: -1px;
}

.vyhl_okno_main_findmebutton_cont{
    height: 100%;
    position: absolute;
    right: 0px;
    width: 110px;
    margin-top: 0px !important;

    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    font-family: RaleNormal;
    color: black;
    cursor: pointer;
    transition-duration: .3s;
}

.vyhl_okno_main_findmebutton_cont img{
    width: 25px;
}

.vyhl_okno_main_findmebutton_cont:hover{
    color: #ff761a;
    transition-duration: .3s;
}

.vyhl_submit{
    display: inline-block;
    background-color: #137367;
    border: 0px solid #137367;
    border-radius: 15px;
    height: 33px;
    font-family: RaleNormal;
    color: white;
    font-size: 16px;
    padding-left: 13px;
    padding-right: 13px;
}

.vyhledavac_vyhledano_container{
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
    width: 100%;

    font-family: RaleNormal;
    font-size: 14px;
    color: white;

    z-index: 1;
}

.vyhledavac_vyhledano_loc_img{
    width: 25px;
    margin-right: 5px;
}

.vyhledavac_vyhledano_edit_img{
    width: 10px;
    margin-left: 5px;
}

.vyhledavac_vyhledano_edit_img_neprihlasen{
    margin-top: 3px;
}

.vyhledavac_vyhledano_edit_img:hover{
    cursor: pointer;
}

.vyhledavac_vyhledano_adresa{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}

.vyhledavac_vyhledano_adresa_mob{
    display: none;
}

.vyhledavac_vyhledano_adresa_pc{
    display: block;
    font-size: 16px;
}



/* našeptávač */

.naseptavac{
    display: none;
    position:absolute;
    width: 360px;
    left: 0px;
    margin-top: 75px;
    margin-left: 50%;
    transform: translate(-50%, -16.5px);
    border-radius: 15px;
    border: 0px solid white;
    font-size: 16px;
    overflow: hidden;
    font-family: RaleNormal;

    background: rgb(255, 255, 255);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);

    z-index: 100000;
}

.naseptavac_mapa{
    display: none;
    position:absolute;
    width: 100%;
    max-height: 430px;
    left: 0px;
    margin-top: 75px;
    margin-left: 50%;
    transform: translate(-50%, -16.5px);
    border-radius: 15px;
    border: 0px solid white;
    font-size: 16px;
    font-family: RaleNormal;
    overflow: auto;

    background: rgb(255, 255, 255);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);

    z-index: 100000;
}

.naseptavac_sipka{
    display: none;

    position: absolute;
    width: 0;
    height: 0;

    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;

    margin-left: 50%;
    transform: translateX(-50%);
    margin-top: 50px;

    z-index: 100001;
}

.info_doruceni_input_naseptavac .naseptavac{
    max-height: 180px;
    overflow: auto;
    margin-top: 30px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.252);
}

.info_doruceni_input_naseptavac .naseptavac_sipka{
    margin-top: 5px;
}

.nasept_item{
    display: flex;
    flex-direction: row;
    width: 100%;
    text-align: left;
    min-height: 35px;
    border: 0px solid white;
    background-color: transparent;
    transition-duration: 0.3s;
    color: black !important;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 5px;
}

.nasept_item:hover .nasept_item_adresa_ulice{
    color: #ff761a;
    transition-duration: 0.3s;
}

.nasept_item_pic{
    width: 5%;
    margin-left: 3.3%;
    margin-right: 3.3%;
    margin-top: 9.5px;
}

.nasept_item_mapa_pic{
    width: 6%;
    margin-left: 3.3%;
    margin-right: 3.3%;
    margin-top: 8.5px;
}

.nasept_item_adresa{
    font-size:16px !important;
    display:flex;
    flex-direction: column;
    width: 85%;
    padding-bottom: 5px;
    border-bottom: 1px solid #e0e0e0;
}

.vyhledavac_main .nasept_item_adresa span{
    font-size:16px !important;
}

.nasept_item_adresa_ulice{
    font-weight: 500;
}

.nasept_item_adresa_mesto{
    font-weight: 500;
    color: rgb(132, 132, 132);
}



/* měnící obrázek */

.vyhledavaci_foto{
    width: 250px;
    height: 250px;
    overflow: visible;

}

.vyhledavaci_foto img{
    width: 680px;
    margin-left: -100px;
    margin-top: -30px;
}

.vyhledavaci_foto_vypln{
    width: 250px;
    height: 250px;
    overflow: visible;
    transform: translate(5px, -25%);

    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.vyhl_mezera_foto{
    width: 250px;
    height: 0px;
    background-color: transparent;
    pointer-events: none;
}



/* HLAVNÍ STRÁNKA - dnes varime my */

.varime_my_main_cont{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0%;
    width: 100%;
}

.varime_my_main_cont_h1{
    font-family: RaleExBold;
    font-size: 33px;
    margin-bottom: 30px;
    color: black;
}

.varime_my_main{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: top;
    gap: 50px;
    width: 100%;
}

.varime_my_main div{
    display: flex;
    flex-direction: column;
    justify-content: top;
    align-items: center;
    gap: 0%;
    width: 100%;
    text-align: center;
    font-family: RaleNormal;
}

.varime_my_main img{
    height: 55px;
    width: 55px;
    padding: 7px;
}

.varime_my_main_autoimg{
    padding-bottom:0px;
}



/* HLAVNÍ STRÁNKA - info o platbách*/

.platby_main_info_cont{
    display: flex;
    flex-direction: row;
    gap: 4%;
    width: 100%;
}

.platby_main_info_z{
    display: flex;
    flex-direction: column;
    color: #adfff0;
    background-color: #137367;
    padding: 30px;
    padding-left: 40px;
    padding-right: 40px;
    width: 48%;
    border-radius: 15px;
    transform: translateX(-300px);
}

.platby_main_info_z a, .platby_main_info_z_a{
    color: #adfff0 !important;
    text-decoration: none;
    transition-duration: .3s;
    cursor: pointer;
    font-family: RaleNormal !important;
}

.platby_main_info_z a:hover, .platby_main_info_z_a:hover{
    color: white !important;
    transition-duration: .3s;
}

.platby_main_info{
    display: flex;
    flex-direction: column;
    color: black;
    background-color: transparent;
    padding: 30px;
    width: 48%;
    justify-content:center;
    transform: translateX(300px);
}

.platby_main_info a, .platby_main_info_a{
    color: black;
    text-decoration: none;
    transition-duration: .3s;
    cursor: pointer;
    font-family: RaleNormal !important;
}

.platby_main_info a:hover, .platby_main_info_a:hover{
    color: #ff761a !important;
    transition-duration: .3s;
}

.platby_main_info_cont h1{
    font-family: RaleExBold;
    font-size: 33px;
    margin-bottom: 25px;
}

.platby_main_info_cont p{
    font-family: RaleNormal;
}

.platby_main_info_cont span{
    font-family: RaleExBold;
}



/* HLAVNÍ STRÁNKA - výběr města */

.vyber_mesta_container{
    margin-top: 0px;
}

.vyber_mesta_nadpis{
    text-align: center;
    margin-bottom: 20px;
}

.list_mest{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 12px;
    column-gap: 12px;
}

.vyber_mesto {
    position: relative;
    border-radius: 1000px;
    border: 1px solid transparent;
    background-color: transparent;
    color: black;
    display: inline-block;
    min-width: 2px;
    padding: 7px 30px 6px 30px;
    font-family: RaleNormal;
    font-size: 15px;
    text-align: center;
    white-space: nowrap;
    margin-right: 0px;
    flex-shrink: 0;
    cursor: pointer;
    text-decoration: none;
    z-index: 1;
    transition: color 0.3s ease;
}

/* Pozadí přes ::after */
.vyber_mesto::after {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background-color: #f1f1f1;
    border-radius: 1000px;
    transform: scale(1);
    transform-origin: center center;
    transition: transform 0.3s ease, background-color 0.3s ease;
    z-index: -1;
    pointer-events: none;
}

/* Hover efekt */
.vyber_mesto:hover::after {
    background-color: #ff761a;
    transform: scale(1.08);
}

.list_mest .vyber_mesto:hover::after {
    background-color: #ff761a;
    transform:  scale(1) !important;
}

.vyber_mesto:hover {
    color: white;
}


/* HLAVNÍ STRÁNKA - hlavní info */

.hlavni_info_background{
    margin-top: 0px;
    background-color: #f1f1f1;
    width: 100%;
    height: 347px;
}

.slider_main{
    width: 100%;
    height: 437px;
    margin-top: -45px;
    position: relative;
    overflow: hidden;
    margin-left: 10px !important;
}

.slick-slider{
    width: 98%;
}

.slider_sponzorovano_cont{
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    font-family: RaleNormal;
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 12px;
    padding: 1px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 4px;
    z-index: 10;
}

.slick-dots {
    display: flex;
    justify-content: center;
    padding: 0;
}
  
.slick-dots li {
    display: inline-block;
}
  
.slick-dots li button {
    background-color: rgb(239, 239, 239);
    border: 0px solid #ff761a;
    border-radius: 1000px;
    width: 5px;
    height: 5px;
    margin: 4px;
    margin-top: 0px !important;
    padding: 2px;
    color: transparent;
    transition-duration: .4s;
}

.slick-active button{
    background-color: #c7c7c7 !important;
    width: 13px !important;
    transition-duration: .4s;
}

.hlavni_info_item{
    padding-left: 30px;
    padding-right: 10px;
    height: 437px;
    display: flex;
}

.hlavni_info_item_text{
    display: flex;
    flex-direction: column;
    justify-content: center !important;
    padding-bottom: 90px;
}

.slider_hlavni_info_item_text{
    padding-bottom: 0px;
}

.hlavni_info_nadpis{
    margin-bottom: 20px;
    line-height: 110%;
    font-size: 33px;
    font-family: RaleExBold !important;
}

.hlavni_info_odstavec{
    color: black;
    font-family: RaleNormal;
    font-size: 16px;
    line-height: 130%;
    width: 100%;
    text-align: justify;
}

.hlavni_info_image{
    border: 0px solid black;
    border-radius: 15px;
    width: 100%;
    height: 347px;
    margin-top: 50px;

    background-image: url('images/obr_main_info_1.png');

    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.hlavni_info_image_mob_cont{
    display: none;
    width: 100%;
    height: 170px !important;
    margin-top: 50px !important;
}

.hlavni_info_image_mob{
    border: 0px solid transparent;
    border-radius: 15px;
    width: 90%;
    height: 100%;
    margin-left: 5%;

    background-image: url('images/obr_main_info_1.png');

    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.slider-arrows {
    position: relative;
    top: -50%;
    left: 0px;
    width: 100%;
    transform: translateY(-50%);
    z-index: 1;
    margin-top: 60px;
}

.slider_pred_lvl{
    transform: translateX(-100%);
    left: -10px;

    display: inline-block;
    padding: 0%;
    border-radius: 100%;
    background-color: transparent;
    border: 0px solid transparent;
}

.slider_pred_lvl img{
    width: 35px;
}

.slider_dalsi_lvl{
    position: absolute;
    right: -10px;
    transform: translateX(100%) rotateZ(180deg);

    display: inline-block;
    padding: 0%;
    border-radius: 100%;
    background-color: transparent;
    border: 0px solid transparent;
}

.slider_dalsi_lvl img{
    width: 35px;
}

.slider_pred{
    transform: translateX(-140%) rotateZ(180deg);
    left: 20px;

    display: inline-block;
    padding: 0%;
    border-radius: 100%;
    background-color: transparent;
    border: 0px solid transparent;
    width: fit-content;    height: fit-content;
    transition-duration: .2s;
}

.slider_pred img{
    width: 15px;
}

.slider_pred_lvl1{
    position: absolute;
    left: 20px;
    transform: translateX(-140%) rotateZ(180deg);

    display: inline-block;
    padding: 0%;
    border-radius: 100%;
    background-color: transparent;
    border: 0px solid transparent;
    width: fit-content;    height: fit-content;
    transition-duration: .2s;
}

.slider_pred_lvl1 img{
    width: 10px;
    transform: translate(-2px, 1px);
}

.slider_pred_lvl2{
    position: absolute;
    left: 20px;
    transform: translateX(-140%) rotateZ(180deg);

    display: inline-block;
    padding: 0%;
    border-radius: 100%;
    background-color: transparent;
    border: 0px solid transparent;
    width: fit-content;    height: fit-content;
    transition-duration: .2s;
}

.slider_pred_lvl2 img{
    width: 10px;
    transform: translate(-2px, 1px);
}

.slider_dalsi{
    position: absolute;
    right: 30px;
    transform: translateX(100%) ;

    display: inline-block;
    padding: 0%;
    border-radius: 100%;
    background-color: transparent;
    border: 0px solid transparent;
    width: fit-content;    height: fit-content;
    transition-duration: .15s;
}

.slider_dalsi img{
    width: 15px;
    pointer-events: none;
}

.slider_dalsi_lvl1{
    position: absolute;
    right: 30px;
    transform: translateX(200%) ;

    display: inline-block;
    padding: 0%;
    border-radius: 100%;
    background-color: transparent;
    border: 0px solid transparent;
    width: fit-content;    height: fit-content;
    transition-duration: .15s;
}

.slider_dalsi_lvl1 img{
    width: 10px;
    pointer-events: none;
    margin-top: -10px;
    margin-left: -3px;
}

.slider_dalsi_lvl2{
    position: absolute;
    right: 30px;
    transform: translateX(200%) ;

    display: inline-block;
    padding: 0%;
    border-radius: 100%;
    background-color: transparent;
    border: 0px solid transparent;
    width: fit-content;    height: fit-content;
    transition-duration: .15s;
}

.slider_dalsi_lvl2 img{
    width: 10px;
    pointer-events: none;
    margin-top: -10px;
    margin-left: -3px;
}

.bet_left_bck{
    position: absolute;
    left: -17px;
    top: -9px;
    width: 35px;
    height: 35px;
    background-color: white;
    box-shadow: #00000029 0px 0px 8px;
    border-radius: 100%;
    z-index: -1;
    transition-duration: .15s;
}

/* Align left-arrow background circle with right one */
.slider_pred_lvl1 .bet_left_bck,
.slider_pred_lvl2 .bet_left_bck{
    top: -2px;
}

.slider_dalsi:hover{
    scale: 107%;
    transition-duration: .3s;
}

.slider_dalsi_lvl1:hover{
    scale: 107%;
    transition-duration: .3s;
}

.slider_dalsi_lvl2:hover{
    scale: 107%;
    transition-duration: .3s;
}

.slider_pred:hover{
    scale: 107%;
    transition-duration: .15s;
}

.slider_pred_lvl1:hover{
    scale: 107%;
    transition-duration: .3s;
}

.slider_pred_lvl2:hover{
    scale: 107%;
    transition-duration: .3s;
}

.slick-prev {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
  
.slick-next {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.slider_main .slick-prev{
    position: relative;
    opacity: 0;
    pointer-events: none;
}

.slider_main .slick-next{
    position: relative;
    opacity: 0;
    pointer-events: none;
}


/* HLAVNÍ STRÁNKA - hlavní nabídka práce */

.hlavni_nabidka_container{
    margin-top: 0px;
    transform: translateY(0px);
}

.nabidka_nadpis{
    text-align: center;
}

.hlavni_nabidka_item{
    opacity: 0;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
}

.hlavni_nabidka_item_text{
    display: inline-block;
    position: absolute;
    font-family: RaleExBold;
    font-size: 16px;

    margin-left: 8%;
    margin-bottom: 8%;
    bottom: 0px;
    border: 0px solid black;

    line-height: 120%;
}

.hlavni_nabidka_item_2{
    display: block;
    width: 100%;
    height: 80%;
    overflow: hidden;
    
    transform: translateY(0%);
    
    /*background: linear-gradient(0deg, rgba(0, 0, 0, 0.885) 0%, rgba(0,0,0,0) 70%), url('images/kuryr_main_page.png');*/

    background-position: bottom center;
    background-size:100%;
    background-repeat: no-repeat;

    font-family: RaleNormal;
    color: white;

    font-size: 200em;
    transition-duration: .3s;
}


/* hlavni_nabidka_hover_effect */

.hlavni_nabidka_item_2:hover{
    cursor: pointer;
    color: white;
    transition-duration: .3s;
    background-size: 95%;
} 

.prvni_hlavni_nabidka_item{
    transform: translateY(-100%);
    position: relative;
    top: -20%;
}

.hlavni_nabidka_hover_effect{
    position: absolute;
    background-color:#ff761a;
    width: 400%;
    height: 150%;
    margin-left: 100%;

    transform: translate(-25%, 85%) rotateZ(-15deg);
    transition: transform 450ms ease-in;

    z-index: -1;
}

.hlavni_restaurace_hover_effect{
    position: absolute;
    background-color:#ff761a;
    width: 200%;
    height: 150%;
    margin-left: 50%;
    overflow: hidden;
    border-radius: 30px;
    pointer-events: none;

    transform: translate(-25%, 130%) rotateZ(-30deg);
    transition: transform 300ms ease-in;

    z-index: 0;
}

.franch_nabidka_hover_effect{
    background-color: #137367 !important;
}

.hlavni_nabidka_hover_effect_on{

    transform: translate(-50%, 0%) rotateZ(10deg) !important;
    transition: transform 450ms ease-out;
}

.hlavni_restaurace_hover_effect_on{

    transform: translate(-50%, 70%) rotateZ(8deg) !important;
    transition: transform 450ms ease-out;
}

.nabidka_boxy_mob{
    display: none;
}

.hlavni_prihl_hover_effect_container{
    position: absolute;
    width: 140px;
    height: 32px;
    border: white 1px solid;
    border-radius: 15px;
    background-color: transparent;
    margin-left: -6px;
    margin-top: -3px;
    overflow: hidden;
    z-index: 1;
}

.hlavni_nabidka_hover_effect_container{
    position: absolute;
    width: 84vw;
    height: 40px;
    border: white 0px solid;
    border-radius: 15px;
    background-color: transparent;
    left: 50%;
    transform: translateX(-50%);
    margin-top: -5px;
    overflow: hidden;
    z-index: 1;
}

.kosik_hover_effect_container{
    position: absolute;
    width: 100.5%;
    height: 40px;
    border: white 0px solid;
    border-radius: 1000px;
    background-color: transparent;
    overflow: hidden;
    z-index: 1;
}

.hlavni_prihl_hover_effect{
    position: absolute;
    width: 250px;
    height: 150px;
    background-color:#137367;
    margin-left: -10px;
    margin-top: -20px;
    transform: rotateZ(-20deg) translate(-150px, 50%);
    z-index: -1 !important;

    transition: transform 550ms ease-out;
}

.hlavni_nabidka_hover_effect_btn{
    position: absolute;
    width: 100vw;
    height: 200px;
    margin-left: -10px;
    margin-top: 0px;
    background-color:#ff761a;
    transform: rotateZ(-20deg) translate(100px, 50%);
    z-index: -1 !important;

    transition: transform 250ms ease-out;
}

.kosik_hover_effect{
    position: absolute;
    width: 250px;
    height: 150px;
    background-color:#137367;
    margin-left: -10px;
    margin-top: -20px;
    transform: rotateZ(-20deg) translate(-150px, 50%);
    z-index: -1 !important;

    transition: transform 550ms ease-out;
}

.hlavni_nabidka_hover_effect_btn_franch{
    background-color:#137367;
}

.hlavni_prihl_hover_effect_on{
    transform: rotateZ(0deg) translateY(0px) !important;

    transition: transform 550ms ease-out;
}

.hlavni_nabidka_hover_effect_btn_on{
    transform: rotateZ(0deg) translateY(0px) !important;

    transition: transform 250ms ease-in;
}

.kosik_hover_effect_on{
    transform: rotateZ(0deg) translateY(0px) !important;

    transition: transform 550ms ease-out;
}

.hlavni_nabidka_button{
    display: none;
    background-color: #f1f1f1;
    border: 0px solid transparent;
    border-radius: 15px;
    width: 95% !important;
    margin-left: 50%;
    transform: translateX(-50%);
    margin-top: 15px !important;
    height: 33px;
    font-family: RaleNormal;
    color: black;
    font-size: 16px;
    padding-left: 13px;
    padding-right: 13px;
}

.hlavni_nabidka_button span{
    position: relative;
    z-index: 2 !important;
    transition-duration: 0.2s;
}

.hlavni_nabidka_button:hover{
    transition-duration: 0.2;
    color: white;
}



/* HLAVNÍ STRÁNKA - info o appce */

.appka_image{
    width: 100%;
    height: 447px;
    margin-top: -100px;
    transform: translateY(50px);
    background-image: url('images/appka.png');

    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.hlavni_info_odstavec_appstore{
    margin-top: -10px;
    height: 40px;

    display: flex;
    flex-direction: row;
    justify-content: start;
}

.hlavni_info_odstavec_appstore a{
    width: 100px;
    margin-right: 30px;
}

.hlavni_info_odstavec_appstore img {
    height: 100%;
    transition: filter .3s ease-in-out; /* Explicitně na filter */
    will-change: filter;
    filter: invert(0%) sepia(0%) saturate(100%) hue-rotate(-0deg) brightness(100%) contrast(100%);
}

.hlavni_info_odstavec_appstore img:hover {
    filter: invert(36%) sepia(91%) saturate(638%) hue-rotate(-14deg) brightness(103%) contrast(80%);
}



/* HLAVNÍ STRÁNKA - zpusob platby */

.hlavni_info_platba_container{
    margin-top: 0px;
}

.hlavni_info_platba_odstavec{
    color: black;
    font-family: RaleNormal;
    font-size: 16px;
    line-height: 130%;
    text-align: center;
}

.hlavni_info_platba_nadpis{
    text-align: center;
    margin-bottom: 20px;
}



/* FOOTER */

.footer_odkazy_apple_gplay{
    flex-direction:column;
    width: 100px;
    gap: 10px;
}

.footer_odkazy_apple_gplay img{
    filter: invert(1);
}

.footer_odkazy_mob{
    display: none !important;
}

.footer_odkazy_pc{
    display: block;
}

.footer_spodni_line{
    width: 100%;
    border-top: 1px solid rgb(201, 201, 201);
    margin-top: 20px;
}

.footer_spodni_cont{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 20px;
}

.footer_spodni_cont p{
    font-family: RaleNormal;
}

.main_content_wrapper{
    min-height: calc(100vh - 294px);
    overflow: hidden;
}

.footer_mezera{
    height: 100px;
}

.footer{
    background-color: #4b4b4b;
    padding-top: 40px;
    padding-bottom: 40px;
    width: 100%;
    color: white;
    z-index: 500;

    font-family: RaleNormal;
    font-size: 16px;
    line-height: 130%;
}

.footer img:hover{
    cursor: pointer;
}


.footer_nadpis{
    color: #ffffff;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    transition-duration: 0.5s;
    font-family: RaleExBold;
    margin-bottom: 10px;
}

.footer_nadpis2{
    color: #979797 !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    font-family: RaleNormal !important;
    margin-bottom: 0px !important;

    transition-duration: 0.5s;
}

.footer_nadpis2_b{
    font-family: RaleExBold;
}

.footer_nadpis_kliknute{
    color: #979797 !important;
}

.footer_nadpis3{
    margin-bottom: 10px;
    font-family: RaleExBold;
}

.footer_logo{
    width: 100px;
}

.footer_pay_cont{
    display: flex;
    flex-direction: row;
    height: 30px;
    margin-top: 50px;
}

.footer_pay_cont img{
    margin-right: 20px;
}

.footer_app_cont{
    display: flex;
    flex-direction: row;
    height: 18px;
    margin-top: 20px;
}

.footer_app_cont a{
    width: 65px;
    margin-right: 20px;
}

.footer_app_cont img{
    width: 100%;
}

.footer_odkazy{
    display: flex;
    flex-direction: column;
    font-size: 16px;
    line-height: 130%;
    overflow: hidden;
    transition-duration: .3s;
    margin-bottom: 10px;
}



.footer_odkazy_cont div{
    color: white;
    text-decoration: none;

    transition-duration: 0.3s;
}

.footer_odkazy_cont div:hover{
    color:#c7c7c7;
    text-decoration: none;
    cursor: pointer;

    transition-duration: 0.3s;
}

.footer_odkazy_cont span{
    cursor: pointer;
}

.footer_odkazy a{
    color: white;
    text-decoration: none;

    transition-duration: 0.3s;
}

.footer_odkazy a:hover, .footer_odkazy_cont span:hover{
    color:#c7c7c7;
    text-decoration: none;

    transition-duration: 0.3s;
}

.footer_mobil{
    display: none !important;
}


.footer_odkazy_mezera{
    height: 18px;
}

.footer_odkazy_mezera_main{
    height: 50px;
    display: none;
}

.footer_odkazy_cont{
    display: flex;
    flex-direction: column;
    gap: 10px;

    transition: max-height 0.5s ease;
}

.footer_icon_arrow{
    display: none;
    height: 10px;
    margin-right: 10px;
    margin-top: 6px;
    transition: transform 0.5s ease;
}

.footer_icon_arrow_rotate{
    transform: rotateZ(180deg);
    transition: transform 0.5s ease;
}

/* VÝBĚR MĚSTA */

.vyber_mesta{
    position: fixed;
    display: none;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

    width: 570px;
    background-color: rgb(247, 247, 247);
    border-radius: 15px;
    padding: 5px;

    z-index: 200;
}

.vyber_mesta_btn{
    width: 100%;
    height: 50px;
    background-color: #137367;
    font-family: RaleNormal;
    font-size: 20px;
    text-align: center;
    color: white;
    border: 0px solid transparent;
    border-radius: 15px;
}

.mezera_vyber_mesta{
    height: 8px;
}

.vyber_mesta_bckgrnd{
    display: none;/* none */
    position: fixed;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.436);
    backdrop-filter: blur(7.9px);
-webkit-backdrop-filter: blur(7px);

    z-index: 99999;
}

.vyber_mesta_bckgrnd_comgate{
    display: none;/* none */
    position: fixed;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.436);
    backdrop-filter: blur(7.9px);
-webkit-backdrop-filter: blur(7px);

    z-index: 99999;
}

.filtr_jidla_bckgrnd{
    display: none;/* none */
    position: fixed;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.782);

    z-index: 10000;
}

.vyber_mesta_title{
    font-family: RaleExBold;
    font-size: 20px;
    margin-left: 5px;
    margin-bottom: 10px;
}

.vyber_mesta_info{
    font-family: RaleNormal;
    font-size: 16px;
    margin-left: 5px;
    color: #4b4b4b;
}



/* MAPA */

.find_me_btn{
    position: absolute;
    /* margin-left: -10px; */
    transform: translateX(-100%);
    height: 25px;
    width: 110px;
    margin-top: 4px;
    border: 0px solid transparent;
    background-color: transparent;
    transition-duration: .3s;
    color: black;
}

.find_me_btn:hover{
    color: #ff761a;
    transition-duration: .3s;
}

.find_me_btn_main{
    text-align: left;
    background-color: transparent;
    border: 0px solid transparent;
    color: white;
    font-family: RaleNormal;
    cursor: pointer;
    width: fit-content;
    text-decoration: none;
    line-height: 120%;
    margin-top: 6px;
    border-bottom: 1px solid transparent;
}

.find_me_btn_main:hover{
    border-bottom: 1px solid white;
}

.find_me_btn img{
    width: 22px;
    margin-bottom: 5px;
}

.googlemap{
    z-index: 5;
    left: 0px;
    top: 0px;
    height: 400px;
    width: 100%;

    margin-left: 50%;
    transform: translateX(-50%);
}

.find_me_cont{
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;
    background-color: white;
    width: 600px;
    height: 640px;
    padding: 0px;
    border-radius: 15px;
    margin-left: 50%;
    margin-top: 45vh;
    transform: translate(-50%, -50%);

    z-index: 999999;
}

.find_me_save_cont{
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;
    background-color: white;
    width: 600px;
    padding: 0px;
    border-radius: 15px;
    margin-left: 50%;
    margin-top: 45vh;
    transform: translate(-50%, -50%);
    padding-top: 30px;

    z-index: 999999;
}

.find_me_cont_close{
    position: absolute;
    right: 0px;
    top: 8px;
    width: 21px;
    height: 21px;
    margin-right: 15px;
    margin-top: 5px;
    z-index: 1000;
    transition-duration: .3s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    will-change: transform;
    transform: translateX(0px);
    padding: 15px;
    cursor: pointer;
    z-index: 20;
}

.find_me_cont_close_recenze{
    top: 6px !important;
}

.find_me_cont_close:hover{
    background-color: rgb(224, 224, 224);
    transition-duration: .3s;
    transform: scale(1.2);
}

.find_me_cont_close_w:hover{
    background-color: rgba(150, 150, 150, 0.589) !important;
}





.find_me_cont_close img{
    width: 13px;
    height: 13px;
}

.find_me_cont_close img:hover{
    cursor: pointer;
}


.find_me_cont_close_vynulovat{
    position: absolute;
    left: 5%;
    top: 8px;
    width: fit-content;
    height: 21px;
    margin-right: 15px;
    margin-top: 5px;
    z-index: 1000;
    transition-duration: .3s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 9px;
    will-change: transform;
    transform: translateX(0px);
    padding: 15px;
    cursor: pointer;
    font-family: RaleNormal;
    font-size: 13px;
    background-color: rgb(236, 236, 236);
}

.find_me_cont_close_vynulovat:hover{
    background-color: rgb(220, 220, 220);
    transition-duration: .3s;
}

.find_me_title{
    font-family: RaleExBold;
    font-size: 25px;
    width: 100%;
    margin-top: 30px;
    color: #000;
    padding-left: 27px;
}

.find_me_title_s{
    font-family: RaleNormal;
    font-size: 16px;
    margin-top: -20px;
    width: 100%;
    color: #ff761a;
    padding-left: 27px;
}

.find_me_bottom{
    display: flex;
    height: 130px;
    flex-direction: row;
    padding-top: 25px;
    justify-content: space-between;
    font-family: RaleNormal;
}

.find_me_bottom_text{
    display: flex;
    flex-direction: column;
    width: 70%;
    padding-left: 23px;
}

.find_me_bottom_text_info{
    display: flex;
    flex-direction: row;
}

.find_me_bottom_text img{
    width: 25px !important;
    margin-top: -55px;
    margin-left: -20px;
}

.find_me_bottom_text h1{
    margin-bottom: 3px;
    font-family:RaleExBold;
    font-size: 15px;
    color: #ff761a;
}

.find_me_bottom_text_h1{
    margin-bottom: 3px !important;
    font-family:RaleExBold !important;
    font-size: 15px !important;
    color: #ff761a !important;
    line-height: 110% !important;
}

.find_me_bottom_text p{
    line-height: 120%;
    margin-bottom: 10px;
    font-size: 14px;
}

.submit_location_btn{
    width: 100px;
    padding: 3px;
    height: 40px;
    font-family: RaleNormal !important;
    color: white;
    border: 0px;
    background-color: #ff761a;
    border-radius: 9px;
    margin-right: 23px;
    transition-duration: .3s;
}

.submit_location_btn:hover{
    background-color: #137367;
    transition-duration: .3s;
}

.googlemap_ulozit_lokaci{
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-family: RaleNormal;
    margin-left: -20px;
}

.googlemap_ulozit_lokaci p{
    margin-left: 10px;
    margin-top: 2px;
    margin-bottom: 0px;
    cursor: pointer;
}

/* Skryjeme původní checkbox */
.googlemap_ulozit_lokaci_custom_checkbox_input {
    display: none;
}
  
/* Nastavíme vzhled pro náš vlastní checkbox */
.googlemap_ulozit_lokaci_custom_checkbox_box {
    position: relative;
    height: 15px;
    width: 15px;
    background-color: #fff3eb;
    border: 1px solid #ff761a;
    border-radius: 4px;
    cursor: pointer;
    margin-left: 20px;
    margin-top: 2px;
}

/* Definujeme vzhled pro zaškrtnutý checkbox */
.googlemap_ulozit_lokaci_custom_checkbox_input:checked + .googlemap_ulozit_lokaci_custom_checkbox_box {
    background-color: #ff761a;
    border-color: #ff761a;
}

/* Přidáme "zaškrtávací" znak do našeho vlastního checkboxu */
.googlemap_ulozit_lokaci_custom_checkbox_input:checked + .googlemap_ulozit_lokaci_custom_checkbox_box:after {
    content: "";
    position: absolute;
    left: 4px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.find_me_save_info_cont{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 20px;
}

.find_me_save_cont .container{
    margin-top: 30px;
    padding: 0px;
    width: 100% !important;
}

.find_me_save_info_cont div{
    font-family: RaleNormal;
    color: black;
    margin-bottom: 11px;
}

.find_me_save_info_pozn_title{
    padding-left: 10px;
    padding-right: 10px;
}

.find_me_save_info_cont input{
    background-color: white;
    border: 1px solid rgb(238, 238, 238);
    border-radius: 9px;
    height: 34px;
    width: 300px;
    min-width: 100px;
    font-family: RaleNormal;
    color: black;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
}

.find_me_save_info_cont textarea{
    background-color: white;
    border: 1px solid rgb(238, 238, 238);
    border-radius: 7px 7px 0px 7px;
    font-family: RaleNormal;
    height: 60px;
    min-height: 58px;
    width: 400px;
    min-width: 200px;
    color: black;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}


.find_me_save_info_cont button{
    width: 90%;
    border: 0px solid black;
    border-radius: 9px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    background-color: #ff761a;
    color: white;
    margin-top: 10px;
    font-family: RaleNormal;
    transition-duration: .5s;
}

.find_me_save_info_cont button:hover{
    transition-duration: .5s;
    background-color: #137367;
}

.find_me_save_info_cont input:focus {
    outline: none;
}

.find_me_save_info_cont textarea:focus {
    outline: none;
}

.find_me_save_nabidka_cont{
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    font-family: RaleNormal;
    margin-top: 6px;
    font-size: 16px;
}

.find_me_save_name{
    opacity: 0;
    position: absolute;
    pointer-events: none;
}

.find_me_save_nabidka{
    background-color: rgb(238, 238, 238);
    border-radius: 30px;
    height: 27px;
    font-size: 14px;
    width: fit-content;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px !important;
    text-align: center;
    overflow: hidden;
    color: black;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    transition-duration: .3s;
}

.find_me_save_nabidka:hover{
    cursor: pointer;
    background-color: #ff761a;
    color: white;
    transition-duration: .3s;
}
  
gmp-internal-camera-control{
    left: -10px !important
}

.zoom_control_cont{
    width: 100%;
    position: absolute;
    margin-top: 100px;
}

.zoom-control{
    position: absolute;
    margin-right: 20px;
    margin-bottom: 10px;
}

.zoom-button {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;

    font-family: RaleNormal;
    background-color: #fff;
    cursor: pointer;

    font-size: 40px;
    color: #666666;
    margin: 0px;

    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    line-height: 1;

    width: 40px;
    height: 40px;
    transition-duration: 0.3s;
}

.zoom-button:hover {
    background-color: #f0f0f0;
    transition-duration: 0.3s;
}

.zoom-in-button{
    font-size: 30px;
    border-radius: 11px 11px 0px 0px;
    border-bottom: 1px solid rgb(242, 242, 242);
}

.zoom-out-button{
    border-top: 1px solid rgb(242, 242, 242);
    border-radius: 0px 0px 11px 11px;
    padding-bottom: 5px;
}

.street_view{
    position: absolute;
    padding: 2px;
    margin-top: -50px;
    width: 40px;
    height: 40px;
    background-color: white;
    border-radius: 100%;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    border: 0px solid transparent;
    transition-duration: 0.3s;
}

.street_view:hover {
    background-color: #f0f0f0;
    transition-duration: 0.3s;
}

.street_view img{
    width: 30px;
}

.googlemaps_search_cont{
    width: 90%;
    margin-left: 5%;
    margin-top: 15px;
    display: inline-block;
    position: absolute;
    z-index: 15;
}

.googlemaps_search_icon{
    position: absolute;
    width: 24px;
    margin-left: 8px;
    margin-top: 10px;
}

.googlemaps_search_cont input{
    font-size: 16px;
    width: 100%;
    height: 44px;
    font-family: RaleNormal;
    color: black;
    text-align: left;
    border-radius: 9px;
    border: 0px solid transparent;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    padding-left: 48px;
}

.googlemaps_search_cont input:focus {
    outline: none;
}

.googlemaps_search_icon_oddel{
    display: none;
    height: 30px;
    border-left: 1px solid #ff761a;
    position: absolute;
    left: 39px;
    top: 7px;
}

.center_icon{
    position: absolute;
    margin-left: 50%;
    margin-top: 50%;
    top: 0px;
    padding-top: 35px;
    transform: translate(-50%, -150%);
    width: 50px;
    height: 50px;
    z-index: 10;
}

.zap_heslo_email_input{
    width: 315px;
    margin-top: 5px;
    margin-left: 50%;
    border-radius: 9px;
    border: 1px solid rgb(235, 235, 235);
    font-family: RaleNormal;
    font-size: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: center;
    transform: translateX(-50%);
}

.zap_heslo_email_input:focus {
    outline: none;
}



/* VYPIS RESTAURACI */

.mezera_restaurace{
    height: 40px;
}

.mezera_restaurace_podbanerem{
    height: 30px;
}

.mezera_restaurace_podbanerem_small{
    height: 10px;
}

.mezera_restaurace_horka_linka{
    height: 50px;
}

.vypis_restaurace_hlavicka{
    display: flex;
    position: fixed;
    background-color: transparent;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    font-size: 16px;
    font-family: RaleNormal;
    z-index: 9999;
    left: 50%;
    top: 73px;
    padding-top: 15px;
    padding-bottom: 15px;
    transform: translateX(-50%);
    height: 62px;
}

.vypis_restaurace_hlavicka_cont{
    position: fixed;
    width: 100%;
    height: 62px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 8px 0px, rgba(0, 0, 0, 0.12) 0px 1px 2px 0px, rgba(0, 0, 0, 0.12) 0px 0px 1px 0px;
    background-color: transparent;
    margin-top: -50px;
    z-index: 9999;
    background-color: white;
}

.vypis_restaurace_hlavicka_mesta{
    height: 62px;
}

.vypis_restaurace_hlavicka_mesto{
    height: 62px;
}

.vypis_restaurace_horka_linka{
    display: flex;
    flex-direction: column;
    color: #ff761a;
}

.vypis_restaurace_horka_linka span{
    display: flex;
    flex-direction: row;
    margin-bottom: 3px;
}

.vypis_restaurace_horka_linka img{
    width: 16px;
    margin-left: 1px;
    margin-top: -5px;
}

.vypis_restaurace_horka_linka img:hover{
    cursor: pointer;
}

.vypis_restaurace_horka_linka_bold{
    font-family: RaleExBold;
    display: flex;
    flex-direction: row;
    align-items: center;
    white-space: nowrap;
    flex-shrink: 0;
}

.vypis_restaurace_horka_linka_bold a{
    font-family: RaleExBold !important;
    color: #ff761a;
    text-decoration: none;
}

.vypis_restaurace_horka_linka_doprava{
    margin-top: 10px;
    width: 200px;
}

.vypis_restaurace_horka_linka_doprava span{
    border-radius: 9px;
    background-color: #ff761a;
    display: inline-block;
    min-width: 2px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 20px;
    padding-right: 20px;
    color: white;
    font-family: RaleExBold;
    font-size: 16px;
    text-align: center;
}

.vypis_restaurace_horka_linka_nabidka_mest_cont{
    flex-direction: row;
    justify-content: end;
}

.popup_info .vypis_restaurace_horka_linka_nabidka_mest_cont{
    margin-left: 80px;
    transition-duration: 0.3s;
}

.vypis_restaurace_horka_linka_nabidka_mest{
    position: absolute;
    background-color:#ffffff;
    border-radius: 15px;
    color: rgb(0, 0, 0);
    font-family: RaleNormal;
    font-size: 16px;
    transform: translate(15px, 5px);
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.24);
    z-index: 2000;
    transition-duration: 0.3s;
    overflow: hidden;
    margin-left: 100px;
    height: 0px;
    padding: 0px;
}

.popup_info .vypis_restaurace_horka_linka_nabidka_mest{
    margin-top: 10px;
}

.vypis_restaurace_horka_linka_nabidka_mest span:hover{
    cursor: pointer;
    color: #ff761a;
    transition-duration: 0.5s;
}

.vypis_restaurace_horka_linka_nabidka_mest_zobacek{
    width: 0px;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    margin-left: 140px;
    margin-bottom: -50px;
    z-index: 2001;

    transition-duration: 0.3s;
}

.vypis_restaurace_horka_linka_nabidka_mest_zobacek_on{
    border-bottom: 10px solid #ffffff !important;
    margin-top: -4px !important;

    transition-duration: 0.3s;
}

.vypis_restaurace_horka_linka_nabidka_mest_slider_cont::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    background: transparent; /* make scrollbar transparent */
}

.vypis_restaurace_horka_linka_nabidka_mest_slider_cont {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.vypis_restaurace_horka_linka_nabidka_mest_slider_cont{
    max-width: 780px;
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    white-space: nowrap;
    position: relative;
    background-color: white;
    padding-left: 10px;
}

.vypis_restaurace_horka_linka_nabidka_mest_slider_left{
    width: 25px;
    transform: rotateZ(180deg) translateY(-2px);
    margin-left: 30px;
    margin-right: 2px;
}

.vypis_restaurace_horka_linka_nabidka_mest_slider_right{
    margin-left: 2px;
    transform: translateY(2px);
}

.vypis_restaurace_horka_linka_nabidka_mest_slider{
    display: flex;
    border-radius: 1000px;
    background-color: #f2f2f2;
    display: inline-block;
    min-width: 2px;
    padding-top: 3px;
    padding-bottom: 2px;
    padding-left: 13px;
    padding-right: 13px;
    color: #b2b2b2;
    font-family: RaleNormal;
    font-size: 16px;
    text-align: center;
    white-space: nowrap;
    margin-right: 10px;
    cursor: pointer;
    flex-shrink: 0;
    transition-duration: .3s;

    will-change: transform;
    transform: translateX(0px);
}

.vypis_restaurace_horka_linka_nabidka_mest_slider:hover{
    transform: scale(1.05);
    transition-duration: .3s;
}

.vypis_restaurace_horka_linka_nabidka_mest_slider img{
    width: 28px;
    transform: translateY(2px);
    margin-left: 10px;
    margin-right: 2px;
}

.vypis_restaurace_vybrane_mesto{
    display: flex;
    border-radius: 1000px;
    background-color: #ff761a;
    display: inline-block;
    min-width: 2px;
    padding-top: 3px;
    padding-bottom: 2px;
    padding-left: 13px;
    padding-right: 13px;
    color: white;
    font-family: RaleNormal;
    font-size: 16px;
    text-align: center;
    white-space: nowrap;
    margin-right: 10px;
    flex-shrink: 0;
}

.vypis_restaurace_vybrane_mesto img{
    width: 28px;
    transform: translateY(2px);
    margin-left: 10px;
    margin-right: 2px;
}

.vypis_restaurace_horka_linka_nabidka_mest_slider_shadow{
    position: sticky;
    right: 0px;
    height: 30px;
    width: 30px;
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgb(255, 255, 255) 100%);     
    font-family: RaleNormal;
    padding-left: 113px;
    padding-right: 3px;
    color: #b2b2b2;
    font-size: 16px;
    padding-top: 5px;
    pointer-events: none;
}

.filtr_cont{
    display: flex;
    flex-direction: row;
    position: absolute;
    right: 15px;
}

.filtr_cont_mesto{
    justify-content: flex-end !important;        
}

.filtr_cont_mesta{
    justify-content: flex-end !important;        
}

.filtr_ikona{
    display: none;
    min-width: 25px !important;
}

.filtr_hledat{
    display: none;
    min-width: 25px !important;
    background-color: #ff761a !important;
    margin-right: 10px;
}

.filtr_ikona img{
    height: 18px;
}

.filtr_hledat img{
    height: 18px;
    margin-top: -3px;
    margin-left: -2px;
}

.filtr_cont input{
    height: 32px;
    width: 290px;
    border: 0px solid transparent;
    border-radius: 9px;
    padding: 2px;
    margin-right: 10px;
    font-size: 16px;
    background-color: #f2f2f2;
    color: #1b1b1b;
    text-align: left;
    padding-left: 20px;
    padding-right: 25px;
    }

.filtr_cont input:focus {
    outline: none;
}

.filtr_cont button {
    position: relative;
    height: 32px;
    width: 90px;
    border: 0px solid transparent;
    border-radius: 1100px;
    padding: 2px;
    font-size: 16px;
    background-color: transparent;
    color: white;
    font-family: RaleNormal;
    transition: color 0.3s ease;
    z-index: 1;
    cursor: pointer;
}

/* ::after pozadí pro efekt */
.filtr_cont button::after {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background-color: #137367;
    border-radius: 1100px;
    transform: scale(1);
    transform-origin: center center;
    transition: transform 0.3s ease, background-color 0.3s ease;
    z-index: -1;
    pointer-events: none;
}

/* Hover efekt */
.filtr_cont button:hover::after {
    transform: scale(1.1);
}

.filtr_aktiv_cont{
    display: none;
    background-color: white;
    width: 17px;
    height: 17px;
    border-radius: 100%;
    position: absolute;
    right: -1px;
    top: -3px;
    font-size: 11px;
    font-family: RaleExBold;
    text-align: center;
    color: black;
    border: 1px solid #137367;
}

.sdeleni_cont_nove{
    display: flex;
    flex-direction: row;
    padding-left: 10px;
    padding-right: 10px;
    gap: 20px;
    margin-bottom: 20px;
}

.rychle_sdeleni_obec_new{
    min-height: 80px;
    flex: 1;
    border-radius: 9px;

    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-family: RaleNormal;

    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.rychle_sdeleni_obec_new_img{
    height: 100%;
    position: absolute;
    z-index: 1;
    left: 50px;
}

.rychle_sdeleni_or_new{
    background-color: #ffeee3;
    color: #e85e00;
}

.rychle_sdeleni_zel_new{
    background-color: #ebffe6;
    color: #19992e;
}

.rychle_sdeleni_cer_new{
    background-color: #ffd7d7;
    color: #bc0029;
}

.rychle_sdeleni_cont{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.rychle_sdeleni_or{    
    background-color: #ffeee3;
    color: #ec6a13;
    width: 1270px;
    min-height: 32px;
    border-radius: 9px;
    text-align: center;
    font-size: 16px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-left: -5px;
    font-family: RaleNormal;
}

.rychle_sdeleni_ze{
    background-color: #c9ffef;
    color:#137367;
    width: 1270px;
    min-height: 32px;
    border-radius: 9px;
    text-align: center;
    font-size: 16px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-left: -5px;
}

.rychle_sdeleni_ce{
    background-color: #ffaea3;
    color: #ff3e23;
    width: 1270px;
    min-height: 32px;
    border-radius: 9px;
    text-align: center;
    font-size: 16px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-left: -5px;
}

.mezera_sdeleni{
    height: 12px;
}

.lvl1_rest_item{
    height: 437px;
    display: inline-block;
}

.slider_lvl1{
    display: flex;
    width: 100%;
    z-index: 5;
}

.slider_lvl1 .slick-track{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.slider_lvl2 .slick-track{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.slider_lvl2{
    display: flex;
    width: 100%;
    z-index: 5;
}

.slider_lvl1_rest_info{
    height: auto !important;
    box-sizing: border-box;
    width: 23%;
    /* flex-basis: 23%; */
    padding-left: 11.16px;
    padding-right: 11.16px;
    overflow: visible;
}

.slider_lvl1_rest_info:hover{
}

.slider_lvl2_rest_info{
    height: auto !important;
    box-sizing: border-box;
    width: 23%;
    /* flex-basis: 23%; */
    padding-left: 11.16px;
    padding-right: 11.16px;
}

.slider_lvl_rest_item {
    width: 100%;
    /* Strict 3:2 ratio (width:height) */
    aspect-ratio: 3 / 2;
    height: auto !important;
    border-radius: 9px;
    background-color: #ff761a;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    /* Only animate transform/background, avoid animating layout on resize */
    transition: transform 0.3s ease, background-color 0.3s ease;
    will-change: transform;
    transform: translateX(0px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    margin-top: 8px;
    margin-bottom: 8px;
}


.slider_lvl_rest_item:hover{
    cursor: pointer;
    background-color: #137367;
    transition-duration: .5s;
    transform: scale(1.05);
}

.slider_lvl_rest_item_pouzeinfo .slider_zatmaveni_restaurace_lvl1{
    
}

.slider_disabled {
    opacity: 0;
    pointer-events: none !important;
    transition: opacity 0.3s ease;
}

.slider_enabled {
    opacity: 1;
    pointer-events: auto;
    transition: opacity 0.3s ease;
}

.slider_zatmaveni_restaurace_lvl1{
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.653) 0%, rgba(0, 0, 0, 0) 100%);
    width: 100%;
    height: 65%;
    bottom: 0px;
    position: absolute;
    border-radius: 0px 0px 7px 7px;
}

.slider_lvl_rest_item_pouzeinfo .slider_zatmaveni_restaurace_lvl2{
    background: transparent !important;
}

.slider_zatmaveni_restaurace_lvl2{
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.719) 0%, rgba(0, 0, 0, 0) 100%);
    width: 100%;
    height: 55%;
    bottom: 0px;
    position: absolute;
    border-radius: 0px 0px 7px 7px;
}

.slider_lvl1_jmeno{
    display: inline-block;
    text-align: center;
    font-family: RaleExBold;
    color: white;
    font-size: 18px;
    width: 75%;
    margin-left: 12.5%;
    margin-bottom: 10px;
    line-height: 120%;
    z-index: 1;
}

.slider_lvl1_akce{
    font-family: RaleNormal;
    font-size: 16px;
}

.slider_lvl2_jmeno{
    display: inline-block;
    text-align: center;
    font-family: RaleExBold;
    color: white;
    font-size: 18px;
    width: 85%;
    margin-left: 3.7%;
    margin-right: 3.7%;
    margin-bottom: 20px;
    line-height: 120%;
    z-index: 1;
}

.slider_lvl2_akce{
    font-family: RaleNormal;
    font-size: 16px;
}


.slider-arrows_lvl1{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%;
    transform: translateY(-50%);
    z-index: 1000;
    pointer-events: none;
}

.slider-arrows_lvl1 button{
    pointer-events: all;
}

.slider-arrows_lvl2{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%;
    transform: translateY(-50%);
    z-index: 1000;
    pointer-events: none;
}

.slider-arrows_lvl2 button{
    pointer-events: all;
}

.kat_title{
    font-family: RaleExBold;
    font-size: 25px;
    color: black;
    text-align: center;
    margin-bottom: -7px;
    position: relative;
}

.rest_kat_title{
    font-family: RaleBold;
    font-size: 16px;
    text-align: left;
    position: relative;
    margin-bottom: 0px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: fit-content;
    line-height: 22px;
}

.rest_kat_title_cont{
    width: fit-content;
    background-color: rgb(242, 242, 242);
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 9px;
    height: fit-content;
}

.rest_kat_title_cont_or{
    background-color: #ffeee3;
    color: #ec6a13 !important;
}

.rest_kat_title_cont img{
    height: 22px;
    margin-right: 7px;
}

.rest_kat_title_cont_ze{
    background-color: #f6fbf6;
    color: #137367 !important;
}

.rest_kat_title_cont_container{
    display:flex; 
    flex-direction:row; 
    gap:10px;
    flex-wrap: wrap;
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

.rest_kat_title_cont_container_pol{
    display:flex; 
    flex-direction:row; 
    gap:10px;
    flex-wrap: wrap;
    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 50px;
}

.vypis_restauraci_cont{
    position: relative;
    background-color: transparent;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    z-index: 0;
}

.vypis_restauraci_restaurace_cont{
    position: relative;
    display: inline-block;
    height: 285px;
    /* width: 100%; */
    flex-basis: 25%;
    margin-right: 0px;
    opacity: 0;
    transform: translateY(70px);
    background-color: transparent;
    z-index: 10;
    transition-duration: 0.5s;
    padding-left: 1%;
    padding-right: 1%;
    will-change: transform;
    transform: translateX(0px);
}

.vypis_restauraci_restaurace_cont:hover .item_restaurace_main_img {
    transform: scale(1.03);
    transition-duration: 0.5s;
}

.vypis_restauraci_restaurace_cont:hover .item_restaurace_main_jmeno {
    color: #ff761a;
    transition-duration: 0.5s;
}
/*
.vypis_restauraci_restaurace_cont:hover .item_restaurace_main_or_info {
    transform: scale(1.01) translateY(-100%);
    transition-duration: 0.5s;
}
*/
.vypis_restauraci_restaurace_cont_animated{
    opacity: 1;
    transform: translateY(0px);
}

.historie_foto_srdce{
    width: 30px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.historie_foto_srdce_svg_srdce_hovered{
    width: 30px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
}

.item_restaurace_main_img{
    position: relative;
    width: 100%;
    /* Enforce 2:1 ratio; override any height from media queries */
    aspect-ratio: 2 / 1;
    height: auto !important;
    border-radius: 9px;
    background-color: transparent;
    background-size: cover;
    background-position: center;
    z-index: 0;
    transition-duration: 0.5s;
    overflow: hidden;
}

.item_restaurace_main_img:hover{
    cursor: pointer;
}

.zavrena_rest_overlay{
    background-color:rgba(0, 0, 0, 0.491);
    width:100%;
    height:145px;
    border-radius: 9px;
    font-family: RaleNormal;
    color:white;
    text-align:center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    z-index: 1000;
    backdrop-filter: blur(7.9px);
-webkit-backdrop-filter: blur(3.9px);
}
/*
.item_restaurace_main_or_info{
    position: absolute;
    width: 100%;
    display: inline-block;
    border-radius: 11px 11px 0px 0px;
    background-color: #ff761a;
    margin-top: 11px;
    transform: translateY(-100%);
    color: white;
    font-family: RaleExBold;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 13px;
    transition-duration: 0.5s;

    z-index: 1;
}*/

.item_restaurace_main_cont_info{
    position: absolute;
    max-width: 100%;
    height: 100%;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: end;
}

.item_restaurace_main_or_info{
    max-width: 100%;
    width: fit-content;
    overflow: hidden;
    background-color: #ffeee3;
    color: #ff761a;
    font-family: RaleNormal;
    padding-left: 6px;
    padding-right: 6px;
    font-size: 13px;
    z-index: 1;
    border-radius: 4px;
    line-height: 120%;
    padding-top: 3px;
    padding-bottom: 3px;

    min-height:23px;

    display: flex;
    gap: 3px;
    flex-direction: row;
    align-items: center;
}

.item_restaurace_main_ze_info{
    max-width: 100%;
    width: fit-content;
    overflow: hidden;
    background-color: #f6fbf6;
    color: #137367;
    font-family: RaleNormal;
    padding-left: 6px;
    padding-right: 6px;
    font-size: 13px;
    z-index: 1;
    border-radius: 4px;
    line-height: 120%;
    padding-top: 3px;
    padding-bottom: 3px;

    display: flex;
    gap: 3px;
    flex-direction: row;
    align-items: center;
}

.item_restaurace_main_nov_info{
    max-width: 100%;
    width: fit-content;
    overflow: hidden;
    background-color: #ffeee3;
    color: #ff761a;
    font-family: RaleNormal;
    padding-left: 6px;
    padding-right: 6px;
    font-size: 13px;
    z-index: 1;
    border-radius: 4px;
    line-height: 120%;
    padding-top: 3px;
    padding-bottom: 3px;

    display: flex;
    gap: 3px;
    flex-direction: row;
    align-items: center;
}

.item_restaurace_main_slev_info{
    max-width: 100%;
    width: fit-content;
    overflow: hidden;
    background-color: #efffe5;
    color: #32ce53;
    font-family: RaleNormal;
    padding-left: 6px;
    padding-right: 6px;
    font-size: 13px;
    z-index: 1;
    border-radius: 4px;
    line-height: 120%;
    padding-top: 3px;
    padding-bottom: 3px;

    display: flex;
    gap: 3px;
    flex-direction: row;
    align-items: center;
}

.rest_alert_icon{
    width: 17px;
}

.item_restaurace_main_fi_info_cont{
    flex-grow: 1; /* Ostatní prvky zatlačí dolů */
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.item_restaurace_main_ce_info{
    max-width: 100%;
    width: fit-content;
    overflow: hidden;
    background-color: #ffdede;
    color: #ff002b;
    font-family: RaleNormal;
    padding-left: 6px;
    padding-right: 6px;
    font-size: 13px;
    z-index: 1;
    border-radius: 4px;
    line-height: 120%;
    padding-top: 3px;
    padding-bottom: 3px;

    min-height:23px;

    display: flex;
    gap: 3px;
    flex-direction: row;
    align-items: center;
}

.item_restaurace_main_fi_info{
    max-width: 100%;
    width: fit-content;
    overflow: hidden;
    background-color: #f3f1f7;
    color: #7353ba;
    font-family: RaleNormal;
    padding-left: 6px;
    padding-right: 6px;
    font-size: 13px;
    z-index: 1;
    border-radius: 4px;
    line-height: 120%;
    padding-top: 3px;
    padding-bottom: 3px;

    display: flex;
    gap: 3px;
    flex-direction: row;
    align-items: center;
}

.item_restaurace_main_or_info:hover{
    cursor: pointer;
}
.item_restaurace_main_ze_info:hover{
    cursor: pointer;
}

.item_restaurace_main_ce_info:hover{
    cursor: pointer;
}

.item_restaurace_main_fi_info:hover{
    cursor: pointer;
}

.item_restaurace_main_jmeno{
    font-family: RaleExBold;
    margin-top: 5px;
    font-size: 18px;
    color: black;
    transition: color 0.25s ease;
    transition-duration: 0.5s;
}

.item_restaurace_main_akce{
    font-family: RaleNormal;
    margin-top: -5px;
    font-size: 16px;
    color: rgb(129, 129, 129);
    transition: color 0.25s ease;
}

.item_restaurace_main_detaily{
    margin-top: 4px;
    width: 100%;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    color: black;
    font-family: RaleNormal;
}

.item_restaurace_main_detaily_line{
    width: 100%;
    height: 20px;
    display: flex;
    flex-direction: row;
}

.item_restaurace_main_detaily_item_l{
    width: 30%;
    height: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.item_restaurace_main_detaily_item_r{
    width: 55%;
    height: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.item_restaurace_main_detaily_line img{
    height: 55%;
    margin-right: 3px;
}

.radio_background_prilohy{
    background-color: #ffeee3;
    position: absolute;
    width: calc(100% + 30px);
    height: calc(100% + 39px);
    margin-top: -30px;  
    margin-left: -15px;
    z-index: -1;
    border-radius: 4px;
}

.item_restaurace_main_mezera{
    height: 50px;
}

.novinky_z_mesta_cont{
    display: flex;
    flex-direction: column;
    width: 100%;
}

.novinky_z_mesta_cont_main{
    display: flex;
    flex-direction: row;
    margin-top: 10px;
    margin-bottom: 50px;
    background-color: #ffeee3;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 50px;
    padding-bottom: 40px;
    border-radius: 15px;
    position: relative;
    left: 10px;
    width: calc(100% - 20px);
}

.lottie_novinky_z_mesta{
    width: 300px;
    height: 230px;
    position: absolute;
    right: 40px;
    margin-top: -90px;
}

.lottie_dekujemeform{
    height: 180px;
    margin-bottom: 27px;
    display: block;
    color: #ff002b;
}

.lottie_skvelazprava{
    height: 180px;
    margin-bottom: 17px;
    display: block;
}

.lottie_objednavatenapozdeji{
    height: 140px;
    margin-bottom: 27px;
    display: block;
}

.lottie_nenalezeno{
    height: 160px;
    margin-bottom: 10px;
    display: block;
}

.lottie_plneboxy{
    height: 180px;
    margin-bottom: 17px;
    display: block;
}

.lottie_najit{
    height: 180px;
    margin-bottom: 17px;
    display: block;
}

.novinky_z_mesta_cont h1{
    font-family: RaleExBold;
    margin-bottom: 20px;
    font-size: 25px;
    color: black;
}

.novinky_z_mesta_cont_h1{
    font-family: RaleExBold !important;
    margin-bottom: 20px !important;
    font-size: 25px !important;
    color: black !important;
    line-height: 110% !important;
    width: 100% !important;
    margin-left: 0px !important;
    text-align: left !important;
}

.novinky_z_mesta_cont p{
    text-align: center;
    font-family: RaleNormal;
    width: 50%;
    margin-left: 25%;
    font-size: 16px;
}

.novinky_z_mesta_btn{
    width: 60%;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 12px;
    column-gap: 22px;

    font-family: RaleNormal;
    font-size: 16px;
    color: black !important;
}

.novinky_z_mesta_btn button {
    position: relative;
    width: 180px;
    height: 38px;
    border-radius: 6px;
    border: 0px solid transparent;
    background-color: transparent;
    text-align: left;
    padding-left: 15px;
    color: black;
    font-family: RaleNormal;
    font-size: 16px;
    cursor: pointer;
    z-index: 1;
    transition: color 0.3s;
}

/* Pozadí přes ::after */
.novinky_z_mesta_btn button::after {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    border-radius: 6px;
    transform: scale(1);
    transform-origin: center center;
    transition: background-color 0.3s ease;
    z-index: -1;
    pointer-events: none;
    animation: none;
}

/* Hover efekt s jelly bounce */
.novinky_z_mesta_btn button:hover::after {
    background-color: #137367;
    animation: jellyTo1_05 0.7s ease forwards;
}

/* Text zčerná na bílo */
.novinky_z_mesta_btn button:hover {
    color: white;
}


.novinky_z_mesta_btn a{
    text-align: start;
    color: black;
    text-decoration: none;
}

.novinky_z_mesta_btn button:hover a{
    color: white !important;
    transition-duration: .3s;
}

/* OTEVŘENÁ RESTAURACE */

.mezera_vrestauraci{
    height: 17px;
}

.zpet_vrestauraci{
    position: absolute;
    left: 0px;
    top: 8px;
    width: 21px;
    height: 21px;
    margin-left: 15px;
    margin-top: 5px;
    z-index: 1000;
    transition-duration: .3s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    will-change: transform;
    transform: translateX(0px);
    padding: 15px;
    cursor: pointer;
}

.recenze_nadpis{
    position: absolute;
    left: 0px;
    top: 8px;
    margin-left: 30px;
    margin-top: 5px;
    z-index: 1000;
    transition-duration: .3s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    will-change: transform;
    transform: translateX(0px);
    font-family: RaleNormal;
}

.recenze_nadpis_oddelovac{
    position: absolute;
    width: 100%;
    border-top: 1px solid rgb(224, 224, 224);
}

.recenze_rest_nadpis_rest{
    font-family: RaleBold;
    font-size: 22px;
    margin-bottom: 10px;
}

.recenze_rest_nadpis_rest_hvezdy{
    font-family: RaleBold;
    font-size: 22px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.restaurace_jidlo_info_title span{
    font-family: RaleNormal;
}

.recenze_rest_filtr_cont{
    width: 100%;
    overflow: auto;
    height: fit-content;
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.recenze_rest_filtr_cont a{
    color: black;
    text-decoration: none;
    transition-duration: .3s;
}

.recenze_rest_filtr_cont a:hover{
    color: #ff761a;
    transition-duration: .3s;
}

.recenze_rest_filtr_item{
    font-family: RaleNormal;
    padding: 5px;
    padding-left: 25px;
    padding-right: 25px;
    cursor: pointer;

    border-radius: 1000px;
    border: 1px solid rgb(224, 224, 224);
    white-space: nowrap;
}

.recenze_main_item{
    padding-top: 10px;
}

.recenze_main_item_stars{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
}

.recenze_main_item_stars img{
    width: 20px;
}

.recenze_main_item_cont{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid black;
}

.recenze_main_item_text{
    margin-top: 8px;
    font-family: RaleNormal;
    font-size: 16px;
    margin-bottom: 20px;
}

.recenze_main_item_list_cont{
    display: flex;
    flex-direction: column;
}

.recenze_main_item_list_cont span{
    font-family: RaleNormal;
    font-size: 14px;
    color: #ababab;
}

.recenze_main_item_list{
    display: flex;
    flex-direction: row;
    gap: 20px;
    margin-top: 5px;
    max-width: 100%;
    overflow: auto;
    padding-bottom: 10px;
}

.recenze_main_item_list_item{
    display: flex;
    justify-content: row;
    border: 1px solid rgb(235, 235, 235);
    padding-right: 15px;
    border-radius: 12px;
    gap: 10px;
    align-items: center;
    cursor: pointer;
    transition-duration: .5s;
    color: #ababab;
    flex-shrink: 0;
    max-width: 250px;
}

.recenze_main_item_list_item:hover{
    border: 1px solid rgb(192, 192, 192);
    color: rgb(0, 0, 0);
    transition-duration: .5s;
}

.recenze_main_item_list_item_img{
    height: 50px;
    width: 50px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    border-radius: 11px 0px 0px 11px;
}

.recenze_main_item_list_item_nazev {
    flex: 1;
    font-family: RaleNormal;
    font-size: 14px;
    line-height: 120%; /* Ponecháme původní výšku řádku */
    max-height: 2.4em;  /* Vypočítáno jako 2 * 1.2em (120%) */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


.recenze_posuvnik_stranek_cont{
    width: 100%;
    height: 50px;
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.recenze_posuvnik_stranek_cont a{
    color: black;
    text-decoration: none;
}

.recenze_responze_spodek{
    display: block;
}

.recenze_rest_filtr_cont .active_orange{
    color: #ff761a !important;
}

.recenze_posuvnik_stranek_cisla .active_orange{
    color: #ff761a !important;
}

.recenze_posuvnik_stranek_zpet{
    background-color: white;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12) 0px 0px 1px 0px;
    cursor: pointer;
    transform: rotateZ(180deg);
}

.recenze_posuvnik_stranek_zpet img{
    width: 15px;
    height: 15px;
}

.recenze_posuvnik_stranek_dale{
    background-color: white;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12) 0px 0px 1px 0px;
    cursor: pointer;
}

.recenze_posuvnik_stranek_dale img{
    width: 15px;
    height: 15px;
}

.recenze_posuvnik_stranek_cisla{
    margin-left: 10px;
    margin-right: 10px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: center;
    align-items: center;
    font-family: RaleNormal;
    font-size: 18px;
}

.recenze_posuvnik_stranek_cisla_item{
    cursor: pointer;
    transition-duration: .3s;
}

.recenze_posuvnik_stranek_cisla_item:hover{
    color: #ff761a;
    transition-duration: .3s;
}

.recenze_posuvnik_stranek_cisla_item_tec{
    pointer-events: none;
}

.oblibene_v_restauraci_ikony{
    display: none !important;
    width: auto !important;
    height: auto !important;
    border-radius: 100% !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    margin-left: 10px !important;
    padding: 3px !important;
    border: 0px solid transparent !important;
}

.oblibene_v_restauraci_ikony img{
    width: 29px;
    margin-top: 2px;
}

.oblibene_v_restauraci_ikony:after{
    border: 0px solid transparent !important;
}

.zpet_v_restauraci {
    position: relative;
    background-color: transparent;
    border-radius: 1000px;
    background-color: white;
    text-decoration: none;
    font-family: RaleNormal;
    font-size: 15px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    z-index: 1;
    transition: color 0.3s, font-size 0.3s;
    width: 30px;
    height: 30px;
    box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12) 0px 1px 2px 0px, rgba(0, 0, 0, 0.12) 0px 0px 1px 0px;
    
}

.zpet_v_restauraci_rest{
    transform: translateY(9px);
}

.zpet_v_restauraci_rest_cont{
     /* position: absolute; */
     /* left: 9px; */
}

.zpet_v_restauraci_rest_cont_mezera{
    display: block;
}

.zpet_v_restauraci:hover {
    /*background-color: rgb(245, 245, 245);*/
    
}

.zpet_v_restauraci img{
    transform: rotateZ(180deg);
    height: 15px;
    margin-left: -2px;
}


.oblibene_v_restauraci {
    position: relative;
    background-color: transparent;
    padding: 3px 15px;
    border-radius: 3px;
    color: #000 !important;
    text-decoration: none;
    margin-left: 20px;
    font-family: RaleNormal;
    font-size: 15px;
    display: inline-block;
    z-index: 1;
    transition: color 0.3s, font-size 0.3s, border-color 0.3s;
}

.oblibene_v_restauraci::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid black;
    border-radius: 3px;
    transform: scale(1);
    transform-origin: center center;
    transition: transform 0.3s ease;
    z-index: -1;
    pointer-events: none;
}

.oblibene_v_restauraci:hover {
    color: #000 !important;
}

.oblibene_v_restauraci:hover::after {
    transform: scale(1.07);
}

.zpet_vrestauraci img{
    width: auto;
    height: 13px;
}

.zpet_vrestauraci:hover{
    background-color: rgb(224, 224, 224);
    transition-duration: .3s;
    transform: scale(1.2);
}

.restaurace_hlavicka_title h1{
    font-size: 35px;
    font-family: RaleExBold;
    color: black;
    margin-bottom: 5px;
    margin-top: -9px;
    line-height: 110%;
}

.restaurace_hlavicka_title h2{
    font-size: 16px;
    font-family: RaleNormal;
    color: black;
    margin-bottom: 0px;
}

.restaurace_jidla_hlavicka_cont_ul_li_active{
    background-color: #f2f2f2 !important;
    color: rgb(55, 55, 55) !important;
}

.restaurace_hlavicka_informace_zavirani{
    padding-bottom: 2px;
    padding-top: 2px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
    border-radius: 7px;
    width: fit-content;
    height: 30px;
    margin-left: 0px;
    font-family: RaleNormal;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.recenze_main_item{
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.restaurace_hlavicka_informace_cont{
    display:flex;
    flex-direction: row;
    margin-top: 15px;
    margin-bottom: 25px;
    flex-wrap: wrap;
    column-gap: 20px;
}

.restaurace_hlavicka_informace_cont_in{
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 100%;
}

.restaurace_hlavicka_informace_recenze_main{
    border: 1px solid black;
    border-radius: 7px;
    overflow: hidden;
    width: 160px;
    height: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-family: RaleNormal;
    flex-shrink: 0;
    transition-duration: .3s;
}

.restaurace_hlavicka_informace_recenze_main:hover{
    transition-duration: .3s;
}

.restaurace_hlavicka_informace_ostatni_main{
    border: 1px solid black;
    border-radius: 7px;
    overflow: hidden;
    width: fit-content;
    padding-left: 12px;
    padding-right: 12px;
    height: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-family: RaleNormal;
    transition-duration: .3s;
    cursor: pointer;
    text-wrap: nowrap;
    flex-shrink: 0;
}

.restaurace_hlavicka_informace_ostatni_main:hover{
    color: #ff761a;
    border: 1px solid #ff761a;
    transition-duration: .3s;
}

.restaurace_hlavicka_informace_recenze_info{
    width: 50%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-family: RaleExBold;
    gap: 5px;
}

.restaurace_hlavicka_informace_recenze_info img{
    height: 20px;
}

.restaurace_hlavicka_informace_recenze_info span{
    margin-bottom: -2px;
}

.restaurace_hlavicka_informace_recenze_btn{
    width: 50%;
    border-left: 1px solid black;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 100%;
    color: black;
    transition-duration: .3s;
}

.restaurace_hlavicka_informace_recenze_main.hovered {
    border: 1px solid #ff761a;
    transition: border 0.3s ease;
}
  
.restaurace_hlavicka_informace_recenze_btn:hover {
    color: #ff761a;
    border-left: 1px solid #ff761a;
    transition: color 0.3s ease, border-left 0.3s ease;
}

.restaurace_hlavicka_informace_undercont{
    display:flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow: auto;
    font-size: 15px;
    column-gap: 10px;
    row-gap: 10px;
    padding-bottom: 1px;
    scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
}

/* Chrome, Safari (i iOS Safari) */
.restaurace_hlavicka_informace_undercont::-webkit-scrollbar {
    display: none;
  }

.restaurace_hlavicka_informace_mezera{
    width: 20px;
}

.restaurace_hlavicka_informace{
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    box-sizing: border-box;

    font-family: RaleNormal;
}

.restaurace_hlavicka_informace img{
    width: 18px;
    margin-right: 4px;
}

.restaurace_hlavicka_zelene_info{
    background-color: #137367;
    color: white;
    font-family: RaleNormal;
    font-size: 16px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 9px;
    display: inline-block;
    margin-bottom: 17px;
}

.restaurace_hlavicka_zelene_info_v2{
    background-color: #ffeee3;
    color: #ec6a13;
    font-family: RaleNormal;
    font-size: 15px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 4px;
    display: inline-block;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: fit-content;
    gap: 5px;
}

.restaurace_hlavicka_zelene_info_v2 img{
    width: 20px;
}

.rest_buttonky_cont{
    display: flex;
    flex-direction: row;
    gap: 15px;
    row-gap: 10px;
    flex-wrap: wrap;
}

.restaurace_hlavicka_foto{
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 230px;
    border-radius: 15px;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: flex-start;
    margin-top: -34px;
    display: none;
}

.restaurace_hlavicka_foto2_info img{
    width: 30px;
    margin: 10px;
    margin-left: 0px;
    cursor: pointer;
    display: inline-block;
}

.restaurace_hlavicka_foto2{
    margin-top: -64px;
    border-radius: 15px;
    height: 250px;
    float: right;
}

.restaurace_hlavicka_foto2_cont{
    position: relative;
}

.restaurace_hlavicka_foto2_info{
    position: absolute;
    left: 0px;
    top:-50px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    height: 100%;
}

#svg_srdce_hovered{
    position: absolute;
    opacity: 0;
}

#svg_info_hovered{
    position: absolute;
    opacity: 0;
    transform: translateX(-40px);
}

.mezera_za_hlavicku{
    height: 60px;
    display: none;
}

.restaurace_jidla_hlavicka{
    background-color: #ffffff;
    width: 100%;
    height: 70px;
    box-shadow: 0 7px 8px -3px rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12) 0px 1px 2px 0px, rgba(0, 0, 0, 0.12) 0px 0px 1px 0px;
    border-top: 1px solid rgb(233, 233, 233);
}

.restaurace_jidla_hlavicka_fixed{
    position: fixed;
    top: 73px;
    width: 100%; /* nebo konkrétní šířka, pokud ji znáte */
    z-index: 1000; /* abyste byli jisti, že div bude nad ostatními prvky */
}

.restaurace_jidla_hlavicka_cont{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: 70px;
    position: relative;
    gap: 40px;
}


.restaurace_jidla_hlavicka_cont input{
    background-color: white;
    border-radius: 1000px;
    height: 33px;
    width: 23%;
    border: none;
    text-align: left;
    padding-left: 35px;
    padding-right: 18px;
    text-overflow: ellipsis;
    font-family: RaleNormal;
    background-color: #f2f2f2;
    border-radius: 4px;
}

.restaurace_jidla_hlavicka_cont input:focus {
    outline: none;
    text-overflow: ellipsis;
}

.restaurace_jidla_hlavicka_cont ul {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    list-style-type: none;
    align-items: center;
    padding: 0;
    margin-top: 16.5px;
    right: 0px;
    font-family:RaleNormal;
    color: black;
    margin-right: 15px;
    height: 25px;
    overflow: auto;
    text-overflow: ellipsis;
    position: relative;
    padding-left: -15px;
    height: 100%;
    gap: 10px;
    flex:1 ;

    scrollbar-height: none;
}

.restaurace_jidla_hlavicka_cont ul::-webkit-scrollbar {
    height: 0;  /* Skrývá horizontální scrollbar pro WebKit prohlížeče, např. Chrome, Safari */
    width: 0;
    height: 0;
}

.restaurace_jidla_hlavicka_cont ul a {
    text-decoration: none;
    color: #ababab;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    background-color: white;
    border-radius: 1000px;
    height: 33px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition-duration: .3s;
}

.restaurace_jidla_hlavicka_cont ul li {
    display: inline-block;
    transition-duration: .3s;
    white-space: nowrap;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}

.restaurace_jidla_hlavicka_cont ul a:hover{
    background-color: #f2f2f2 !important;
    color: rgb(55, 55, 55) !important;
    cursor: pointer;
    transition-duration: .3s;
}

.restaurace_jidla_hlavicka_lupa{
    display: none;
    position: absolute;
    width: 24px;
    margin-left: 7px;
    pointer-events: none;
    z-index: 5;
}

.restaurace_jidla_hlavicka_lupa_normal{
    display: block;
    position: absolute;
    width: 21px;
    margin-left: 7px;
    pointer-events: none;
    z-index: 5;
}

.restaurace_jidla_hlavicka_arrow{
    width: 15px;
    position: absolute;
    transform: rotateY(180deg);
    float: right;
    right: 0px;
    margin-right: -10px;
}

.restaurace_jidla_hlavicka_arrow_dots{
    position: absolute;
    right: 0px;
    margin-right: 10px;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgb(255, 255, 255) 60%);     
    font-family: RaleNormal;
    padding-left: 15px;
    height: 95%;
    width:40px;
}

.restaurace_jidla_hlavicka_arrow_left{
    width: 15px;
    position: absolute;
    left: 310px;
}

.restaurace_jidla_hlavicka_arrow_left_dots{
    position: absolute;
    float: right;
    right: 0px;
    margin-right: 60%;
    transform: translateX(20px);
    background: rgb(255,255,255);
    background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,245,239,1) 60%);   
    font-family: RaleNormal;
    padding-right: 15px;
    z-index: 2;
}

.restaurace_jidla_hlavicka_arrow:hover{
    cursor: pointer;
}

.restaurace_jidla_hlavicka_arrow_left:hover{
    cursor: pointer;
}

.restaurace_nabidka{
    margin-bottom: 30px;
    padding-top: 153px;
    margin-top: -143px;
}

/* style="max-height: calc(100vh - 10px);" */

.restaurace_nabidka h1{
    width: fit-content;
    text-decoration: none;
    color: #000000;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #f2f2f2;
    border-radius: 1000px;
    /* Allow 1–2 lines without breaking layout */
    height: auto;
    min-height: 33px;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition-duration: .3s;
    font-size: 16px;
    font-family: RaleNormal;
    margin-top: 20px;
    margin-bottom: 15px;
}

.restaurace_nabidka_h1{
    width: fit-content;
    text-decoration: none;
    color: #000000;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #f2f2f2;
    border-radius: 1000px;
    /* Allow 1–2 lines without breaking layout */
    height: auto;
    min-height: 33px;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition-duration: .3s;
    font-size: 16px;
    font-family: RaleNormal;
    margin-top: 20px;
    margin-bottom: 15px;
    line-height: 110%;
    padding-top: 8px;
    padding-bottom: 8px;
}

.restaurace_nabidka_special h1{
    color: #ec6a13 !important;
    background-color: #ffeee3 !important;
}

.restaurace_nabidka_special .restaurace_nabidka_jidlo{
    
}

.restaurace_nabidka_jidlo_cont{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap; 
    overflow: auto;
}

.restaurace_nabidka_jidlo{
    position: relative;
    width: 49%;
    border: 1px solid rgb(235, 235, 235);
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 9px;
    display: flex;
    flex-direction: row;
    margin-bottom: 15px;
    height: 151px;
    cursor: pointer;
    transition-duration: 0.3s;
    background-color: white;
}

.restaurace_nabidka_jidlo_hover{
    border: 1px solid #ff761a !important;
    transition-duration: 0.3s;
}

.restaurace_nabidka_jidlo_hover h2{
    color: #ff761a !important;
    transition-duration: 0.3s;
}

.restaurace_nabidka_jidlo_l{
    position: relative;
    width: 65%;
}

.restaurace_nabidka_jidlo_l_cislo{
    font-family: RaleNormal;
    color: #4b4b4b;
}

.restaurace_nabidka_jidlo_r{
    width: 35%;
}

.restaurace_nabidka_jidlo h2{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;

    font-size: 16px;
    font-family: RaleExBold;
    color: black;
    width: 100%;
    transition-duration: 0.3s;
}

.restaurace_nabidka_jidlo h2:hover{
    cursor: pointer;
}

.restaurace_nabidka_jidlo_popis {
    max-height: 2.8em;  /* Upraveno pro 2 řádky (2 * 1.4) */
    line-height: 1.4;   /* Sjednoceno s potomkem */
    position: relative;
    overflow: hidden;
    font-family: RaleNormal;
    font-size: 14px;
    width: 100%;
    color: #b2b2b2;
}

.franch_kont_img {
    transition: transform 0.3s ease; /* rychlost a plynulost animace */
}

.kontakty_main_fran_img:hover .franch_kont_img {
    transform: scale(1.05); /* zvětší se jen obrázek */
}

.odkaz_vop_a{
    color: #ff761a;
    transition-duration: .3s;
}

.odkaz_vop_a:hover{
    color: #d06117;
    transition-duration: .3s;
}

.restaurace_nabidka_jidlo_gramaz{
    font-size: 14px;
    margin-bottom: 3px;
    font-family: RaleNormal;
}

.restaurace_nabidka_jidlo_popis_content {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.restaurace_nabidka_jidlo_cena_sleva_cont{
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.sleva_icon_new{
    width: 15px;
}

.restaurace_nabidka_jidlo_popis_content img {
    display: inline;   /* obrázky se chovají jako znak */
    height: 16px;      /* doladíš podle velikosti textu */
    vertical-align: middle; /* zarovná je k textu */
}

.restaurace_nabidka_jidlo_popis_content_palcivost{
    font-size: 12px !important;
}

.sp_palcivost{
    font-size: 12px !important;
}

.img_palcivost{
    height: 16px;
    
}

.restaurace_nabidka_jidlo_popis_content_more {
    font-family: RaleExBold;
    display: none;
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: white;
    color: #b2b2b2;
    padding-left: 5px;
}

.restaurace_nabidka_jidlo_popis_content_more:hover{
    cursor: pointer;
}

.restaurace_nabidka_jidlo_cena{
    font-family: RaleBold;
    font-size: 15px;
    color: #ff761a;
    margin-top: 5px;
}

.restaurace_nabidka_jidlo_cena_sleva{
    font-family: RaleBold;
    font-size: 15px;
    color: #ff761a;
    margin-top: 10px;
    display: flex;
    flex-direction: row;
}

.restaurace_nabidka_jidlo_cena_sleva_pred{
    font-family: RaleNormal;
    font-size: 15px;
    color: #b2b2b2;
    margin-right: 5px;
    text-decoration: line-through;
    bottom:12px;
}

.restaurace_nabidka_jidlo_cena_sleva_pred_kosik{
    font-family: RaleNormal;
    font-size: 15px;
    color: #b2b2b2;
    margin-right: 5px;
    text-decoration: line-through;
    bottom:17px;
}

.kosik_bonus{
    line-height: 120%;
}

.kosik_prihlasit_se{
    cursor: pointer;
    color: #137367;
    font-family: RaleBold;
    transition-duration: .3s;
    white-space: nowrap;
}

.kosik_prihlasit_se:hover{
    color: #ff761a;
    transition-duration: .3s;
}

.vypis_sleva_cont{
    background-color: #137367;
    font-family: RaleNormal;
    font-size: 14px;
    height: 26px;
    color: white;
    border-radius: 4px;
    text-align: center;
    right: 0px;
    text-align: center;
    margin-top: 5px;
    z-index: 999;
    width: max-content;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
}

.vypis_sleva_cont_detail{
    background-color: #137367;
    font-family: RaleNormal;
    font-size: 15px;
    height: 26px;
    color: white;
    border-radius: 3px;
    text-align: center;
    text-align: center;
    z-index: 9999;
    width: max-content;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
}

.restaurace_nabidka_jidlo_img{
    position: relative;
    background-color: rgb(243, 243, 243);
    border-radius: 10px;
    height: 115px;
    width: 115px;
    transform: translate(0px, 5px);
    float: right;
    background-size: cover;
    background-position: center;
}

.restaurace_nabidka_jidlo_plus{
    background-color: #ffc9a4;
    color: #ff761a;
    border-radius: 7px 0px 7px 0px;
    border: 1px solid #ffc9a4;
    font-family: Arial;
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    width: 35px;
    height: 35px;
    line-height: 36px;
    margin-left: 100%;
    margin-top: 100%;
    transform: translate(-100%, -100%);
    transition-duration: 0.3s;
}

.restaurace_nabidka_jidlo_plus_hover{
    height: 115px;
    width: 115px;
    border-radius: 9px;
    padding-top: 38px;
    font-size: 25px;

    transition-duration: 0.3s;
}

#restaurace_nabidka_hledacek_cont{
    padding-top: 10px;
    overflow: auto;
}

.restaurace_jidlo_info_mezera{
    height: 30px;
}

.restaurace_jidlo_info_mezera_prilohy{
    height: 20px;
}

.restaurace_jidlo_info_cara_prilohy{
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.obl_adresy_close{
    position: absolute;
    right: 0px;
    top:0px;
    width: 15px;
    height: 15px;
    margin-right: 15px;
    margin-top: 13px;
}

.obl_adresy_close img{
    width: 15px;
    height: 15px;
}

.obl_adresy_close img:hover{
    cursor: pointer;
}

#restaurace_jidlo_info_close, #kosik_close, #info_doruceni_close, #login_close, #register_close, #register_code_close, #register_code_problem_close, #register_all_close, #register_done_close, #info_doruceni_close1, #info_doruceni_close2, #info_doruceni_close3, #info_doruceni_rekapitulace_close, #zmena_udaju_close, #hodnoceni_close, #info_doruceni_close_eshop2, #hodnoceni2_close, #filtr_close{
    position: absolute;
    opacity: 0;
    pointer-events: none;
    background-color: #dfdfdf;
    border-radius: 100px;
    width: 25px;
    height: 25px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    transform: translate(50%, -50%);
    margin-left: -100px;
    z-index: 21000;
    cursor: pointer;
}

#restaurace_jidlo_info_close img, #kosik_close img, #info_doruceni_close img, #login_close img, #register_close img, #register_code_close img, #register_code_problem_close img, #register_all_close img, #register_done_close img, #info_doruceni_close1 img, #info_doruceni_close2 img, #info_doruceni_close3 img, #info_doruceni_rekapitulace_close img, #zmena_udaju_close img, #hodnoceni_close img, #info_doruceni_close_eshop2 img, #hodnoceni2_close img, #filtr_close img{
    width: 13px;
    height: 13px;
}

.restaurace_jidlo_info_img{
    width: 90%;
    margin-left: 50%;
    transform: translateX(-50%);
    height: 280px;
    border-radius: 9px;
    background-size: cover;
    background-position: center;
}

.restaurace_jidlo_info_content{
    width: 90%;
    margin-left: 50%;
    transform: translateX(-50%);
    position: relative;
}

.restaurace_jidlo_info_content_h1{
    font-family: RaleExBold;
    font-size: 19px;
    margin-bottom: 0px;
}

.restaurace_jidlo_info_content h2{
    font-family: RaleExBold;
    font-size: 16px;
}

.restaurace_jidlo_info_content_cena{
    font-family: RaleExBold;
    font-size: 16px;
    color: #ff761a;
}

.restaurace_jidlo_info_content_cena_sleva{
    font-family: RaleNormal;
    font-size: 16px;
    color: #b2b2b2;
    text-decoration: line-through;
    margin-right: -5px;
}

.restaurace_jidlo_info_content_gramaz{
    font-family: RaleNormal !important;
    font-size: 16px;
    color: #b2b2b2;
    margin-top: -8px;
}

.restaurace_jidlo_info_content_alkohol{
    font-size: 11px;
    margin-top: -2px;
    background-color: #ffcaab;
    color: #ff761a;
    font-family: RaleExBold;
    margin-left: 5px;
    flex-direction: column;
    justify-content: center;
    padding-left: 4px;
    padding-right: 4px;
    border-radius: 4px;
    height: 16px;
}

.restaurace_jidlo_info_content_alkohol_jidlo{
    font-size: 11px;
    margin-top: -5px;
    background-color: #ffcaab;
    color: #ff761a;
    font-family: RaleExBold;
    flex-direction: column;
    justify-content: center;
    padding-left: 4px;
    padding-right: 4px;
    border-radius: 4px;
    height: 16px;
    margin-left: 5px;
}

.restaurace_jidlo_info_content_alkohol_info{
    font-size: 11px;
    margin-top: 4px;
    background-color: #ffcaab;
    color: #ff761a;
    font-family: RaleExBold;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 4px;
    padding-right: 4px;
    border-radius: 4px;
    height: 16px;
}

.restaurace_jidlo_info_content_druhy_radek_info{
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items:center;
}

.restaurace_jidlo_info_content_druhy_radek{
    display: flex;
    flex-direction: row;
    gap: 5px;
    margin-top: -7px;
}

.restaurace_jidlo_info_content_druhy_radek_inside{
    display: flex;
    flex-direction: row;
    gap: 5px;
    margin-top: 0px;
}

.restaurace_jidlo_info_content_popis{
    font-family: RaleNormal;
    font-size: 16px;
    color: black;
    width: 90%;
    margin-bottom: 8px;
}

.neovereny_uzivatel_p{
    font-family: RaleNormal;
    font-size: 16px;
    color: black;
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
}

.neovereny_uzivatel_p_b{
    font-family: RaleExBold !important;
}

.neovereny_cislo_input_obj{
    margin-top: 30px;
}

.restaurace_jidlo_info_content_alergeny{
    font-family: RaleNormal;
    font-size: 16px;
    color: #b2b2b2;
    margin-bottom: 8px;
}

.orange_line{
    border-top: 2px solid #ff761a;
    margin-top: 30px;
}

.restaurace_jidlo_info_poznamka{
    font-family: RaleNormal;
    font-size: 16px;
    color: #b2b2b2;
    margin-top: -10px;
}

.restaurace_jidlo_info_content ul{
    position: relative;
    list-style-type: none;
    padding: 0;
    margin-top: -4px;
    margin-bottom: 0px;
    font-family: RaleNormal;
    font-size: 16px;
    width: 100%;
}

.restaurace_jidlo_info_content ul li{
    width: 100%;
    margin-top: 5px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 18px;
}

.restaurace_jidlo_info_l{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.restaurace_jidlo_info_poznamka_cena{
    color: #ff761a;
    font-family: RaleNormal;
    font-size: 16px;
    float: right;
    min-width: 60px;
    text-align: end;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

/* Skryjeme původní checkbox */
.restaurace_jidlo_info_checkbox_input {
    display: none;
}

/* Nastavíme vzhled pro náš vlastní checkbox */
.restaurace_jidlo_info_checkbox_box {
    position: absolute;
    height: 15px;
    width: 15px;
    background-color: white;
    border: 1px solid #ff761a;
    border-radius: 2px;
    cursor: pointer;
    transform: translateY(1px);
    /* margin-right: 40px; */
    right: 65px;
    margin-top: -8px;
}

/* Definujeme vzhled pro zaškrtnutý checkbox */
.restaurace_jidlo_info_checkbox_input:checked + .restaurace_jidlo_info_checkbox_box {
    background-color: #ff761a;
    border-color: #ff761a;
}

/* Přidáme "zaškrtávací" znak do našeho vlastního checkboxu */
.restaurace_jidlo_info_checkbox_input:checked + .restaurace_jidlo_info_checkbox_box:after {
    content: "";
    position: absolute;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid transparent;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}


/* Skryjeme původní radio button */
.restaurace_jidlo_info_radio_input {
    display: none;
}

/* Nastavíme vzhled pro náš vlastní radio button */
.restaurace_jidlo_info_radio_box {
    position: absolute;
    height: 15px;
    width: 15px;
    background-color: white;
    border: 1px solid #ff761a;
    transform: translateY(1px);
    border-radius: 50%; /* Nastavení rámečku na kruhový tvar */
    cursor: pointer;
    right: 65px;
    margin-top: -8px;
}

/* Definujeme vzhled pro vybraný radio button */
.restaurace_jidlo_info_radio_input:checked + .restaurace_jidlo_info_radio_box {
    background-color: #ff761a;
    border-color: #ff761a;
}

/* Přidáme "zaškrtávací" znak do našeho vlastního radio buttonu */
.restaurace_jidlo_info_radio_input:checked + .restaurace_jidlo_info_radio_box:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 7px;
    background-color: transparent;
    border-radius: 50%; /* Nastavení "zaškrtávacího" znaku na kruhový tvar */
    transform: translate(-50%, -50%);
}

.restaurace_jidlo_info_dokosiku{
    height: 50px;
    background-color: transparent;
    width: 100%;
    position: relative;
}

.restaurace_jidlo_info_dokosiku_btn{
    height: 50px;
    background-color: transparent;
    width: 100%;
    position: absolute;
    bottom: 20px;
    z-index: 1000;
    width: 90%;
    margin-left: 5%;
}

.restaurace_jidlo_info_dokosiku_btn2{
    height: 50px;
    background-color: transparent;
    position: absolute;
    bottom: 20px;
    z-index: 1000;
    left: 5%;
    width: 90%; 
}

.restaurace_jidlo_info_dokosiku_pocet{
    position: absolute;
    height: 100%;
    width: 110px;
    background-color:#ededed;
    border-radius: 9px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.restaurace_jidlo_info_dokosiku_pocet button{
    padding: 0px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    width: 50%;
    height: 100%;
}

.restaurace_jidlo_info_dokosiku_pocet input{
    position: absolute;
    padding: 0px;
    background-color: transparent;
    border: none;
    font-family: RaleNormal;
    font-size: 16px;
    width: 19px !important;
    pointer-events: none;
}

.restaurace_jidlo_info_dokosiku_obj{
    position: absolute;
    height: 100%;
    left: 120px;
    right: 0px;
    display: flex;
    background-color: #ff761a;
    border-radius: 9px;
    color: white;
    font-family: RaleNormal;
    font-size: 16px;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition-duration: .3s;
    padding-left: 20px;
    padding-right: 20px;
}

.restaurace_jidlo_info_dokosiku_obj:hover{
    background-color: #137367;
    color: white;
    transition-duration: .3s;
}

.restaurace_jidlo_info_dokosiku_obj img{
    height: 20px;
    margin-right: -2px;
    margin-top: -4px;
}

.restaurace_jidlo_info_dokosiku_obj_sipky{
    font-family: RaleNormal !important;
    margin-left: 5px;
    margin-right: 5px;
}

.restaurace_jidlo_info_dokosiku_pocet_bckgrnd{
    position: absolute;
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.restaurace_jidlo_info_dokosiku_pocet_bckgrnd div{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.restaurace_jidlo_info_dokosiku_pocet_bckgrnd_sedy_min, .restaurace_jidlo_info_dokosiku_pocet_bckgrnd_sedy_plu{
    background-color: #e3e3e3;
    transition-duration: .3s;
}


.otevrit_kosik_btn{
    position: fixed;
    display: none;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-left: 5%;
    padding-right: 5%;
    bottom: 20px;
    width: 88%;
    height: 45px;
    background-color: #ff761a;
    border-radius: 15px;
    margin-left: 6%;
    z-index: 1000;
    color: white;
    font-family: RaleNormal;
    font-size: 16px;
    cursor: pointer;
    overflow: hidden; /* důležité */
}

.otevrit_kosik_btn:hover{
    color: white;
    text-decoration: none;
}

/* pseudoelement pro animaci */
.otevrit_kosik_btn::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #137367;
    pointer-events: none;
    border-radius: 15px;
}

/* třída co spouští animaci */
.otevrit_kosik_btn.animuj::after {
    animation: slideUp 2s cubic-bezier(0.86,0,0.07,1) forwards;
}

@keyframes slideUp {
    0% {
        top: 100%;
    }
    25% {
        top: 0;
    }
    75% {
        top: 0;
    }
    100% {
        top: 100%;
    }
}

.kosik_doplatek{
    width: 100%;
    flex-direction: row;
    margin-top: 6px;
    margin-bottom: 6px;
    display: none;
}

.nahoru_btn{
    display: none;
    position: fixed;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    bottom: 75px;
    width: 35px;
    height: 35px;
    background-color: white;
    border-radius: 30px;
    right: 6%;
    z-index: 170;
    color: white;
    font-family: RaleNormal;
    font-size: 16px;
    cursor: pointer;
    box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12) 0px 1px 2px 0px, rgba(0, 0, 0, 0.12) 0px 0px 1px 0px;
}

.nahoru_btn img{
    width: 10px;
    margin-left: 48%;
    margin-top: 49%;
    transform: translate(-50%, -50%) rotateZ(-90deg);
    padding-top: 2px;
}

.otevrit_kosik_btn_text{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

#kosik_mob_text{
    z-index: 1;
}

#blizsi_informace{
    margin-top: 50vh;
    max-height: 80vh;
    padding: 50px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 35px;
}

#blizsi_informace::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Edge */
    width: 0;
    height: 0;
}

#alert_closed_rest{
    margin-top: 50vh;
    max-height: 80vh;
    padding: 50px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 35px;
    z-index: 999999;
}

.blizsi_info_cont{
    list-style-type: none;
    padding-left: 0;
    text-align: left;
}


.blizsi_info_casy_cont{
    list-style-type: none;
    padding-left: 0;
    text-align: left;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 10px;
}

.blizsi_informace_cont{
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
    color: black;
}

.blizsi_info_b{
    font-family: RaleBold;
}

.blizsi_informace_cont h1{
    font-family: RaleBold;
    font-size: 22px;
    margin-top: 10px;
    color: black;
}

.blizsi_informace_cont_h1{
    font-family: RaleBold !important;
    font-size: 22px !important;
    margin-top: 10px !important;
    color: black !important;
    line-height: 110% !important;
}

.blizsi_informace_cont h2{
    font-family: RaleBold;
    font-size: 22px;
    margin-top: 22px;
    color: #ff761a;
}

.blizsi_informace_cont_h2{
    font-family: RaleBold !important;
    font-size: 22px !important;
    margin-top: 22px !important;
    color: #ff761a !important;
    line-height: 110% !important;
}

.blizsi_informace_cont ul{
    font-family: RaleNormal;
    font-size: 16px;
    margin-bottom: 10px;
}

.vyhledavani_mobil_cont_main{
    width: 100%;
    position: fixed;
    z-index: 11000;
    display: none;
    overflow: hidden;
    padding-top: 73px;
}

.vyhledavani_mobil_cont{
    background-color: white;
    width: 100%;
    height: 58px;
    display: flex;
    flex-direction: row;
}

.vyhledavani_mobil_cont input{
    background-color: white;
    border-radius: 1000px;
    border: 1px solid rgb(235, 235, 235);
    height: 32px;
    margin-top: 12.5px;
    margin-left: 30px;
    width: 60%;
    text-align: left;
    padding-left: 18px;
    padding-right: 18px;
    text-overflow: ellipsis;
    font-size: 16px;
    font-family: RaleNormal;
}

.vyhledavani_mobil_cont input::placeholder{
    color: rgb(209, 209, 209);
}

.vyhledavani_mobil_cont input:focus {
    outline: none;
    text-overflow: ellipsis;
}

.vyhledavani_mobil_cont img{
    filter: brightness(0);
    height: 12px;
    margin-top: 24px;
    margin-left: 5%;
    cursor: pointer;
}



/* KOŠÍK */

.kosik_title{
    font-size: 25px;
    color: #ff761a;
    font-family: RaleExBold;
    text-align: left;
    margin-bottom: 30px;
    line-height: 1.2;
}

.kosik_title_before{
    font-family: RaleNormal;
    font-size: 16px;
    color: black;
}

.kosik_title_cisloobj{
    font-family: RaleBold;
    font-size: 16px;
    color: #ff761a;
}

.kosik_title_platba_nep_main{
    font-size: 20px;
    color: #ff761a;
    font-family: RaleExBold;
    text-align: left;
    margin-bottom: 0px;
}

.kuryr_form_title_main{
    font-size: 33px;
    color: black;
    font-family: RaleExBold;
    width: 90%;
    line-height: 110%;
}

.kuryr_form_title{
    font-size: 16px;
    color: black;
    font-family: RaleExBold;
    width: 90%;
    line-height: 120%;
}

.kuryr_form_p{
    font-size: 16px;
    color: black;
    font-family: RaleNormal;
}

.kuryr_form_p_li{
    padding-left: 22px;
    color: black;
}

.kosik_title_platba_nep{
    font-size: 16px;
    font-family: RaleNormal;
    color: #ff761a;
    text-align: left;
    margin-bottom: 20px;
}

.kosik_title_2{
    font-size: 25px;
    color: #ff761a;
    font-family: RaleExBold;
    margin-bottom: 10px;
}

.kosik_title_z{
    font-size: 25px;
    color: #137367;
    font-family: RaleExBold;
    text-align: center;
}

.kosik_title_o{
    font-size: 16px;
    color: #ff761a;
    font-family: RaleExBold;
    text-align: center;
}

.kosik_main_info{
    color: #b2b2b2;
    display: flex;
    flex-direction: column;
    font-family: RaleNormal;
    margin-bottom: 20px;
    font-size: 15px;
}

.kosik_main_info_a{
    color: #b2b2b2;
    transition-duration: .3s;
    cursor: pointer;
    text-decoration: underline;
}

.kosik_main_info_a:hover{
    color: black;
    transition-duration: .3s;
}

.kosik_main_info_b{
    font-family: RaleNormal;
    font-size: 15px;
    font-weight: light;
}

.kosik_vypis_jidel{
    width: 100%;
    display: flex;
    flex-direction: column;
}

.kosik_vypis_jidel_item{
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-top: 8px;
    margin-bottom: 8px;
}

.kosik_vypis_jidel_item_l{
    display: flex;
    flex-direction: row;
    align-items: center;
    /* Allow the left block to shrink in flex so the right side stays visible */
    min-width: 0;
}

.kosik_vypis_jidel_item_img{
    background-color: #ededed;
    border: 0px solid black;
    border-radius: 9px;
    min-width: 38px;
    height: 38px;

    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.kosik_vypis_jidel_item_nazev{
    font-family: RaleBold;
    font-size: 16px;
    color: #000000;
    margin-left: 10px;
    padding-right: 20px;
    margin-top: -3px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 330px;
    vertical-align:bottom; /* Pokud potřebuješ zarovnat vůči jinému obsahu */
    /* Allow the name to shrink and truncate within flex */
    min-width: 0;
    flex: 1 1 auto;
}

.kosik_vypis_jidel_item_r{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: auto;
    gap: 10px;
}

.kosik_vypis_jidel_item_cena{
    color: #ff761a;
    font-family: RaleNormal;
    font-size: 16px;
    white-space: nowrap;
    width:fit-content;
}

.kosik_vypis_jidel_item_pocet{
    height: 30px;
    width: 60px;
    transform: translateX(-12px);
    background-color:transparent;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 2px;
}

.kosik_vypis_jidel_item_pocet button{
    background-color:#ededed;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-radius: 9px;

    border: none;
    cursor: pointer;
    color: black;
}

.kosik_vypis_jidel_item_pocet_new{
    width: 38px;
    height: 38px;
    background-color: white;
    border: 1px solid rgb(235, 235, 235);
    border-radius: 9px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: RaleNormal;
    font-size: 16px;
    position: relative;
    overflow: hidden;
    will-change: transform, opacity;
    transform: translate3d(0, 0, 0);
}

.kosik_vypis_jidel_item_pocet_new_active{
    width: 100%;
    border: 1px solid transparent;
}

.kosik_vypis_jidel_item_pocet_new_cont{
    width: 38px;
    z-index: 1;
    will-change: transform;
    overflow: hidden;
    white-space: nowrap;
    will-change: transform, opacity;
    transform: translate3d(0, 0, 0);
}

.kosik_vypis_jidel_item_pocet_new_cont_active{
    width: 150px;
    position: absolute;
    right: 0px;
    padding-right: 30px;
}

.kosik_vypis_jidel_item_pocet_new_buttons{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    opacity: 0;
    pointer-events: none;
    will-change: transform, opacity;
    transform: translate3d(0, 0, 0);
}

.kosik_vypis_jidel_item_pocet_new_buttons_active{
    opacity: 1;
    pointer-events: all;
}

.kosik_vypis_jidel_item_pocet_new_buttons button{
    padding: 0px;
    background-color: rgba(255, 255, 255, 0);
    border: none;
    cursor: pointer;
    width: 50%;
    height: 100%;
    transition-duration: .3s;
}

.kosik_vypis_jidel_item_pocet_new_buttons_hovered{
    background-color: #d7d7d7 !important;
    transition-duration: .3s;
}

.kosik_vypis_jidel_item_pocet_new_buttons_del_hovered{
    background-color: #fe9d90 !important;
    transition-duration: .3s;
}

.kosik_vypis_jidel_item_pocet_new_info{
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    pointer-events: none;
    will-change: transform, opacity;
    transform: translate3d(0, 0, 0);
}

.kosik_vypis_jidel_item_pocet_new_info div{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: RaleNormal;
    will-change: transform, opacity;
    transform: translate3d(0, 0, 0);
}

.kosik_vypis_jidel_item_pocet_new_info_l, .kosik_vypis_jidel_item_pocet_new_info_r{
    background-color: transparent;
    color: transparent;
    transition-duration: .3s;
}

.kosik_vypis_jidel_item_pocet_new_info_active .kosik_vypis_jidel_item_pocet_new_info_c{
    background-color: #ededed;
}

.kosik_vypis_jidel_item_pocet_new_info_active .kosik_vypis_jidel_item_pocet_new_info_l{
    color: rgb(148, 148, 148);
    background-color: #e3e3e3;
}

.kosik_vypis_jidel_item_pocet_new_info_active .kosik_vypis_jidel_item_pocet_new_info_r{
    color: rgb(255, 118, 26);
    background-color: #e3e3e3;
}

.kosik_vypis_jidel_item_pocet_new_info_active .kosik_vypis_jidel_item_pocet_new_info_l_del{
    background-color: #ffaea3 !important;
    color: transparent !important;
}

.kosik_vypis_jidel_item_pocet_new_info_active .kosik_vypis_jidel_item_pocet_new_info_l_del img{
    transition-duration: .3s;
}

.kosik_vypis_jidel_item_pocet_new_editable{
    cursor: pointer;
}

.kosik_vypis_jidel_item_pocet_new_editable,
.kosik_vypis_jidel_item_pocet_new_buttons,
.kosik_vypis_jidel_item_pocet_new_info {
    transition: all 0.3s;
    will-change: transform, opacity;
    transform: translate3d(0, 0, 0);
}

.kosik_vypis_jidel_item_pocet input{
    padding: 0px;
    background-color: transparent;
    border: none;
    font-family: RaleNormal;
    font-size: 16px;
    width: 19px !important;
    will-change: transform, opacity;
    transform: translate3d(0, 0, 0);
}

.kosik_oddelovaci_cara{
    width: 100%;
    border-top: 1px solid rgb(235, 235, 235);
    margin-top: 25px;
    margin-bottom: 25px;
}

.kosik_shrnuti_ceny{
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-top: 6px;
    margin-bottom: 6px;
}

.manipulacni_poplatek_i {
	display: flex;
	position: relative;
	cursor: pointer;
	font-style: normal;
	margin-left: 5px;
	color: #555;
	background: #eee;
	border-radius: 50%;
	width: 18px;
	height: 18px;
	text-align: center;
	line-height: 18px;
	font-family: sans-serif;
	font-size: 12px;
    margin-top: 4px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.manipulacni_poplatek_i img{
    width: 15px;
}

.manipulacni_poplatek_i_content {
	display: none;
	position: absolute;
	width: 250px;
	background: white;
	color: #333;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 8px;
	box-shadow: 0 4px 10px rgba(0,0,0,0.1);
	z-index: 999;
	font-size: 13px;
    font-family: RaleNormal;
    top: -55px;
    left: 20px;
}

.manipulacni_poplatek_i:hover .manipulacni_poplatek_i_content {
	display: block;
}

#kosik_shrnuti_ceny_kredity .kosik_shrnuti_ceny_nazev{
    color: rgb(178, 178, 178) !important;
}

#kosik_shrnuti_ceny_kredity .kosik_shrnuti_ceny_cena{
    color: rgb(178, 178, 178) !important;
}

#info_doruceni_rekapitulace .kosik_shrnuti_ceny, #info_detail_objednavky .kosik_shrnuti_ceny, #info_detail_objednavky .kosik_vypis_jidel_item_prilohy_item_r{ 
    padding: 0px !important;
}

#info_doruceni_rekapitulace{
    max-height: 80vh;
    padding-top: 50px;
}

#info_doruceni_platby_comgate{
    height: fit-content;
    padding-top: 0px;
    max-height: 80vh;
    overflow: auto;
}

#comgate-iframe{
    width: 100%;
    height: 1000px;
}

#kosik_usetreno, #kosik_free_zbyva{
    display: none;
}

#kosik_final_cena{
    font-family:RaleBold !important
}

.kosik_shrnuti_ceny_nazev{
    color: black;
    font-family: RaleNormal;
    font-size: 16px;
    display: flex;
    flex-direction: row;
}

#rekap_pozn1_text, #rekap_pozn2_text, .cas_vlozeni_style, .platba_vlozeni_style{
    font-family: RaleBold !important;
}

.kosik_shrnuti_ceny_cena{
    color: #ff761a;
    font-family: RaleNormal;
    font-size: 16px;
    margin-left: auto;
    text-align: right;
}

.sdilena_dopr_title{
    font-size: 20px;
    font-family: RaleExBold;
    color: black;
    margin-bottom: 0px;
}

.kosik_neco_navic_info{
    color: black;
    font-family: RaleNormal;
    font-size: 16px;
    text-align: left;
}

.kosik_vypis_vice_profilu{
    margin-top: 10px;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; 
    gap: 20px;
}

#sdilena_doprava_reminder{
    margin-bottom: 8px;
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    border-radius: 9px;
    overflow: hidden;
}

.sdilena_doprava_l{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background-color: #ff761a;
    color: white;
    padding: 20px;
    max-width: 300px;
}

.sdilena_doprava_r{
    background-color: #ffeee3;
    display: flex;
    flex-direction: row;
    padding: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    flex: 1;
    flex-wrap: wrap;
    gap: 10px;
}

.sdilena_doprava_item{
    display: flex;
    flex-direction: row;
    width: 48%;
    gap: 10px;
    transition-duration: .3s;
    border-radius: 9px;
    padding: 10px;
    cursor: pointer;
    min-width: 400px;
}

.sdilena_doprava_item:hover{
    background-color: #ffd1b3;
    transition-duration: .3s;
}

.sdilena_doprava_item_l{
    width: 100px;
    height: 100px;
    background-position: center;
    background-size: cover;
    border-radius: 9px;
}

.sdilena_doprava_item_r{
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.sdilena_doprava_item_r h1{
    font-size: 16px;
    font-family: RaleExBold;
    color: black;
    margin-bottom: 0px;
}

.sdilena_doprava_item_r_h1{
    font-size: 16px !important;
    font-family: RaleExBold !important;
    color: black !important;
    margin-bottom: 0px !important;
    line-height: 110% !important;
}

.sdilena_doprava_item_r_info{
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-family: RaleNormal;
    font-size: 15px;
}

.sdilena_doprava_item_r_info img{
    height: 17px;
    margin-top: -2px;
}

.sdilena_doprava_item_r_info_radek{
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.sdilena_doprava_item_r_info_item{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 2px;
    min-width: 60px;
}

.sdilena_doprava_l h1{
    font-family: RaleExBold;
    font-size: 25px;
    margin-bottom: 10px;
}

.sdilena_doprava_l_h1{
    font-family: RaleExBold !important;
    font-size: 25px !important;
    margin-bottom: 10px !important;
    line-height: 110% !important;
}

.sdilena_doprava_l p{
    font-family: RaleNormal;
    font-size: 15px;
    margin-bottom: 0px;
    line-height: 120%;
}

.kosik_vypis_vice_profilu_item{
    font-family: RaleExBold;
    font-size: 22px;
    height: 130px;
    width: 240px;
    border-radius: 9px;
    background-color: #ededed;
    cursor: pointer;
    color: white;
    position: relative;
    overflow: hidden;
    text-align: center;
    background-size: cover;
    transition-duration: .3s;
}

.kosik_vypis_vice_profilu_item:hover{
    color: #dc600f;
    transition-duration: .3s;
}

.kosik_vypis_vice_profilu_zatmeni_item{
    padding: 10px;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.805) 0%, rgba(0, 0, 0, 0) 100%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}


.kosik_objednat_platba_btn{
    width: 100%;
    border: 0px solid black;
    border-radius: 9px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    background-color: #ff761a;
    color: white;
    font-family: RaleNormal;
    cursor: pointer;
    transition-duration: .3s;
}

.kosik_objednat_platba_btn:hover{
    transition-duration: .3s;
    background-color: #137367;
}


.btn_closed_rest_alert{
    width: 100%;
    border: 0px solid black;
    border-radius: 9px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    background-color: #ff761a;
    color: white;
    font-family: RaleNormal;
    cursor: pointer;
    transition-duration: .3s;
}

.btn_closed_rest_alert:hover{
    transition-duration: .3s;
    background-color: #137367;
}


.kosik_objednavat_btn{
    width: 100%;
    border: 0px solid black;
    border-radius: 9px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    background-color: #ff761a;
    color: white;
    font-family: RaleNormal;
    cursor: pointer;
    transition-duration: .3s;
}

.kosik_objednavat_btn:hover{
    transition-duration: .3s;
    background-color: #137367;
}

.kosik_objednavat_btn_disabled {
    background-color: #ededed !important; /* Šedá barva pro neaktivní stav */
    color: black !important;
    cursor: not-allowed !important;
}



.kosik_objednat_btn_dale1, .kosik_objednat_btn_dale2, .kosik_objednat_btn_dale2_eshop, .kosik_objednat_btn{
    width: 100%;
    border: 0px solid black;
    border-radius: 9px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #ff761a;
    color: white;
    font-family: RaleNormal;
    cursor: pointer;
    transition-duration: .3s;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.kosik_objednat_btn_dale1:hover, .kosik_objednat_btn_dale2:hover, .kosik_objednat_btn_dale2_eshop:hover, .kosik_objednat_btn:hover{
    transition-duration: .3s;
    background-color: #137367;
}

.kosik_objednat_btn_dale1 img, .kosik_objednat_btn_dale2 img, .kosik_objednat_btn_dale2_eshop img, .kosik_objednat_btn img{
    height: 20px;
    margin-right: -2px;
    margin-top: -4px;
}



.kosik_vypis_jidel_item_prilohy{
    width: 100%;
    margin-top: 0px;
    margin-bottom: 8px;
    padding-left: 48px;
    transform: translateY(-5px);
}


.kosik_vypis_jidel_item_prilohy_item{
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}

.kosik_vypis_jidel_item_prilohy_item_l{
    color: #b2b2b2;
    font-family: RaleNormal;
}

.kosik_vypis_jidel_item_prilohy_item_r{
    margin-left: auto;
    color: #ff761a;
    font-family: RaleNormal;
    font-size: 16px;
}

.odeslat_kod_kreditu{
    background-color: #137367;
    border: 0px solid transparent;
    border-radius: 9px;
    margin-left: 10px;
    width: 100px;
    height: 40px;
    color: white;
    font-family: RaleNormal;
    transition-duration: .3s;
}

.odeslat_kod_kreditu:hover{
    background-color: #ff761a;
    transition-duration: .3s;
}

.odeslat_kod_kreditu_second{
    background-color: #137367 !important;
    transition-duration: .3s;
}

.odeslat_kod_kreditu_second:hover{
    background-color: #ff761a !important;
    transition-duration: .3s;
}



/* INFORMACE PRO DORUČENÍ */

.info_doruceni_label{
    font-size: 16px;
    font-family: RaleBold;
    margin-bottom: 0px;
    line-height: 110%;
}

.info_doruceni_label_small{
    font-size: 13px;
    font-family: RaleNormal;
    margin-bottom: 5px;
}

.info_doruceni_label_l{
    font-size: 16px;
    font-family: RaleNormal;
}

.info_doruceni_label_z{
    background-color: #E0EBE9;
    color:#137367;
    font-size: 16px;
    font-family: RaleNormal;
    width: fit-content;

    width: 100%;
    border: 0px solid black;
    border-radius: 9px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 20px;
    padding-right: 20px;
    color: white;
    font-family: RaleNormal;
    transition-duration: .3s;
    display: flex;
    flex-direction: row;
    justify-content: space-between;

    position: absolute;
    transform: translateY(-120%);
    text-align: center;
}

.info_doruceni_label_z span{
    font-family: RaleExBold;
}

.info_doruceni_label_z_ucet{
    width: fit-content;
    border-radius: 12px;
    padding: 4px;
    padding-left: 12px;
    padding-right: 12px;
    font-family: RaleNormal;
    margin-top: 10px;
}

.info_doruceni_label_l .info_doruceni_label_l_cena{
    color:black;
    font-size: 16px;
    font-family: RaleExBold;
}

.mam_promokod{
    color:#137367 !important;
    cursor: pointer;
    font-family: RaleNormal;
    line-height: 210%;
}

.info_doruceni_input_dlouhy{
    width: 100%;
    margin-top: 5px;
    border-radius: 9px;
    border: 1px solid rgb(235, 235, 235);
    font-family: RaleNormal;
    font-size: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.info_doruceni input:focus {
    outline: none;
    text-overflow: ellipsis;
}

.info_doruceni_input_kratky{
    width: 48%;
    margin-top: 10px;
    border-radius: 9px;
    border: 1px solid rgb(235, 235, 235);
    font-family: RaleNormal;
    font-size: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.jiz_existujici_label_cont{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 2px;
}

#jiz_existujici_label_email{
    margin-left: auto;
    color: #137367;
}

.registrace_info{
    color: #ff002b;
    font-family: RaleNormal;
    font-size: 14px;
}

#registrace_zadavani_email{
    display: none;
}

.jiz_existujici_label{
    width: 48%;
    font-family: RaleNormal;
    display: none;
    font-size: 14px;
}



#jiz_existujici_label_tel{
    color: #137367;
}

#jiz_existujici_label_tel_pc{
    color: #137367;
    position: absolute;
    opacity: 0;
    pointer-events: none;
    display: none !important;
    width: 90%;
}

.jiz_existujici_label span{
    font-family: RaleBold;
    cursor: pointer;
    text-decoration: underline;
}

.info_doruceni_input_pozn{
    margin-top: 5px;
}

.info_doruceni_input_adresa{
    width: 100% !important;
    margin-top: 10px !important;
    border-radius: 7px !important;
    border: 1px solid rgb(235, 235, 235);
    font-family: RaleNormal !important;
    font-size: 15px !important;
    padding-left: 15px !important;
    padding-right: 30px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;

    text-overflow: ellipsis;
}

.flatpickr-calendar{
    z-index: 999999 !important;
}

.info_doruceni_input_adresa_zadano{
    cursor: default;
    opacity: 0.8;
    padding-right: 130px !important;
}

.info_doruceni_nenicas_pozdeji_cas{
    font-family: RaleBold !important;
}

.info_doruceni_nenicas_pozdeji_cas .or{
    color: #ff761a !important;
}

.info_doruceni_find_me_btn_zadano{
    font-family: RaleNormal;
    width: fit-content !important;
    transition-duration: .3s;
    color: black;
    white-space: nowrap;
    font-size: 15px;
    margin-left: -10px;
    margin-top: 15px;
}

.info_doruceni_find_me_btn_zadano:hover{
    color: #ff761a;
    transition-duration: .3s;
}

.info_doruceni_input_adresa:focus{
    outline: none;
}

.info_doruceni_mezera{
    height: 37px;
}

.info_doruceni_nabidka_cont{
    display: flex;
    flex-direction: row;
    justify-content: start;
    flex-wrap: wrap;
    align-items: center;
    font-family: RaleNormal;
    margin-top:5px;
    font-size: 16px;
}

#info_doruceni_nabidka_nejdrive, #info_doruceni_nabidka_pozdeji{
    margin-bottom: 0px !important;
}

.info_doruceni_nabidka{
    background-color: rgb(238, 238, 238);
    border-radius: 100px;
    height: 31px;
    font-size: 14px;
    width: 120px;
    margin-left: 0px;
    margin-right: 10px;
    margin-bottom: 10px !important;
    text-align: center;
    overflow: hidden;
    color: black;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition-duration: 0.3s;
}

.info_doruceni_nabidka:hover{
    background-color: #137367 !important;
    color: white !important;
    transition-duration: .3s;
}

.info_doruceni_nabidka_cas_cont{
    display: flex;
    flex-direction: row;
    justify-content: start;
    flex-wrap: wrap;
    align-items: center;
    font-family: RaleNormal;
    margin-top: 5px;
    font-size: 16px;
    display: none;
}

.info_doruceni_nabidka_cas{
    background-color: white;
    border-radius: 30px;
    height: 27px;
    font-size: 14px;
    /*width: 100px;*/
    padding-left: 10px;
    padding-right: 10px;
    border: 2px solid rgb(238, 238, 238);
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px !important;
    text-align: center;
    overflow: hidden;
    color: black;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    transition-duration: 0.3s;
}

.date-time-selects-container{
    display: flex;
    flex-direction: row;
    margin-top: 5px;
}

.info_doruceni_select {
    appearance: none; /* Skryje nativní vzhled */
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 1000px;
    height: 31px;
    font-size: 14px;
    width: 120px;
    margin-left: 0px;
    margin-right: 10px;
    margin-bottom: 10px !important;
    color: #137367;
    cursor: pointer;
    transition-duration: 0.3s;
    background-color: #f6fbf6;
    border: 0px solid transparent;
    font-family: RaleNormal;
    
    text-align: center; /* Zarovnání textu */
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    text-align-last: center;
}

.info_doruceni_select:focus{
    outline: none;
}

/* Hack pro WebKit (Safari, Chrome na macOS) */
.info_doruceni_select option {
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

/* Přidání vlastní šipky */
.select-wrapper {
    position: relative;
    display: inline-block;
}

.select-wrapper::after {
    content: "▼";
    font-size: 12px;
    color: black;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.info_doruceni_nabidka_cas_datum{
    background-color: white;
    border: 0px solid black;
    border-right: 1px solid #ccc; 
    border-radius: 0;
    padding: 5px;
    padding-right: 20px;
    padding-left: 10px;
    outline: none; 
    -webkit-appearance: none;
    -moz-appearance: none; 
    text-align: center;
    appearance: none;
    background: white url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 4 5"><path fill="rgb(0,0,0)" d="M2 0L0 2h4zm0 5L0 3h4z"/></svg>') no-repeat right 5px center;
    background-size: 12px 12px;
}

.info_doruceni_nabidka_cas_cas{
    flex-grow: 1;
    background-color: white;
    border: 0px solid black;
    border-radius: 0;
    padding: 5px;
    padding-right: 20px;
    outline: none; 
    -webkit-appearance: none;
    -moz-appearance: none; 
    text-align: center;
    appearance: none;
    background: white url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 4 5"><path fill="rgb(0,0,0)" d="M2 0L0 2h4zm0 5L0 3h4z"/></svg>') no-repeat right 5px center;
    background-size: 12px 12px;
}

.info_doruceni_cas_upozorneni{
    font-family: RaleNormal;
    color: #ff761a;
    font-size: 14px;
}

.info_doruceni_cas_upozorneni span{
    font-family: RaleExBold;
}

.kosik_objednat_btn_dale1_prace{
    width: 100%;
    border: 0px solid black;
    border-radius: 9px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    background-color: #ff761a;
    color: white;
    font-family: RaleNormal;
    cursor: pointer;
    margin-top: 40px;
    transition-duration: .3s;
}

.kosik_objednat_btn_dale1_prace:hover{
    background-color: #137367;
    color: white;
    transition-duration: .3s;
}

#info_doruceni_nenicas, #info_doruceni_nenicas_pozdeji{
    padding: 50px;
    padding-bottom: 35px;
}

.info_doruceni_nenicas_text{
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-family: RaleNormal;
}

.info_doruceni_nenicas_text span{
    font-family: RaleNormal;
}


.info_doruceni_platba_cont {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 10px;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
}

.info_doruceni_platba_nep_cont{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 350px;
}

.kosik_title_platba_nep_cont{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: fit-content;
}
  
.info_doruceni_platba {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    border-radius: 9px;
    padding: 0px 15px;
    text-align: center;
    font-family: RaleBold;
    font-size: 15px;
    flex-grow: 1;
    flex-basis: calc(50% - 20px);
    height: 50px;
    cursor: pointer;
    transition-duration: 0.5s;
    border: 1px solid rgb(235, 235, 235);
}

.info_doruceni_platba_neprobehla {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    background-color: transparent;
    border-radius: 9px;
    padding: 0px 30px;
    text-align: left;
    font-family: RaleBold;
    font-size: 15px;
    flex-grow: 1;
    flex-basis: calc(50% - 20px);
    height: 50px;
    cursor: pointer;
    transition-duration: 0.5s;
    border: 1px solid rgb(208, 208, 208);
}

.info_doruceni_platba:hover{
    background-color: rgb(243, 243, 243);
    transition-duration: 0.5s;
}

.info_doruceni_platba_neprobehla:hover{
    background-color: #FEF1E3 !important;
    border: 1px solid #ff761a !important;
    color: #ff761a !important;
    transition-duration: 0.5s;
}

.info_doruceni_platba_active{
    background-color: #ff761a;
    border-color: #ff761a;
    color: white;
}

.info_doruceni_platba_active:hover{
    background-color: #ff761a;
    color: white;
}

.info_doruceni_platba_dlouha{
    flex-basis:100% !important;
}

.info_doruceni_platba_neaktivni{
    border: 1px solid transparent;
    pointer-events: none;
    color: transparent;
}

.info_doruceni_platba_popis{
    font-family: RaleNormal;
    font-size: 13px;
    margin-top: -2px;
}

.info_doruceni_kredity_reg{
    font-family: RaleNormal;
    font-size: 16px;
    width: 100%;
}

.info_doruceni_kredity_container{
    background-color: #f6fbf6;
    border-radius: 9px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.spropitne_cont{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
    transform: translateY(5px);
    margin-bottom: 5px;
}

.spropitne_item{
    background-color: rgb(238, 238, 238);
    width:70px;
    height: 27px;
    font-size: 13px;
    border-radius: 1000px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-family: RaleNormal;
    cursor: pointer;
    transition-duration: .3s;
}

.spropitne_item:hover{
    background-color: #137367 !important;
    color: white !important;
    transition-duration: .3s;
}

.spropitne_item input{
    border: 0px solid transparent;
    background-color: transparent;
    width: 100%;
    text-align: center;
}

.info_doruceni_find_me_btn{
    position: absolute;
    /*margin-left: -10px;*/
    transform: translateX(-100%);
    height: 25px;
    width: 25px;
    margin-top: 14px;
    border: 0px solid transparent;
    background-color: transparent;
}

.info_doruceni_find_me_btn img{
    width: 25px;
    margin-bottom: 5px;
    margin-left: -15px;
}

.info_doruceni_ukazatel_cont{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 0px;
    margin-bottom: 20px;
    display: none;
}

.info_doruceni_ukazatel_eshop_cont{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 0px;
    margin-bottom: 20px;
}

.info_doruceni_ukazatel_bod_n{
    height: 8px;
    width: 8px;
    background-color: rgb(234, 234, 234);
    border-radius: 50%;
    display: inline-block;
    z-index: 2;
    cursor: pointer;
    margin-top: 2px;
}

.info_doruceni_ukazatel_bod_a{
    height: 11px;
    width: 11px;
    background-color: #ff761a;
    border-radius: 50%;
    display: inline-block;
    z-index: 2;
    cursor: pointer;
}

.info_doruceni_ukazatel_cesta_n{
    height: 6.5px;
    width: 60px;
    margin-left: -1px;
    margin-right: -1px;
    border-bottom: 1px solid rgb(234, 234, 234);
    z-index: 1;
}

.info_doruceni_ukazatel_cesta_a{
    height: 6.5px;
    width: 60px;
    margin-left: -1px;
    margin-right: -1px;
    border-bottom: 2px solid #ff761a;
    z-index: 1;
}



/* LOGIN */


.prihlaseni_google_log_cont {
    position: relative;
    width: 318px;
    height: 40px;
    background-color: white;
    border-radius: 100px;
    border: 0px solid black;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-family: RaleExbold;
    cursor: pointer;
    font-size: 16px;
    color: black;
    text-decoration: none;
    z-index: 1;
    transition: color 0.3s;
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.221);
}

/* ::after pozadí pro hover efekt */
.prihlaseni_google_log_cont::after {
    content: "";
    position: absolute;
    top: 0; left: 0px;
    width: 100%;
    height: 100%;
    border-radius: 9px;
    transform-origin: center center;
    transition: transform 0.3s ease, background-color 0.2s ease;
    z-index: -1;
    pointer-events: none;
    transition-duration: .3s;
    background-color: #f2f2f2;
}

/* Hover efekt */
.prihlaseni_google_log_cont:hover::after {
    transform: scale(1.03);
    background-color: #137367;
    transition-duration: .3s;
}

.prihlaseni_google_log_cont.registrace_odpocet_kodu:hover::after {
    transform: none;
    background-color: transparent;
}

.prihlaseni_google_log_cont:hover{
    color: white;
    transition-duration: 0.3s;
}

.prihlaseni_google_log_cont.registrace_odpocet_kodu:hover{
    color: black;
}

#prihlaseni a, #registrace a{
    text-decoration: none;
}

.prihlaseni_google_log_cont img{
    position: absolute;
    left: 20px;
    width: 20px;
}

/*_____*/

.prihlaseni_google_log_cont_new {
    position: relative;
    width: 100%;
    height: 46px;
    background-color: white;
    border-radius: 15px;
    border: 0px solid black;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-family: RaleExbold;
    cursor: pointer;
    font-size: 16px;
    color: black;
    text-decoration: none;
    z-index: 1;
    transition: color 0.3s;
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.221);
}

/* ::after pozadí pro hover efekt */
.prihlaseni_google_log_cont_new::after {
    content: "";
    position: absolute;
    top: 0; left: 0px;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    transform-origin: center center;
    transition: transform 0.3s ease, background-color 0.2s ease;
    z-index: -1;
    pointer-events: none;
    transition-duration: .3s;
    background-color: white;
}

/* Hover efekt */
.prihlaseni_google_log_cont_new:hover::after {
    transform: scale(1.03);
    background-color: #137367;
    transition-duration: .3s;
}

.prihlaseni_google_log_cont_new.registrace_odpocet_kodu:hover::after {
    transform: none;
    background-color: transparent;
}

.prihlaseni_google_log_cont_new:hover{
    color: white;
    transition-duration: 0.3s;
}

.prihlaseni_google_log_cont_new.registrace_odpocet_kodu:hover{
    color: black;
}

.prihlaseni_google_log_cont_new_bile{
    color: black !important;
}

.prihlaseni_google_log_cont_new_bile::after{
    background-color: white !important;
}

.prihlaseni_zapomenute_heslo_new{
    text-align: end;
    width: 100%;
    color: #ff761a;
    margin-top: 10px;
    cursor: pointer;
    transition-duration: .3s;
}

.prihlaseni_zapomenute_heslo_new:hover{
    transition-duration: .3s;
    color: #137367;
}

.prihlaseni_nebo_pomoci_text_line{
    width: 15px;
    border-top: 1px solid black;
}

.prihlaseni_apple_log_cont{
    background-color: black;
    color: white;
    margin-top: 18px;
    box-shadow: none;
}

.prihlaseni_apple_log_cont:after{
    background-color: black;
}

.prihlaseni_log_container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.prihlaseni_login_main_cont{
    background-color: #ff761a;
    color: white;
    margin-top: 15px;
    box-shadow: none;
    transition-duration: .3s;
}

.prihlaseni_login_main_cont:after{
    background-color: #ff761a;
}

.prihlaseni_login_main_cont:hover{
    transition-duration: .3s;
}

.prihlaseni_login_main_cont_new{
    background-color: transparent;
    color: white;
    margin-top: 15px;
    box-shadow: none;
    transition-duration: .3s;
}

.prihlaseni_login_main_cont_new:after{
    background-color: #ff761a;
}

.prihlaseni_login_main_cont_new:hover{
    transition-duration: .3s;
}

.prihlaseni_login_second_cont{
    background-color: #dfdfdf;
    color: black;
    margin-top: 15px;
    box-shadow: none;
    transition-duration: .3s;
}

.prihlaseni_login_second_cont:hover{
    transition-duration: .3s;
}

.prihlaseni_login_second_cont_zap_hes{
    background-color: transparent;
    color: black;
    font-family: RaleNormal;
    margin-top: 15px;
    box-shadow: none;
    transition-duration: .3s;
}

.prihlaseni_login_second_cont_zap_hes:hover{
    color: white;
    transition-duration: .3s;
}

.prihlaseni_nebo_pomoci_text{
    width: 100%;
    font-family: RaleNormal;
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.prihlaseni_input{
    width: 320px;
    border-radius: 9px;
    border: 1px solid rgb(235, 235, 235);
    font-family: RaleNormal;
    font-size: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

.prihlaseni_input:focus{
    outline: none;
    text-overflow: ellipsis;
}

.prihlaseni_input_new{
    width: 100%;
    border-radius: 12px;
    border: 1px solid rgb(235, 235, 235);
    font-family: RaleNormal;
    font-size: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
}

.prihlaseni_input_new:focus{
    outline: none;
    text-overflow: ellipsis;
}

.prihlasit_se_nove_cont{
    display: flex;
    flex-direction: row;
    position:relative;
}

.prihlasit_se_nove_l{
    width: 50%;
    padding-left: 70px;
    padding-right: 70px;
}

.prihlaseni_log_container_new_jine{
    display: flex;
    flex-direction: row;
    gap: 20px;

    margin-top: 50px;
}

.prihlaseni_google_new{
    width: 55px;
    height: 55px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    border: 1px solid rgb(235, 235, 235);
    transition-duration: .3s;
}

.prihlaseni_google_new:hover{
    background-color: rgb(235, 235, 235);
    transition-duration: .3s;
}

.prihlaseni_google_new img{
    width: 25px;
}

.prihlaseni_log_container_new_nebo{
    margin-top: 20px;
    margin-bottom: 20px;
    font-family: RaleNormal;
    font-size: 16px;
}

.prihlasit_se_nove_r{
    width: 50%;
    padding-left: 70px;
    padding-right: 70px;
    display: flex;
    flex-direction: column;
    padding-top: 59px;
}

.prihlasit_se_nove_r_reg{
    padding-top: 10px !important;
}

.prihlasit_se_nove_r_reg .prihlasit_se_nove_r_seznam{
    margin-bottom: 19px;
}

.prihlasit_se_nove_r_seznam{
    width: 100%;
    font-family: RaleNormal;
    font-size: 16px;
    color: white;
    margin-bottom: 33px;
    margin-top: -15px;
}

.prihlasit_se_nove_r_seznam p{
    margin-bottom: 5px;
}

.obnova_hesla_input{
    width: 320px;
    border-radius: 9px;
    border: 1px solid rgb(235, 235, 235);
    font-family: RaleNormal;
    font-size: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.obnova_hesla_button{
    width: 320px;
    border: 0px solid black;
    border-radius: 9px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    background-color: #ff761a;
    color: white;
    font-family: RaleNormal;
}

.obnova_hesla_input:focus {
    outline: none;
    text-overflow: ellipsis;
}

.zapomen_heslo{
    text-align: center;
    font-family: RaleNormal;
    color: black;
    margin-top: 20px;
}

.zapomen_heslo span{
    cursor: pointer;
    transition-duration: .3s;
}

.zapomen_heslo span:hover{
    color: #ff761a;
    transition-duration: .3s;
}

.registrace_kod_popis{
    font-family: RaleNormal;
    font-size: 16px;
    margin-bottom: 10px;
    width: 320px;
    text-align: center;
    margin-left: 50%;
    transform: translateX(-50%);
}

.registrace_kod_popis_prekroceno{
    font-family: RaleNormal;
    font-size: 16px;
    margin-bottom: 10px;
    width: 90%;
    text-align: center;
    margin-left: 50%;
    transform: translateX(-50%);
}

.registrace_kod_verification_code_cont{
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.registrace_kod_verification_code{
    height: 50px;
    width: 40px;
    text-align: center;
    font-size: 25px;
    border: none;
    border: 1px solid #dfdfdf;
    padding: 0px;
    border-radius: 9px;
    font-family: RaleNormal;
}

.registrace_kod_verification_code:focus {
    outline: none;
    text-overflow: ellipsis;
}

.registrace_kod_verification_code::placeholder {
    color: #ccc; /* světle šedá, můžeš změnit na co chceš */
    opacity: 1; /* důležité pro některé prohlížeče */
}

.registrace_udaje_vse_form{
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    margin-bottom: 30px;
    align-items: center;
}

.registrace_udaje_vse_form_oddil{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.registrace_udaje_vse_form_oddil input{
    width: 320px;
    border-radius: 9px;
    border: 1px solid rgb(235, 235, 235);
    font-family: RaleNormal;
    font-size: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

.registrace_udaje_vse_form_oddil input:focus {
    outline: none;
}

.registrace_udaje_vse_form_oddil p{
    margin: 0px;
    margin-bottom: 5px;
    font-family: RaleExBold;
    font-size: 15px;
}

.registrace_udaje_vse_form_oddil p span{
    font-family: RaleNormal;
}

.registrace_hotovo_icon{
    width: 100px;
    margin-left: 50%;
    transform: translateX(-50%);
    margin-bottom: 35px;
}



/* POLEDNÍ MENU */

.vypis_jidel_pol_menu_nadpis_jidel{
    color: #137367;
    font-family: RaleBold;
    font-size: 20px;
    margin-bottom: 0px;
}

.vypis_jidel_pol_menu_nadpis_jidel_h2{
    font-family: RaleNormal !important;
    font-size: 16px !important;
    margin-bottom: 0px;
}

.poledni_menu_main_title{
    font-size: 20px;
    font-family: RaleExBold;
    color: #ff761a;
    margin-top: 0px !important;
}

.poledni_menu_main_title_cont{
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.poledni_menu_main_title_item{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.poledni_menu_main_title_back{
    background-color: rgb(236, 236, 236);
    border: none;
    border-radius: 9px;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
    font-family: RaleNormal;
}

.poledni_menu_main_title_back:hover{
    background-color: rgb(220, 220, 220);
    transition-duration: .3s;
}

.poledni_menu_rest_main_title{
    font-size: 35px;
    font-family: RaleExBold;
    color: black;
}

.poledni_menu_rest_main_title img{
    height: 20px;
    margin-top: -2px;
}

.poledni_menu_rest_main_title_pol_menu{
    font-size: 15px;
    font-family: RaleNormal;
    margin-top: -3px;
}

.poledni_menu_second_title{
    font-size: 15px;
    font-family: RaleNormal;
    color: black;
    margin-top: -2px;
}

.poledni_menu_second_title_rest{
    font-size: 18px;
    font-family: RaleExBold;
    text-align: center;
    color: #ff761a;
    margin-top: -2px;
}

.poledni_menu_seznam_rest_cont a{
    color: black;
    text-decoration: none !important;
}

.poledni_menu_rest_category{
    width: fit-content;
    text-decoration: none;
    color: #000000;
    text-align: center;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #f2f2f2;
    border-radius: 1000px;
    height: 33px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition-duration: .3s;
    font-size: 16px;
    font-family: RaleNormal;
    margin-top: 20px;
    margin-bottom: 15px;
}

.poledni_menu_rest_category a{
    color: #ff761a;
    transition-duration: .3s;
}

.poledni_menu_rest_category a:hover{
    color: black;
    transition-duration: .3s;
}

.poledni_menu_stin_cont{
    display: inline-block;
    /*box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 8px 0px, rgba(0, 0, 0, 0.12) 0px 1px 2px 0px, rgba(0, 0, 0, 0.12) 0px 0px 1px 0px;*/
    width: 100%;
    padding-top: 15px;
    padding-bottom: 50px;
    position: relative;
    border-bottom: 1px solid black;
}

.poledni_menu_stin_cont_nove{
    display: inline-block;
    width: 100vw;
    padding-top: 50px;
    padding-bottom: 20px;
}

.poledni_menu_stin_cont_v2{
    display: inline-block;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 8px 0px, rgba(0, 0, 0, 0.12) 0px 1px 2px 0px, rgba(0, 0, 0, 0.12) 0px 0px 1px 0px;
    width: 100vw;
    padding-top: 15px;
    padding-bottom: 15px;
    position: fixed;
    background-color: white;
    z-index: 99;
}

.poledni_menu_stin_cont_v3{
    display: inline-block;
    box-shadow: -1px 5px 8px -5px rgba(0, 0, 0, 0.27) inset, rgba(0, 0, 0, 0.12) 0px 1px 2px 0px, rgba(0, 0, 0, 0.12) 0px 0px 1px 0px;
    width: 100vw;
    padding-top: 15px;
    background-color: white;
}

.poledni_menu_stin_cont_v4{
    display: inline-block;
    box-shadow: -1px 5px 8px -5px rgba(0, 0, 0, 0.27), rgba(0, 0, 0, 0.12) 0px 1px 2px 0px, rgba(0, 0, 0, 0.12) 0px 0px 1px 0px;
    width: 100vw;
    padding-top: 15px;
    background-color: white;
}

.pol_menu_mesto_cont{
    display: flex;
    flex-direction: column;

}

.poledni_menu_nabidka_container_zadnerest{
    display: none;
    margin-top: 100px;
}

#lottie_error_404_pm{
    width: 400px;
    height: 400px;
}


.poledni_menu_seznam_rest_cont{
    margin-top: 10px;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; 
    justify-content: flex-start;
    gap: 10px;
}

.poledni_menu_seznam_rest_item{
    border-radius: 1000px;
    border: 1px solid transparent;
    background-color: #f1f1f1;
    color: black;
    display: inline-block;
    min-width: 2px;
    padding-top: 7px;
    padding-bottom: 6px;
    padding-left: 30px;
    padding-right: 30px;
    color: rgb(0, 0, 0);
    font-family: RaleNormal;
    font-size: 15px;
    text-align: center;
    white-space: nowrap;
    margin-right: 0px;
    flex-shrink: 0;
    cursor: pointer;
    transition-duration: .3s;
}

.poledni_menu_seznam_rest_item a{
    text-decoration: none;
    color: black;

    transition-duration: 0.3s;
}

.poledni_menu_seznam_rest_item:hover{
    text-decoration: none;
    cursor: pointer;
    border: 1px solid transparent;
    background-color: #ff761a;
    color: white;

    transition-duration: 0.3s;
}

.poledni_menu_seznam_rest_item:hover a{
    color: white;
}



/* REKAPITULACE */

.info_doruceni_rekapitulace_cont{
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    font-size: 14px;
    font-family: RaleNormal;
}

.info_doruceni_rekapitulace_info{
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content:space-between;
}

.info_doruceni_rekapitulace_info_line{
    display: flex;
    width: 100%;
    border-bottom: 2px solid #f2f2f2;
    margin-top: 20px;
    margin-bottom: 20px;
}

.info_doruceni_rekapitulace_info_main_name{
    color: black;
}

.info_doruceni_rekapitulace_info_second_name{
    color: #b2b2b2;
}

.info_doruceni_rekapitulace_info_main_cena{
    color: black;
    white-space: nowrap;
    font-family: RaleExBold;
}

.info_doruceni_rekapitulace_info_second_cena{
    color: black;
    white-space: nowrap;
}

.info_doruceni_rekapitulace_info_second_informace{
    color: black;
    text-align: right;
}

.poledni_menu_nabidka_hledani_margin{
    height: 0px;
}



/* OTEVŘENÉ NASTAVENÍ UŽIVATELE */

.otevreny_uzivatel_horni_panel_cont{
    background-color: #f2f2f2;
    height: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: fixed;
    width:100%;
    z-index:1000;
}

.uzivatel_mezera_topmenu{
    height: 50px;
}

.otevreny_uzivatel_horni_panel{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.otevreny_uzivatel_horni_panel span{
    font-family: RaleNormal;
    cursor: pointer;
    color: #898989;

    transition-duration: 0.3s;
}

.otevreny_uzivatel_horni_panel span:hover{
    font-family: RaleNormal;
    color: #ff761a;

    transition-duration: 0.3s;
}

.uzivatel_mezera_big{
    height: 35px;
}

.uzivatel_mezera_small{
    height: 20px;
}

.uzivatel_mezera_small_footer{
    height: 10px;
}

.uzivatel_mezera_cara{
    width: 100%;
    border-top: 1px solid rgb(217, 217, 217);
}

.datum_registrace{
    font-family: RaleExBold;
    color: #ff761a;
}

.datum_registrace_btn{
    font-family: RaleNormal !important;
    transition-duration: .3s;
}

.datum_registrace_btn:hover{
    font-family: RaleNormal !important;
    transition-duration: .3s;
    color: #ffb888;
    cursor: pointer;
}

.uzivatel_title_h1{
    font-size: 25px;
    font-family: RaleExBold;
    line-height: 1.15;
}

.uzivatel_zakladni_informace_cont{
    display: flex;
    flex-direction: column;
}

.uzivatel_zakladni_informace{
    font-family: RaleNormal;
}

.uzivatel_zakladni_informace_b{
    font-family: RaleExBold;
}
.uzivatel_zakladni_informace_zmenit, .uzivatel_obl_addr_zmenit, .uzivatel_zakladni_informace_zmenit_h{
    color: #a3a3a3;
    font-family: RaleNormal;
    cursor:pointer;
    transition-duration: .3s;
}

.uzivatel_zakladni_informace_zmenit:hover, .uzivatel_obl_addr_zmenit:hover, .uzivatel_zakladni_informace_zmenit_h:hover {
    transition-duration: .3s;
    color: #dc600f;
}

.oranz_cara{
    width: 100%;
    border-bottom: 1px solid #ff761a;
}

.oblibene_restaurace_cont{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-top: -50px;
    flex-wrap: wrap;
}

.uzivatel_filtr_horka_linka{
    height: 32px;
    width: 250px;
    border: 1px solid rgb(235,235,235);
    border-radius: 4px;
    padding: 2px;
    margin-right: 10px;
    font-size: 16px;
    background-color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    color: #1b1b1b;
    text-align: left;
    font-family: RaleNormal;
}

.uzivatel_filtr_horka_linka:focus {
    outline: none;
}

.uzivatel_filtr_horka_linka_odpoved_cont{
    display: flex;
    flex-direction: row;
    gap: 10px;
    padding-left: 0px;
}

.uzivatel_filtr_horka_linka_odpoved_cont span{
    font-family: RaleNormal;
    color: #000000;
    cursor: pointer;
    padding: 8px;
    background-color: rgb(227, 227, 227);
    border-radius: 4px;
    padding-top: 5px;
    padding-bottom: 5px;
    color:  #9c9c9c;

    transition-duration: 0.3s;
}

.uzivatel_filtr_horka_linka_odpoved_cont span:hover{
    color: black;

    transition-duration: 0.3s;
}

.uzivatel_filtr_horka_linka_odpoved_cont .bila_odpoved{
    color:#b6b6b6;
    background-color: black;
}

.uzivatel_filtr_horka_linka_odpoved_cont .bila_odpoved:hover{
    color: white !important;
}

.uzivatel_novinky_title{
    font-family: RaleNormal;
    margin-top: 8px;
}

.n_checkbox_container {
    display: flex;
    align-items: center;
    gap: 10px;
}
.n_checkbox_switch {
    position: relative;
    display: inline-block;
    width: 42px;
    height: 24px;
}
.n_checkbox_switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.n_checkbox_slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 42px;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 34px;
}
.n_checkbox_slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: 0.4s;
    border-radius: 50%;
}
.n_checkbox_switch input:checked + .n_checkbox_slider {
    background-color: #4CAF50;
}
.n_checkbox_switch input:focus + .n_checkbox_slider {
    box-shadow: 0 0 1px #4CAF50;
}
.n_checkbox_switch input:checked + .n_checkbox_slider:before {
    transform: translateX(18px);
}
.n_checkbox_label {
    font-family: RaleNormal, sans-serif;
    cursor: pointer;
}

/* Cart-only: smaller consent text in checkout (GDPR/VOP) */
#info_doruceni_rekapitulace .n_checkbox_label {
    font-size: 14px;
}

#registrace_udaje_vse .n_checkbox_label{
    font-size: 14px;
}

.n_checkbox_slider.n_checkbox_error {
    background-color: #DA3141 !important;
}

.registrace_odskrtavatka_cont{
    width: fit-content;
}

.uzivatel_novinky_newsletter_cont{
    display: flex;
    flex-direction: row;
    margin-top: -9px;
}

.uzivatel_novinky_newsletter_cont_reg{
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 20px;
}

.uzivatel_novinky_newsletter_cont_nereg{
    display: flex;
    flex-direction: row;
    margin-top: 0px;
}

.uzivatel_novinky_newsletter_checkbox_cont{
    margin-right: 10px;
}

.uzivatel_reg_novinky_newsletter_checkbox_cont{
    margin-right: 10px;
}

.uzivatel_nereg_novinky_newsletter_checkbox_cont{
    margin-right: 10px;
}

/* Skryjeme původní checkbox */
.uzivatel_novinky_newsletter_input {
    display: none;
}

/* Skryjeme původní checkbox */
.uzivatel_novinky_newsletter_input_reg {
    display: none;
}

/* Skryjeme původní checkbox */
.uzivatel_novinky_newsletter_input_nereg {
    display: none;
}

/* Nastavíme vzhled pro náš vlastní checkbox */
.uzivatel_novinky_newsletter_checkbox {
    position: relative;
    height: 20px;
    width: 20px;
    background-color: #f7f7f7;
    border: 1px solid #8f8f8f;
    margin-top: 50%;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: -1px;
}

/* Nastavíme vzhled pro náš vlastní checkbox */
.uzivatel_novinky_newsletter_checkbox_reg {
    position: relative;
    height: 20px;
    width: 20px;
    background-color: #f7f7f7;
    border: 1px solid #8f8f8f;
    margin-top: 50%;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: -1px;
}

/* Nastavíme vzhled pro náš vlastní checkbox */
.uzivatel_novinky_newsletter_checkbox_nereg {
    position: relative;
    height: 20px;
    width: 20px;
    background-color: #f7f7f7;
    border: 1px solid #8f8f8f;
    margin-top: 50%;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: -1px;
}

/* Definujeme vzhled pro zaškrtnutý checkbox */
.uzivatel_novinky_newsletter_input:checked + .uzivatel_novinky_newsletter_checkbox {
    background-color: #ff761a !important;
    border-color: #ff761a !important;
}

/* Přidáme "zaškrtávací" znak do našeho vlastního checkboxu */
.uzivatel_novinky_newsletter_input:checked + .uzivatel_novinky_newsletter_checkbox:after {
    content: "";
    position: absolute;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid transparent;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Definujeme vzhled pro zaškrtnutý checkbox */
.uzivatel_novinky_newsletter_input_reg:checked + .uzivatel_novinky_newsletter_checkbox_reg {
    background-color: #ff761a !important;
    border-color: #ff761a !important;
}

/* Přidáme "zaškrtávací" znak do našeho vlastního checkboxu */
.uzivatel_novinky_newsletter_input_reg:checked + .uzivatel_novinky_newsletter_checkbox_reg:after {
    content: "";
    position: absolute;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid transparent;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Definujeme vzhled pro zaškrtnutý checkbox */
.uzivatel_novinky_newsletter_input_nereg:checked + .uzivatel_novinky_newsletter_checkbox_nereg {
    background-color: #ff761a !important;
    border-color: #ff761a !important;
}

/* Přidáme "zaškrtávací" znak do našeho vlastního checkboxu */
.uzivatel_novinky_newsletter_input_nereg:checked + .uzivatel_novinky_newsletter_checkbox_nereg:after {
    content: "";
    position: absolute;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid transparent;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.uzivatel_smazat_ucet{
    font-size: 16px;
    font-family: RaleNormal;
    line-height: 1.15;
    cursor: pointer;
    transition-duration: .3s;
    color: black;
}

.uzivatel_smazat_ucet:hover{
    color: #dc600f;
    transition-duration: .3s;
}

.historie_objednavek_cont{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: -60px;
}

.historie_objednavek_jmeno{
    color: #ff761a !important;
    cursor: default !important;
}

.historie_objednavek_akce{
    color: black !important;
    cursor: default !important;
}

.historie_objednavek_akce:hover{
    color: black !important;
    cursor: default !important;
}

.historie_objednavek_detail_cont{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    text-align: center;
    margin-top: 0px;
}

.historie_objednavek_detail_cont a{
    font-family: RaleNormal;
    color: #979797;
    font-size: 16px;
    margin-top: 5px;
    cursor: pointer;
    text-decoration: none;
    transition-duration: .3s;
}

.historie_objednavek_detail_cont a:hover{
    color: #7d7d7d;
    transition-duration: .3s;
}

.historie_objednavek_detail_cont button{
    color: white;
    font-family: RaleNormal;
    font-size: 16px;
    border: 0px solid black;
    border-radius: 4px;
    background-color: #d1d1d1;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
    transition-duration: .3s;
}

.historie_objednavek_detail_cont button:hover{
    background-color: #b6b6b6;
    transition-duration: .3s;
}

.hist_obj_stav_info{
    font-family: RaleNormal;
    color: #32ce53;

    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
}

.hist_obj_stav_info_ball{
    background-color: #32ce53;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    transform: translateY(2px);
}

.hist_obj_stav_info_c{
    color: #ff002b !important;
}

.hist_obj_stav_info_ball_c{
    background-color: #ff002b !important;
}

.uzivatel_ulozena_adresa{
    font-family: RaleNormal;
}

.uzivatel_ulozena_adresa_jmeno{
    font-family: RaleExBold !important;
    color: #ff761a;
}

.ulozene_adresy_new_cont{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 30px;
}

.ulozene_adresy_new_item{
    line-height: 120%;
    border: 1px solid rgb(235, 235, 235);
    width: 48%;
    border-radius: 15px;
    padding: 30px;
    position: relative;
    font-family: RaleNormal;
    font-size: 16px;
}

.pridat_adresu_btn{
    padding: 2px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #ff761a;
    color: white;
    border: 0px solid black !important;
    border-radius: 1000px;
    font-family: RaleNormal;
    margin-left: 50%;
    transform: translateX(-50%);
}

.uzivatel_kredity_main_info_cont{
    display: flex;
    flex-wrap: wrap;
}

.uzivatel_kredity_main_info_l{
    flex: 1;
    min-width: 50%;
}

.uzivatel_kredity_main_info_r{
    flex: 1;
    min-width: 50%;
    text-align: right;
}

.uzivatel_zadani_kodu_cont{
    display: flex;
    flex-direction: row;
    margin-top: 5px;
}

.uzivatel_zadani_kodu_cont input{
    border: 1px solid rgb(235, 235, 235);
    border-radius: 9px;
    padding: 4px;
    padding-left: 12px;
    font-family: RaleNormal;
}

.uzivatel_zadani_kodu_cont input:focus {
    outline: none;
}

.uzivatel_zadani_kodu_cont button{
    background-color: #ff761a;
    color: white;
    border-radius: 9px;
    border: 0px solid black;
    font-family: RaleNormal;
    padding: 5px;
    padding-left: 22px;
    padding-right: 22px;
    margin-left: 20px;
}

.uzivatel_kredity_main_info_r a{
    color: #ff761a !important;
    text-decoration: underline;
}

.uzivatel_kruh_cont{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    margin-top: 65px;
}

.uzivatel_kruh_or{
    width: 90px;
    height: 90px;
    border-radius: 100%;
    background-color: #ff761a;
    position: absolute;
}

.uzivatel_kruh_wh{
    display: flex;
    text-align: center;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 84px;
    height: 84px;
    margin-right: 3px;
    margin-top: 0px;
    border-radius: 100%;
    background-color: white;
    position: absolute;
    font-family: RaleExBold;
    font-size: 20px;
    color: #ff761a;
}

.uzivatel_cashback_cont{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}

.uzivatel_cashback_item{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 19.5%;
    margin-top: 20px;
}

.uzivatel_cashback_item_jmeno{
    width: 100%;
    color: #ff761a;
    font-family: RaleNormal;
    text-align: center;
    margin-bottom: 10px;
}

.uzivatel_kruh_main_cont{
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.uzivatel_kruh_main_cont .uzivatel_kruh_wh{
    margin-right: 0px;
    margin-top: 3px;
}

.uzivatel_mezera_kruh{
    height: 100px;
}

.uzivatel_navod_kreditu_cont{
    background-color: #f2f2f2;
    width: 100%;
    height: 500px;
}

.uzivatel_novinky_title_bold{
    font-family: RaleExBold !important;
}

.uzivatel_doprava_zdarma_cont{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    gap: 10%;
}

.uzivatel_doprava_zdarma_item{
    width: 40%;
    display: flex;
    flex-direction: column;
    margin-top: 50px;
}

.uzivatel_doprava_zdarma_item_ball{
    width: 45px;
    height: 45px;
    border-radius: 100%;
    background-color: #e2e2e2;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    font-size: 16px;
    font-family: RaleNormal;
}

.uzivatel_doprava_zdarma_item_ball_filled{
    background-color: #ff761a !important;
}


.uzivatel_doprava_zdarma_item_title{
    font-family: RaleExBold;
    color: #ff761a;
    font-size: 25px;
}

.uzivatel_doprava_zdarma_item_text{
    font-family: RaleNormal;
    margin-top: 5px;
}

.uzivatel_doprava_zdarma_item_percent_cont{
    display: flex;
    flex-direction: row;
    margin-top: 5px;
    gap: 10px;
    flex-wrap: wrap;
}

.uzivatel_doprava_zdarma_item_percent_co{
    width: 200px;
    height: 35px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    border-radius: 1000px;
    font-family: RaleExBold;
    overflow: hidden;
    position: relative;
}

.uzivatel_doprava_zdarma_item_percent{
    width: 100px;
    height: 35px;
    background-color: #ff761a;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
}

.uzivatel_doprava_zdarma_item_percent_less{
    background-color: #e2e2e2;
    height: 35px;
    width: 100px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
}

.uzivatel_doprava_zdarma_item_percent_final{
    width: 45px;
    height: 45px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    border-radius: 1000px;
    font-family: RaleExBold;
    position: relative;
}

.uzivatel_doprava_zdarma_item_percent_final::after {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffe276 !important;
    border-radius: 1000px;
    z-index: -1; /* ať je pod textem */
    transform: scale(1);
    animation: pulse_more .8s infinite ease-in-out;
    pointer-events: none; /* aby nebránilo kliknutí */
}

.uzivatel_doprava_zdarma_item_percent_final img{
    width: 28px;
    transform: translateY(-1px);
}

.uzivatel_topmenu_hamburger_btn{
    background-color: #ffffff;
    width: 45px;
    height: 45px;
    margin-right: 30px;
    margin-bottom: 90px;
    border-radius: 1000px;
    position: fixed;
    right: 0px;
    cursor: pointer;
    z-index: 200;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
    display: none;
    bottom: 0px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.22);

    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.uzivatel_topmenu_hamburger_btn img{
    width: 40px;
}

.uzivatel_topmenu_hamburger_menu{
    position: fixed;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 20px;
    color: black;
    font-family: RaleNormal;
    background-color: #ffffff;
    padding-top: 40px;
    padding-left: 30px;
    right: -300px;
    z-index: 100;
    padding-right: 80px;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
    pointer-events: none;
    opacity: 0;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.22);
}

.uzivatel_topmenu_hamburger_menu span{
    cursor: pointer;
    transition-duration: .5s;
}

.uzivatel_topmenu_hamburger_menu span:hover{
    text-shadow: rgba(255, 255, 255, 0.748) 0px 0px 8px;
    transition-duration: .5s;
}

.uzivatel_topmenu_hamburger_menu span img{
    width: 20px;
    margin-right: 5px;
    margin-top: -5px;
}

.uzivatel_topmenu_hamburger_menu_cross{
    position: absolute;
    right: 0px;
    margin-right: 20px;
    margin-top: -20px;
    width: 15px;
    cursor: pointer;
}

.hamburger_menu span, .hamburger_menu_logged span{
    transition-duration: .3s;
    padding: 3px;
    padding-left: 20px !important;
    padding-right: 20px !important;
    border-radius: 3px;
}

.hamburger_menu span:hover, .hamburger_menu_logged span:hover{
    background-color: rgb(241, 241, 241);
    transition-duration: .3s;
}

#overit_profil_openmenu{
    color: #ff761a !important;
}



/* OBJEDNÁNO - STRÁNKA PO OBJEDNÁNÍ */

.obj_mezera_small{
    height:40px
}

.obj_mezera_big{
    height:100px
}

.menu_objednavky_cont{
    display: flex;
    flex-direction: row;
    gap: 15px;
    justify-content: flex-start;
    align-items: center;
}

.menu_objednavky_cont a{
    text-decoration: none;
    color: black;
}

.menu_objednavky{
    background-color: #f2f2f2;
    height: 32px;
    border-radius: 1000px;
    padding-left: 30px;
    padding-right: 30px;
    font-family: RaleNormal;
    padding-top: 4px;
    white-space: nowrap;
    cursor: pointer;
    transition-duration: .5s;
}

.menu_objednavky:hover{
    transition-duration: .5s;
    background-color: #ff761a !important;
    color: white;
}

.objednavka_hodnoceni {
    position: relative;
    color: white !important;
    border: 0px solid transparent !important;
    transition-duration: .3s;
    z-index: 1;
}

.objednavka_hodnoceni::after {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background-color: #137367 !important;
    border-radius: 9px;
    z-index: -1; /* ať je pod textem */
    transform: scale(1);
    animation: pulse .8s infinite ease-in-out;
    pointer-events: none; /* aby nebránilo kliknutí */
}

@keyframes pulse {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.03); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}

@keyframes pulse_more {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.06); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}

.objednavka_hodnoceni:hover.objednavka_hodnoceni::after {
    background-color: #ff761a !important;
    transition-duration: .3s;
}

.objednavka_hodnoceni img{
    margin-top: -5px !important;
}

.hodnoceni_title_img_cont{
    border: 0px solid #ff761a;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
    margin-left: 50%;
    transform: translateX(-50%);
    margin-bottom: 20px;

    background-size: cover;
    background-position: center;
}

.hodnoceni_title_img_cont_both{
    border: 0px solid #ff761a;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
    margin-bottom: 20px;

    background-size: cover;
    background-position: center;
}

.hodnoceni_title_img_cont_container{
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    gap: 20px;
}

.stav_objednavky_cont_main{
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.stav_objednavky_cont_main_mob{
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.stav_objednavky_text_cont_n{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 25px;
}

.stav_objednavky_text_mezikrok_n img{
    transform: rotateZ(90deg) translateY(50%);
    width: 10px;
    margin-left: 28px;
}

.stav_objednavky_text_n{
    display: flex;
    flex-direction: column;
}

.stav_objednavky_pic_n{
    width: 50px;
    height: 50px;
    background-color: #ffeee3;
    border-radius: 1000px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.stav_objednavky_pic_n img{
    width: 25px;
}

.stav_objednavky_text_n .stav_objednavky_nadpis{
    margin-bottom: 0px;

    color: #E5E5E5;
}

.stav_objednavky_text_n .stav_objednavky_text{
    color: #E5E5E5;
}

.stav_objednavky_text_cont_main{
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
    transition-duration: .3s;
}

.stav_objednavky_text_cont_hodnoceni{
    opacity: 0;
    position: absolute;
    pointer-events: none;

    transform: translateY(-10px);
    border: 1px solid #137367 !important;
    background-color: #f6fbf6 !important;
    cursor: pointer !important;

    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

    padding: 20px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;

}

.stav_objednavky_text_cont_hodnoceni .stav_objednavky_nadpis{
    font-family: RaleNormal !important;
    color: #137367 !important;
    width: fit-content;
}

.stav_objednavky_text_cont_hodnoceni img{
    width: 23px;
}

.stav_objednavky_text_cont_active{
    background-color: #f2f2f2 !important;
    padding: 25px !important;
    padding-left: 35px !important;
    padding-right: 35px !important;
    margin-bottom: 15px;
    margin-top: 5px;
    transition-duration: .3s;
    margin-left: -35px;
    border-radius: 9px;
}

.stav_objednavky_text_cont_active_n .stav_objednavky_text_n .stav_objednavky_nadpis{
    color: black !important;
}

.stav_objednavky_text_cont_active_n .stav_objednavky_text_n .stav_objednavky_text{
    color: black !important;
}

.stav_objednavky_text_cont_active_n .stav_objednavky_pic_n{
    background-color: #D7FFDF;
}

.stav_objednavky_text_cont_storno .stav_objednavky_pic_n{
    background-color: #ffebeb;
}

.stav_objednavky_text_cont{
    background-color: transparent;
    transition-duration: .3s;
}

.stav_objednavky_text_cont h1{
    color: #cdcdcd;
    transition-duration: .3s;
}

.stav_objednavky_text_cont_active h1{
    color: black !important;
    margin-bottom: 15px !important;
    font-size: 22px;
    transition-duration: .3s;
}

.stav_objednavky_text_cont p{
    display: none;
    transition-duration: .3s;
}

.stav_objednavky_text_cont_active p{
    display: block !important;
    transition-duration: .3s;
}

.stav_objednavky_telcisla_cont{
    display: flex;
    justify-content: row;
    gap: 10px;
    margin-top: 70px;
    flex-wrap: wrap;
}

.stav_objednavky_telcisla_cont button{
    border: 1px solid black;
    border-radius: 4px;
    background-color: transparent;
    font-size: 16px;
    font-family: RaleNormal;
    color: black;
    padding:7px;
    padding-left:15px;
    padding-right:15px;
    transition-duration: .3s;
}

.stav_objednavky_telcisla_cont button:hover{
    background-color: #f2f2f2;
    transition-duration: .3s;
}

.stav_objednavky_telcisla_cont img{
    height: 22px;
    margin-top: -2px;
    margin-right: 3px;
}

.stav_objednavky_cont{
    flex: 1;
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: center;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
    margin-bottom: 10px;
    transition-duration: .3s;
}

.stav_objednavky{
    width: 100px;
    transition: all 0.5s ease-in-out;
    position: relative;
    transition-duration: .3s;
}

.stav_objednavky_blur{
    width: 120px;
    height: 130px;
    margin-top: -15px;
    margin-left: -10px;
    background: rgba(255, 255, 255, 0);
    backdrop-filter: blur(8.5px);
    -webkit-backdrop-filter: blur(8.5px);
    position: absolute;
    transition: opacity 0.5s ease-in-out;
}

.stav_objednavky_nadpis{
    color: #ff761a;
    font-family:RaleExBold;
    font-size: 16px;
}

.stav_objednavky_text{
    font-family: RaleNormal;
    font-size: 16px;
    color: black;
    margin-bottom: 0px;
    line-height: 130%;
}

.objednavka_hra_cont{
    width: 100%;
    background-color: rgba(241, 255, 251, 1)
}

.objednavka_hra_nadpis{
    color: #137367;
    font-size: 22px;
    font-family: RaleExBold;
    text-align: center;
}

.objednavka_hra_main{
    width: 200px;
    margin-left: 50%;
    transform: translateX(-50%);
}

.objednavka_hra_main .pexesowrapper{
    box-shadow: none;
    background-color: rgba(241, 255, 251, 1)
}



/* HODNOCENÍ */

.hodnoceni_ikony_cont{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 60%;
    margin-left: 20%;
    gap: 30px;
}

.hodnoceni_ikony{
    width: 100px;
    cursor: pointer;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.hodnoceni_ikony img{
    width: 100%;
    height: auto;
    z-index:-1;
    transition-duration: .3s;
}

.hodnoceni_ikony:hover img {
    /* CSS pravidla pro změnu, například: */
    transform: scale(1.1); /* Zvětšení obrázku */
    opacity: 0.8; /* Změna průhlednosti */
    transition-duration: .3s;
}

.recenze_popis{
    font-family: RaleNormal;
    font-size: 16px;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
}

.aktivni_dale_hodnoceni{
    background-color: #ff761a;
}

/* Aktivní (kliknuté) hodnocení */
.aktivni-hodnoceni {
    transform: scale(1.1);
    opacity: 0.8;
}

.hodnoceni_textarea{
    margin-left: 50%;
    transform: translateX(-50%);
    background-color: white;
    border: 1px solid rgb(238, 238, 238);
    border-radius: 7px 7px 0px 7px;
    font-family: RaleNormal;
    height: 60px;
    min-height: 58px;
    width: 400px;
    min-width: 200px;
    color: black;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.hodnoceni_textarea:focus {
    outline: none;
}

.mezera_hodnoceni_big{
    height: 35px;
}

.mezera_hodnoceni_small{
    height: 10px;
}

.info_hodnoceni_label{
    font-size: 16px;
    font-family: RaleExBold;
    text-align:center;
    margin-bottom: -10px;
    z-index:1
}

#hodnoceni2_obj_btn{
    background-color: #ff761a;
}

/* FITRACE */

.filtr_title_h1{
    font-size: 25px;
    color: #000000;
    font-family: RaleExBold;
    margin-bottom: 25px;
}

.filtr_title_h2{
    font-size: 16px;
    font-family: RaleExBold;
    margin-bottom: 2px;
    line-height: 1.1;
}

.filtr_title_h3{
    font-size: 13px;
    font-family: RaleNormal;
    color: #b2b2b2;
    margin-bottom: 11px;
}

.filtr_moznosti_cont{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 10px;
    margin-bottom: 45px;
}

.filtr_moznosti_item,
.filtr_moznosti_item_dalsi {
    position: relative;
    border-radius: 1000px;
    display: inline-block;
    min-width: 2px;
    padding: 4px 14px 3px 14px;
    font-family: RaleNormal;
    font-size: 15px;
    text-align: center;
    white-space: nowrap;
    margin-right: 0px;
    flex-shrink: 0;
    cursor: pointer;
    z-index: 1;
    transition: color 0.3s ease;
}

/* Pozadí přes ::after */
.filtr_moznosti_item::after {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffeee3;
    border-radius: 1000px;
    transform: scale(1);
    transform-origin: center center;
    transition: transform 0.3s ease, background-color 0.3s ease;
    z-index: -1;
    pointer-events: none;
}

.filtr_moznosti_item:hover::after {
    background-color: #ffd3b7;
    transform: scale(1.07);
}

.filtr_moznosti_item {
    color: #ff761a;
}

.filtr_moznosti_item:hover {
    color: #ff761a;
}

.filtr_moznosti_item_hover::after {
    background-color: #ffd3b7;
    transform: scale(1.07);
}

/* Druhá varianta */
.filtr_moznosti_item_dalsi::after {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background-color: #f6fbf6;
    border-radius: 1000px;
    transform: scale(1);
    transform-origin: center center;
    transition: transform 0.3s ease, background-color 0.3s ease;
    z-index: -1;
    pointer-events: none;
}

.filtr_moznosti_item_dalsi:hover::after {
    background-color: #d6e2d6;
    transform: scale(1.07);
}

.filtr_moznosti_item_dalsi {
    color: #336f62;
}

.filtr_moznosti_item_dalsi:hover {
    color: #336f62;
}

.filtr_moznosti_item_dalsi_hover:after {
    background-color: #d6e2d6;
    transform: scale(1.07);
}

.filtrace_input{
    width: 50%;
    height: 32px;
    /*border: 1px solid rgb(235, 235, 235);*/
    border: 0px solid rgb(235, 235, 235);
    border-radius: 9px;
    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 10px;
    font-size: 16px;
    background-color: #f2f2f2;
    color: #1b1b1b;
    text-align: left;
    margin-bottom: 12px;
    font-family: RaleNormal;
    display: block;
}

.filtrace_input:focus {
    outline: none;
}

.filtrace_btn{
    width: 100%;
    border: 0px solid black;
    border-radius: 9px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    background-color: #ff761a;
    color: white;
    font-family: RaleNormal;
    cursor: pointer;
    transition-duration: .3s;
}

.filtrace_btn:hover{
    background-color:#137367;
    transition-duration: .3s;
}

/* ADRESA (vyhledano) POPUP */

.vyhledavac_vyhledano_adresa_popup{
    width: 0px;
    height: 0px;
    position: absolute;
    display: flex;
    flex-direction: column;
    color: black;
    justify-content: space-between;
    background-color: #ffffff;
    font-family: RaleNormal;
    font-size: 16px;
    white-space: nowrap;
    border: 0px solid transparent;
    border-radius: 15px;
    text-align: end;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition-duration: 0.3s;
    top: 33px;
    right: -5px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.vyhledavac_vyhledano_adresa_popup_adresa{
    line-height: 120%;
}

.vyhledavac_vyhledano_adresa_popup_cara{
    height: 0px;
    border-top: .5px solid #e7e7e7;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 250px;
    margin-left: -40px;
}

.vyhledavac_vyhledano_adresa_popup_cara_druha{
    height: 0px;
    border-top: .5px solid #e7e7e7;
}

.vyhledavac_vyhledano_adresa_popup_zmenit_adresu span{
    cursor: pointer;
    transition-duration:.3s;
}

.vyhledavac_vyhledano_adresa_popup_zmenit_adresu span:hover{
    color: #ff761a;
    transition-duration:.3s;
}

.vyhledavac_vyhledano_adresa_popup_zmenit_adresu img{
    width: 15px;
    margin-left: 5px;
}


/* KONTAKTY STRÁNKA */

.kontakty_main_cont{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.kontakty_mesto_cont{
    width: 40%;
    display: flex;
    flex-direction: column;
}

.kontakty_obecne_cont{
    width: 50%;
    display: flex;
    flex-direction: column;
}

.kontakty_mesto_title{
    font-size: 30px;
    font-family: RaleNormal;
    margin-bottom: 15px;
    line-height: 110%;
}

.kontakty_mesto_title span{
    font-family: RaleExBold;
}

.kontakty_main_fran_cont{
    display: flex;
    flex-direction: row;
    gap: 100px;
}

.kontakty_main_fran{
    flex: 1;
    font-family: RaleNormal;
    font-size: 16px;
    color: black;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.kontakty_main_fran_img{
    flex: 1;
    display: flex;
    justify-content: row;
    justify-content: center;
    align-items: flex-start;
    position: relative;
}

.kontakty_main_fran_img img{
    width: 450px;
}

.kontakty_main_fran_img p{
    position: absolute;
    z-index: 2;

    font-family: RaleExBold;
    font-size: 25px;
    color: black;
    bottom: 0px;

    text-align: center;
    margin-bottom: 30px;
}

.kontakty_mesto_text{
    line-height: 120%;
    font-family: RaleNormal;
    font-size: 16px;
}

.kontakty_mesto_text a{
    color: black;
    text-decoration: none;
    transition-duration: .3s;
}

.kontakty_mesto_text a:hover{
    color: #ff761a;
    transition-duration: .3s;
}

.kont_or{
    color: #ff761a;
    font-family: RaleExBold;
}

.kont_cer{
    font-family: RaleExBold;
}

/* Zarovnání provozní doby (dvousloupcová tabulka) */
.kontakty_hodiny{
    border-collapse: collapse;
    font-family: RaleNormal;
    font-size: 16px; /* o trochu menší text */
    display: inline-table; /* zmenší se na obsah, nebude přes celou šířku */
    width: auto;
}
.kontakty_hodiny td{
    padding: 2px 0; /* užší řádky */
    line-height: 1.1; /* zmenší výšku řádku */
    vertical-align: baseline;
}
.kontakty_hodiny td.den{
    font-family: RaleExBold;
    white-space: nowrap;
    width: 80px;
}
.kontakty_hodiny td.cas{
    white-space: nowrap;
}

.kont_zel{
    color: #336f62;
    font-family: RaleExBold;
}

.kontakty_mesto_tel_cislo{
    font-size: 25px;
    font-family: RaleExBold;
    color: #ff761a;
    background-color: #ffeee3;
    border-radius: 1000px;
    border: 0px solid #ff761a;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
    width: fit-content;
    cursor: pointer;
    margin-bottom: 25px;
    margin-top: 5px;
    white-space: nowrap;
}


/* MAZANI UCTU */

.del_user_info_cont{
    align-items: flex-start;
    padding-left: 50px;
    padding-right: 50px;
}

.del_user_info_cont p{
    text-align: left;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 20px;
}

.del_user_info_cont h1{
    margin-bottom: 20px;
}

.del_user_info_title{
    color: black;
    font-size: 20px !important;
    font-family: RaleExBold !important;
    line-height: 110% !important;
}

.del_user_info_btn_cont{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 10px;
}

.del_user_info_btn{
    border: 0px solid transparent !important;
    border-radius: 7px !important;
    width: 160px !important;
    height: 45px !important;
    transition-duration: .3s !important;
    font-size: 16px !important;
    font-family: RaleNormal !important;
}

.del_user_info_btn_or{
    background-color: #ff761a !important;
    color: white !important;
}

#info_o_meste_popup{
    margin-top: 50vh;
}

/* NEVOZIME POPUP */

#nevozime{
    margin-top: 50vh;
}

#nevozime_form{
    margin-top: 50vh;
}

#nevozime_form_dekujeme{
    margin-top: 50vh;
}

#del_user_info{
    margin-top: 50vh;
    z-index: 10000001;
}

#info_doruceni0, #info_doruceni_plus2{
    margin-top: 50vh;
}

#del_user_info_login{
    margin-top: 50vh;
    z-index: 10000001 !important;
}

#del_user_info_form{
    margin-top: 50vh;
    z-index: 10000001;
}

#user_delete_date{
    font-family: RaleExBold !important;
    color: #ff761a !important;
}

.user_delete_input{
    width: 90%;
    margin-top: 5px;
    margin-bottom: 20px;
    border-radius: 9px;
    border: 1px solid rgb(235, 235, 235);
    font-family: RaleNormal;
    font-size: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.user_delete_input:focus{
    outline: none;
}

.nevozime_title{
    color: #ff761a !important;
    font-family: RaleExBold !important;
    font-size: 20px !important;
    margin-top: 22px !important;
    margin-bottom: 5px;
}

.popup_nevozime_btn_cont{
    display: flex;
    flex-direction: column;
    gap: 5px;
    max-width: 90%;
}

.popup_nevozime_btn_form, .popup_nevozime_btn_ne, .popup_nevozime_btn_form_after, .popup_nevozime_btn_form_after_franch{
    max-width: 100%;
}


.popup_nevozime_btn_cont button{
    font-family: RaleNormal !important;
    transition-duration: .3s;
    font-size: 15px !important;
}

.popup_nevozime_btn_cont button:hover{
    background-color: #336f62;
    transition-duration: .3s;
}

.popup_nevozime_btn_ne{
    background-color: #f1f1f1 !important;
    color: black !important;
    transition-duration: .3s;
}

.popup_nevozime_btn_ne:hover{
    background-color: #336f62 !important;
    color: white !important;
    transition-duration: .3s;
}

.nevozime_form_input_cont{
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 15px;
    margin-bottom: 20px;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.nevozime_form_input{
    width: 70%;
    height: 32px;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    background-color: white;
    border: 1px solid rgb(235, 235, 235);
    border-radius: 9px;
    font-size: 16px;
    font-family: RaleNormal;
}

.nevozime_form_input:focus {
    outline: none;
}



/* EMAIL */

.email_main_cont{
    display: flex;
    width: 600px;
    max-width: 600px;
    margin-left: 50%;
    transform: translateX(-50%);
    flex-direction: column;
    align-items: center;
}

.email_logo{
    width: 100px;
}

.email_seda_cara{
    height: 0px;
    border-bottom: 1px solid #b2b2b2;
    width: 100%;
}

.email_title{
    font-size: 28px;
    font-family: RaleExBold;
    text-align: center;
    margin-bottom: 10px;
}

.email_text{
    font-size: 16px;
    font-family: RaleNormal;
    line-height: 120%;
    text-align: center;
    margin-bottom: 20px;
}

.email_sledovat_stav{
    background-color: #336f62;
    color: white;
    font-size: 16px;
    font-family: RaleNormal;
    border: 0px solid transparent;
    border-radius: 1000px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.email_cas_logo{
    width: 350px;
    margin-top: 25px;
}

.email_taska_logo {
    width: 100px;
    margin-top: 40px;
    margin-bottom: 60px;
}

.email_rekap_obj{
    background-color: white;
    width: 600px;
    border-radius: 15px;
    border: 1px solid rgb(235, 235, 235);
    padding: 20px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 35px;
    margin-top: 20px;
    margin-bottom: 50px;
}

.email_rekap_obj .kosik_shrnuti_ceny {
    padding: 0px;
}

.email_footer{
    width: 600px;
    padding: 50px;
    padding-bottom: 40px;
    background-color: #e9eae7;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 25px 25px 0px 0px;
}

.email_footer_soc_cont{
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 20px;
    margin-top: 10px;
}

.email_footer_soc_cont img{
    width: 25px;
}

.email_rekap_obj .kosik_vypis_jidel_item_prilohy{
    padding-left: 0px;
}

.email_rekap_obj .kosik_vypis_jidel_item_prilohy_item{
    padding-left: 48px;
}

.email_rekap_obj .kosik_vypis_jidel_item_prilohy_item_r{
    padding-right: 0px;
}

#info_doruceni_rekapitulace .kosik_vypis_jidel_item_prilohy_item_r{
    padding-right: 0px;
}


/* ESHOP */

.eshop_rest_vypis_cont{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
    transform: translateY(5px);
    margin-bottom: 5px;
}

.eshop_rest_vypis_item{
    background-color: rgb(238, 238, 238);
    height: 27px;
    font-size: 13px;
    border-radius: 1000px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-family: RaleNormal;
    cursor: pointer;
    transition-duration: .3s;
    padding-left: 15px;
    padding-right: 15px;
}

.eshop_rest_vypis_item:hover{
    background-color: #137367 !important;
    color: white !important;
    transition-duration: .3s;
}

.eshop_jidla_rest_cont{
    display: flex;
    flex-direction: column;
    width: 100%;
}

.eshop_jidla_rest_title{
    font-size: 16px;
    font-family: RaleNormal;
    color: #ff761a;
    padding-top: 10px;
    padding-bottom: 3px;
    margin-bottom: 5px;
    margin-top: 16px;
}

.eshop_jidla_vypis_cont{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.eshop_main_container .eshop_jidla_rest_title{
    font-size: 15px;
}

.eshop_main_container .restaurace_nabidka_jidlo{
    height: 100px;
    margin-bottom: 11px;
}

.eshop_main_container .restaurace_nabidka_jidlo_cena{
    bottom: 0px;
}

.eshop_main_container .restaurace_nabidka_jidlo_img{
    height: 74px;
    width: 74px;
    margin-top: -5px;
}

.eshop_main_container .restaurace_nabidka_jidlo_plus_hover{
    height: 74px;
    width: 74px;
    padding-top: 20px;
}

.eshop_main_container .restaurace_nabidka_jidlo h2{
    font-size: 15px;
}

.restaurace_nabidka_popis_kat{
    font-family: RaleNormal;
    font-size: 14px;

    transform: translateY(-12px);
    padding-left: 15px;

    margin-bottom: 5px;

    color: #b2b2b2;
}


.hamburger_menu_logged_inicial_cont{
    width: 100%;
    height: 100%;
    border-radius: 100%;
    position: absolute;
    font-size: 16px;
    font-family: RaleNormal;
    text-align: center;
    color: #e6ae00;
    text-align: center;
    padding-top: 8px;
}

.hamburger_menu_logged_inicial_cont p{
    text-align: center;
}



/* PLATBA NEPROBĚHLA */

.neprobehla_platba_mozn_cont{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 14px;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
    width: 300px;
    position: relative;
    margin-bottom: 55px;
}

.neprobehla_platba_mozn_cont a{
    color: black;
    text-decoration: none;
}

.neprobehla_platba_mozn_cont .info_doruceni_platba{
    flex-basis: auto;
    transition-duration: .3s;
}

.neprobehla_platba_mozn_cont .info_doruceni_platba:hover{
    background-color: #336f62;
    color: white;
    border: 1px solid transparent;
    transition-duration: .3s;
}

.neprobehla_info_cont{
    background-color: #dfdfdf;
    width: 100%;
    padding-top: 55px;
    padding-bottom: 55px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.neprobehla_info_cont_hranice{
    width: 90%;
    max-width: 1000px;
}

.neprobehla_info_cont_h1{
    color: black !important;
    font-family: RaleExBold !important;
    font-size: 20px !important;
    text-align: left !important;
    margin-bottom: 35px !important;
    line-height: 120% !important;
}

#blizsi_info_popis{
    font-family: RaleNormal;
}

.neprobehla_info_cont p{
    color: #7d7d7d;
    font-family: RaleNormal;
    font-size: 16px;
    text-align: left;
}

.neprobehla_info_cont li{
    color: #7d7d7d;
    font-family: RaleNormal;
    font-size: 16px;
    text-align: left;
}

.neprobehla_info_cont span{
    color: #a3a3a3;
    font-family: RaleNormal;
    font-size: 16px;
    text-align: center;
}

/* KURÝRNÍ FORMULÁŘ */

.kuryr_form_main_cont{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 50px;
    gap: 50px;
}

.kuryr_form_cont{
    width: 50%;
}

.kuryr_form_cont ul{
    font-size: 16px;
    font-family: RaleNormal;
    list-style-type: none; /* Skrýt původní odrážky */
    margin-top: 25px;
    margin-bottom: 25px;
    padding-left: 0px;
}

.kuryr_form_cont ul li::before {
    content: ">"; /* Vytvoří vlastní odrážku */
    font-size: 20px; /* Zmenšení velikosti odrážky */
    margin-right: 5px; /* Vytvoří mezeru mezi odrážkou a textem */
    display: inline-block;
    color:#ff761a;
}

.kuryr_form_cont ul li{
    line-height: 120%;
}

.kuryr_form_img{
    width: 50%;
    margin-top: 40px;
    margin-left: 80px;
}

.kuryr_form_img_mob{
    margin-left: 50% !important;
    transform: translateX(-50%);
    display: none;
}

.kuryr_form_cont_formular{
    background-color: #e8e8e8;
    border-radius: 9px;
    display: flex;
    flex-direction: column;
    padding: 40px;
    padding-left: 50px;
    padding-right: 50px;
    margin-top: -42px;
    max-width: 580px;
}

.kuryr_form_cont_formular_otazky_r{
    margin-left: 50px;
}

.kuryr_form_cont_formular_otazky{
    display: flex;
    flex-direction: row;
}

.kuryr_form_cont_formular_label{
    color: black;
    font-size: 14px;
    font-family: RaleNormal;
    margin-bottom: 2px;
    margin-left: 10px;
}


.kuryr_form_cont_formular_input,
.kuryr_form_cont_formular_input select,
.kuryr_form_cont_formular_input textarea,
select.kuryr_form_cont_formular_input {
    background-color: white;
    border: none;
    border-radius: 9px;
    padding: 10px 20px;
    font-family: RaleNormal;
    font-size: 16px;
    appearance: none; /* pro odstranění šipečky v Safari/Chrome, přidáme vlastní */
    -webkit-appearance: none;
    -moz-appearance: none;
}

select.kuryr_form_cont_formular_input {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D'10'%20height%3D'5'%20viewBox%3D'0%200%2010%205'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cpath%20d%3D'M0%200l5%205%205-5z'%20fill%3D'%23000'%20/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 10px 5px;
    padding-right: 40px; /* ať je místo pro šipku */
}

.kuryr_form_cont_formular_input:focus {
    outline: none;
}

.kuryr_form_cont_formular br{
    height: 20px;
}

/* Flexbox layout a mezery mezi prvky */
.kuryr_form_cont_formular_rok {
    display: flex;
    flex-direction: row;
    color: black;
    gap: 20px;
    padding-left: 10px;
    margin-top: 5px;
    font-family: RaleNormal;
  }

  /* Zajištění toho, aby labely a inputy měly ukazatel jako kurzor */
  .kuryr_form_cont_formular_rok label, 
  .kuryr_form_cont_formular_rok input {
    cursor: pointer;
  }

  /* Schování původního radio buttonu */
  .kuryr_form_cont_formular_rok input[type="radio"] {
    display: none;
  }

  /* Styl pro obal rádio tlačítek (label) */
  .kuryr_form_cont_formular_rok label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    font-size: 14px;
    user-select: none;
  }

  /* Vytvoření vlastního kolečka */
  .kuryr_form_cont_formular_rok label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: white; /* Bílé kolečko */
    border: 2px solid white;
    transition: background-color 0.3s, border-color 0.3s;
  }

  /* Když je radio tlačítko vybrané */
  .kuryr_form_cont_formular_rok input[type="radio"]:checked + label::before {
    background-color: #ff761a;
  }

  .kosik_odeslat_form_btn{
    width: 100%;
    border: 0px solid black;
    border-radius: 9px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    background-color: #747474;
    color: white;
    margin-top: 30px;
    font-family: RaleNormal;
    cursor: pointer;
    transition-duration: .3s;
  }

  .kosik_odeslat_form_btn:hover{
    background-color: #ff761a;
    color: white;
    transition-duration: .3s;
  }


  .scroll_romaz{
    position: absolute; /* Absolutně umístěn uvnitř kontejneru */
    width: 100%;
    height: 100px;
    bottom: 0; /* Udrží ho to na spodku kontejneru */
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: none;

    /* Mask to create the fading blur effect */
    mask-image: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));
    -webkit-mask-image: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));
  }


  .clear-btn, .clear_btn_mesto{
    position: absolute;
    right: 20px;  /* Umístění křížku na pravou stranu */
    top: 50%;
    transform: translateY(-50%);
    margin-top: -1px;
    cursor: pointer;
    font-size: 18px;
    color: #888;
    display: none;  /* Skrýt křížek, když není žádný text */
  }

  input:focus + .clear-btn,/* Zobrazit křížek, když je input zaměřen */
  input:not(:placeholder-shown) + .clear-btn{ /* Nebo když uživatel napsal text */
    display: inline-block;
  }

  .clear-btn:hover {
    color: #000;  /* Změna barvy křížku při hoveru */
  }

  .clear-btn:hover, .clear-btn-mesto:hover {
    color: #000;  /* Změna barvy křížku při hoveru */
  }

  .input-cross-container {
    position: relative;
    display: inline-block;
    width: 300px;
    height: fit-content;
  }


  .mezera_mob{
    height: 0px;
  }

  .mezera_mob_rest{
    height: 40px;
  }

  .mezera_mob_rest_naj{
    height: 40px;
  }


/* DATE PICKER */

/* Obecný styl pro Datepicker */
.ui-datepicker {
    background: #ffffff;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    padding: 10px;
    font-family: "Arial", sans-serif;
}

/* Header (název měsíce a šipky) */
.ui-datepicker-header {
    background: #007bff;
    color: #ffffff;
    border-radius: 8px 8px 0 0;
    padding: 10px;
    text-align: center;
    font-weight: bold;
}

/* Navigační šipky (předchozí/další měsíc) */
.ui-datepicker-prev, .ui-datepicker-next {
    cursor: pointer;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease-in-out;
}

.ui-datepicker-prev:hover, .ui-datepicker-next:hover {
    background: rgba(255, 255, 255, 0.2);
}

/* Styl pro dny v Datepickeru */
.ui-datepicker-calendar {
    width: 100%;
    border-collapse: collapse;
}

.ui-datepicker th {
    background: #f8f9fa;
    padding: 8px;
    font-weight: bold;
}

.ui-datepicker td {
    text-align: center;
    padding: 5px;
    border-radius: 50%;
    transition: background 0.2s;
}

.ui-datepicker td a {
    display: block;
    padding: 8px;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    transition: background 0.2s;
}

/* Styl pro vybraný den */
.ui-datepicker .ui-state-highlight {
    background: #ffcc00;
    border-radius: 50%;
    color: white;
}

/* Styl pro aktivní (kliknutý) den */
.ui-datepicker .ui-state-active {
    background: #007bff;
    color: white;
    font-weight: bold;
    border-radius: 50%;
}

/* Zakázané dny */
.ui-datepicker .ui-state-disabled {
    color: #ccc !important;
    cursor: not-allowed;
}

/* Styl pro časový výběr (Timepicker) */
.ui-timepicker-div {
    background: #ffffff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.ui-timepicker-div dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ui-timepicker-div dt {
    width: 100%;
    font-weight: bold;
    margin-bottom: 5px;
    color: #333;
}

.ui-timepicker-div dd {
    width: 48%;
    margin-bottom: 10px;
}

/* Styl pro slider na čas */
.ui-slider {
    background: #ddd;
    border-radius: 4px;
    height: 8px;
    margin: 5px 0;
}

.ui-slider-handle {
    background: #007bff;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    top: -4px;
}

/* Skrytí sekund a časových zón */
.ui_tpicker_second_label,
.ui_tpicker_millisec_label,
.ui_tpicker_microsec_label,
.ui_tpicker_timezone_label,
.ui_tpicker_second,
.ui_tpicker_millisec,
.ui_tpicker_microsec,
.ui_tpicker_timezone {
    display: none !important;
}

/* Buttony ve spodní části Datepickeru */
.ui-datepicker-buttonpane {
    text-align: center;
    padding: 10px;
}

.ui-datepicker-current,
.ui-datepicker-close {
    background: #007bff;
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.2s;
}

.ui-datepicker-current:hover,
.ui-datepicker-close:hover {
    background: #0056b3;
}


/* LOTTIES */

#lottie-container-dorucujeme{
    width: 400px;
    height: 400px;
    position: absolute;
    transform: translateY(-50%);
    margin-top: -56px;
}

#lottie-container-dorucujeme-mob{
    width: 300px;
    height: 300px;
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.lottie_container_neprobehla{
    width: 300px; 
    height: 300px; 
    border: 1px solid transparent
}


/* STAN SE FRANCHISANTEM */

/* top banner */
.top_banner_franchisa{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
}

.top_banner_franchisa_logo{
    display: flex;
    flex-direction: row;
    height: 55px;
    gap: 15px;
}

.top_banner_franchisa_logo img{
    height: 100%;
}

.top_banner_franchisa_oddelovac{
    height: 100%;
    border-left: 1px solid #137367;
}

.top_banner_franchisa_text{
    display: flex;
    flex-direction: column;
    justify-content: center;

    font-size: 16px;
    font-family: RaleNormal;
    color: #137367;
}

.top_banner_franchisa_zpet{
    border-radius: 4px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 12px;
    padding-left: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;

    font-size: 16px;
    font-family: RaleNormal;
    color: #ff761a;

    cursor: pointer;

    position: relative;
}

.top_banner_franchisa_zpet:after{
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    border: 1px solid #ff761a;
    border-radius: 4px;
    transform: scale(1);
    transform-origin: center center;
    transition: transform 0.3s ease, background-color 0.3s ease;
    z-index: -1;
    pointer-events: none;
    transition-duration: .3s;
}

.top_banner_franchisa_zpet:hover:after{
    transform: scale(1.07);
    transition-duration: .3s;
}

/* blok 1 */
.franchisa_blok1_cont{
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    gap: 50px;
    position: relative;
}

.franchisa_blok1_cont h1{
    font-family: RaleExBold;
}

.franchisa_blok1_text{
    flex: 1;
    transform: translateX(-200px);
}

.franchisa_blok1_text h2{
    font-size: 45px;
    font-family: RaleExBold;
    margin-bottom: 18px;
}

.franchisa_blok1_text_h2{
    font-size: 45px !important;
    font-family: RaleExBold !important;
    margin-bottom: 18px !important;
    line-height: 110% !important;
}

.franchisa_blok1_text p{
    font-size: 16px;
    font-family: RaleNormal;

}

.franchisa_blok1_foto{
    height: 600px;
    width: 500px;
    flex: 1;
    bottom:0px;
    transform: translate(200px);
}

.franchisa_blok1_foto img{
    height: 100%;
}

/* blok 2 */
.franchisa_blok2_cont{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
}

.franchisa_blok2_cont h2{
    font-family: RaleExBold;
    font-size: 45px;
    color: #fff5cf;
    flex: 1;
    transform: translateX(-200px);
}

.franchisa_blok2_cont_h2{
    font-family: RaleExBold !important;
    font-size: 45px !important;
    color: #fff5cf !important;
    flex: 1 !important;
    transform: translateX(-200px) !important;
    line-height: 110% !important;
}

.franchisa_blok2_text{
    font-size: 16px;
    font-family: RaleNormal;
    color: #fff5cf;
    flex: 1;
    transform: translateX(200px);
}

.franchisa_blok2_background{
    position: absolute;
    /*background-color: #437367;*/
    background-color: #137367;
    height: 100%;
    width: 100vw;
    margin-left: 50%;
    left:-50vw;
    z-index: -1;
}

/* blok 3 */
.franchisa_blok3_cont{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
}

.franchisa_blok3_text{
    flex: 1;
    transform: translateX(-200px);
}

.franchisa_blok3_text h2{
    font-family: RaleExBold;
    font-size: 45px;
    color: #137367;
    margin-bottom: 18px;
}

.franchisa_blok3_text p{
    font-size: 16px;
    font-family: RaleNormal;
    color: black;
}

.franchisa_blok3_text2{
    font-size: 16px;
    font-family: RaleNormal;
    color: black;
    transform: translateX(200px);

    flex: 1;
}

.franchisa_blok3_section{
    margin-bottom: 30px;
}

.franchisa_blok3_section p{
    margin-top: -2px;
    margin-left: 16px;
}

.franchisa_blok3_section_title{
    font-weight: bold;
    color: #137367;
    font-size: 16px;
    display: inline-block;
    margin-bottom: 0px;
    font-family: RaleExBold;
}

/* blok 4 */
.franchisa_blok4_cont{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
}

.franchisa_blok4_background{
    position: absolute;
    /*background-color: #437367;*/
    background-color: #fff5cf;
    height: 100%;
    width: 100vw;
    margin-left: 50%;
    margin-top: -50px;
    left:-50vw;
    z-index: -1;
}

.franchisa_blok4_cont h2{
    font-family: RaleExBold;
    font-size: 45px;
    color: #137367;
    text-align: center;
}

.franchisa_blok4_text_cont{
    margin-top: 50px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 50px;
    position: relative;
}

.franchisa_blok4_text_l{
    transform: translateX(-200px);
}

.franchisa_blok4_text_r{
    transform: translateX(200px);
}

.franchisa_blok4_text{
    flex: 1;
}

.franchisa_blok4_section{
    margin-bottom: 30px;
}

.franchisa_blok4_section p{
    margin-top: -2px;
    margin-left: 16px;
    font-family: RaleNormal;
}

.franchisa_blok4_section_title{
    font-weight: bold;
    color: black;
    font-size: 16px;
    display: inline-block;
    margin-bottom: 0px;
    font-family: RaleExBold;
}

/* blok 5 */
.franchisa_blok5_cont{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 50px;
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
}

.franchisa_blok5_cont h2{
    font-family: RaleExBold;
    font-size: 45px;
    color: #fff5cf;
    text-align: center;
    text-align: center;
}

.franchisa_blok5_background{
    position: absolute;
    /*background-color: #437367;*/
    background-color: #137367;
    height: 100%;
    width: 100vw;
    margin-left: 50%;
    margin-top: -80px;
    left:-50vw;
    z-index: -1;
}

.franchisa_blok5_text_cont{
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 50px;
}

.franchisa_blok5_text{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    text-align: center;
}

.franchisa_blok5_text img{
    height: 50px;
}

.franchisa_blok5_text p{
    font-family: RaleExBold;
    font-size: 16px;
    color: #fff5cf;
}

/* blok 6 */
.franchisa_blok6_cont{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 40px;
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
}

.franchisa_blok6_cont h2{
    font-family: RaleExBold;
    font-size: 45px;
    color: #137367;
    text-align: center;
}

.franchisa_blok6_text_cont{
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 50px;
}

.franchisa_blok6_text_blok{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex: 1;
    gap: 25px;
}

.franchisa_blok6_text_blok_l{
    transform: translateX(-200px);
}

.franchisa_blok6_text_blok_r{
    transform: translateX(200px);
}

.franchisa_blok6_text{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.franchisa_blok6_text span{
    font-size: 28px;
    font-family: RaleExBold;
    color: #137367;
}

.franchisa_blok6_text p{
    margin: 0px;
    line-height: 130%;
    font-family: RaleNormal;
}

/* blok 7 */
.franchisa_blok7_cont{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 50px;
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
}

.franchisa_blok7_cont h2{
    font-family: RaleExBold;
    font-size: 45px;
    color: Black;
    text-align: center;
    text-align: center;
}

.franchisa_blok7_background{
    position: absolute;
    /*background-color: #437367;*/
    background-color: #e8e8e8;
    height: 100%;
    width: 100vw;
    margin-left: 50%;
    margin-top: -80px;
    left:-50vw;
    z-index: -1;
}



.obj_mezera_small_stav_obj{
    height: 80px;
}

.container_stavobj_pc{
    display: flex;
    min-height: 500px;
    flex-direction: column;
    justify-content: center;

}

.menu_objednavky_akt{
    background-color: transparent !important;
    color: #ff761a;
    cursor: default;
    padding-left: 0px !important;

    opacity: 1;
    position: relative;
    pointer-events: all;
}

.menu_objednavky_akt:hover{
    background-color: transparent !important;
    color: #ff761a !important;
}

.container_stavobj_mob{
    opacity: 0;
    position: absolute;
    pointer-events: none;
    display: none;
}

.menu_objednavky_akt_mob{
    background-color: transparent !important;
    color: #ff761a;
    cursor: default;
    padding-left: 0px !important;

    opacity: 0;
    position: absolute;
    pointer-events: none;
}

.menu_objednavky_akt_mob:hover{
    background-color: transparent !important;
    color: #ff761a !important;
}

.stav_objednavky_telcisla_cont_mob a{
    color: black !important;
    text-decoration: none;
    font-family: RaleNormal;
}

.stav_objednavky_telcisla_mob{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 50px;
    align-items: center;
    border-bottom: 1px solid #f1f1f1;
    transition-duration: .3s;
    cursor: pointer;
}

.stav_objednavky_telcisla_mob img{
    width: 20px;
}

.stav_objednavky_telcisla_mob_l{
    display: flex;
    flex-direction: row;
    gap: 15px;
}

.stav_objednavky_telcisla_mob_sipka{
    transform: rotateZ(180deg);
}



/* RESPONZIVITA */

@media only screen and (max-width: 374px) {

    .naseptavac{
        width: 90vw;
        font-size: 12px;
    }

    .nadpis_oranzovy{
        font-size: 28px;
    }

    .nadpis_zeleny{
        font-size: 28px;
    }

    .nadpis_cerny{
        font-size: 25px !important;
    }

    .find_me_title{
        font-size: 21px !important;
    }

    .find_me_title_s{
        font-size: 14px !important;
        margin-top: -22px;
    }
}

@media only screen and (max-height: 720px){
    .find_me_cont{
        margin-top: 50vh;
        height: 100vh !important;
    }
}

@media only screen and (max-width: 640px){
    .find_me_cont{
        left: 0px;
        top: 0px;
        border-radius: 0px;
        margin-left: 0px;
        margin-top: 0px;
        transform: translate(0px, 0px);
        width: 100vw;
        height: 100vh !important;
    }

    .find_me_save_cont{
        width: 90vw;
        margin-top: 50vh;
    }
    
    .find_me_bottom{
        gap: 10px;
    }

    .googlemap_ulozit_lokaci {
        margin-top: -12px;
    }

    .googlemap_ulozit_lokaci_custom_checkbox_box{
        margin-left: 12px;
    }

    .find_me_title{
        font-size: 23px;
        margin-top: 30px;
    }

    .find_me_title_s{
        font-size: 13px;
        margin-top: 0px;
        margin-bottom: 25px;
    }

    .center_icon{
        position: absolute;
        margin-left: 50vw;
        margin-top: 50vh;
        top: 0px;
        padding-top: 5px;
        transform: translate(-50%, -100%);
        width: 45px;
        height: 45px;
        z-index: 10;
    }

    .googlemaps_search_cont{
        width: 95vw;
        margin-left: 2.5vw;
    }

    .naseptavac_mapa{
        max-height: 60vh;
        font-size: 14px;
        font-family: RaleNormal;
        overflow: auto;
    }

    .nasept_item_mapa_pic{
        width: 33px;
        margin-top: 7px;
    }

    .popup_cont, .popup_cont2{
        width: 90%;
    }

    #jidlo_info{
        width: 90%;
    }

    .googlemap_ulozit_lokaci{
        margin-top: 0px;
        margin-left: -11px;
    }

    .find_me_bottom_text_info p{
        margin-bottom: 10px;
    }

    .email_main_cont{
        width: 90%;
    }

    .email_footer{
        width: 100%;
    }

    .email_rekap_obj{
        width: 100%;
    }

    .eshop_main_container .restaurace_nabidka_jidlo{
        width: 100% !important;
    }

    .find_me_bottom_text h1{
        font-size: 14px;
    }

    .find_me_bottom_text_h1{
        font-size: 14px;
    }

    .find_me_bottom_text p{
        font-size: 12px;
    }

    .find_me_title{
        margin-bottom: 0px;
    }

    .find_me_bottom_text{
        padding-right: 10px;
    }

    .hamburger_menu_logged{
        margin-left: -150px;
    }

    .hamburger_menu{
        margin-left: -150px;
    }

    .kosik_vypis_jidel_item_pocet_new_cont_active{
        padding-right: 25px;
    }

    .restaurace_jidlo_info_mezera_pro_tlacitko_line{
        width: 90vw;
        transform: translateX(0px);
        margin-left: calc(90vw * 0.05 * -1);
    }

    .hodnoceni_ikony_cont{
        gap: 20px;
        width: 80%;
        margin-left: 10%;
    }

    .hodnoceni_textarea{
        width: 100%;
    }

    .manipulacni_poplatek_i_content{
        width: 43vw;
    }
}

@media only screen and (max-width: 1401px) {




    .item_restaurace_main_img{
        height: 135px;
    }

    .zavrena_rest_overlay{
        height:135px;
    }
/*
    .item_restaurace_main_or_info{
        font-size: 14px;
        padding-top: 5px;
        padding-bottom: 3px;
        padding-left: 10px;
        padding-right: 10px;
    }
    */

    .item_restaurace_main_jmeno{
        font-size: 16px;
    }

    .item_restaurace_main_akce{
        font-size: 14px;
        margin-top: -3px;
    }

    .historie_objednavek_detail_cont a{
        font-size: 14px;
    }

    .historie_objednavek_detail_cont button{
        font-size: 14px;
    }

    .item_restaurace_main_detaily{
        font-size: 14px;
    }

    .vypis_restaurace_horka_linka_nabidka_mest_slider_cont{
        max-width: 640px;
    }

    .vypis_restauraci_restaurace_cont{
        height: 265px;
    }

    /* Responzivita - stejné výšky jako .item_restaurace_main_img */
    .slider_lvl_rest_item {
        height: auto !important;
        aspect-ratio: 3 / 2;
    }
    
    .slider-arrows_lvl1{
        top: 50%;
        transform: translateY(-50%);
    }

    .slider-arrows_lvl2{
        top: 50%;
        transform: translateY(-50%);
    }

    .rychle_sdeleni_or{
        width: 1095px;
        margin-left: 0px;
    }

    .rychle_sdeleni_ze{
        width: 1095px;
        margin-left: 0px;
    }

    .rychle_sdeleni_ce{
        width: 1095px;
        margin-left: 0px;
    }

    .rest_kat_title{
        font-size: 16px;
    }

    #sdilena_doprava_reminder{
        flex-direction: column;
    }

    .sdilena_doprava_l{
        max-width: 100%;
    }

}

@media only screen and (max-width: 1200px) {
    .hlavni_nabidka_item_2{
        width: 95%;
        height: 95%;
        margin-left: 2.5%;
    }

    .prvni_hlavni_nabidka_item{
        top: -4.5%;
        transform: translateY(-101%);
    }



    .item_restaurace_main_img{
        height: 115px;
    }

    .zavrena_rest_overlay{
        height:115px;
    }
/*
    .item_restaurace_main_or_info{
        font-size: 13px;
        padding-top: 4px;
    }
    */

    .item_restaurace_main_or_info{
        font-size: 12px;
        min-height:20px;
    }

    .item_restaurace_main_ce_info{
        font-size: 12px;
        min-height:20px;
    }

    .item_restaurace_main_fi_info{
        font-size: 12px;
    }

    .item_restaurace_main_slev_info{
        font-size: 12px;
    }

    .item_restaurace_main_nov_info{
        font-size: 12px;
    }

    .rest_alert_icon{
        width: 14px;
    }

    .item_restaurace_main_jmeno{
        font-size: 15px;
    }

    .item_restaurace_main_akce{
        font-size: 13px;
    }

    .historie_objednavek_detail_cont a{
        font-size: 13px;
    }

    .historie_objednavek_detail_cont button{
        font-size: 13px;
    }

    .item_restaurace_main_detaily{
        font-size: 12px;
        margin-top: 4px;
    }

    .vypis_restauraci_restaurace_cont{
        height: 235px;
    }

    .eshop_main_container .restaurace_nabidka_jidlo h2{
        font-size: 18px;
    }

    .kuryr_form_main_cont{
        flex-direction: column;
        gap: 50px;
    }

    .kuryr_form_cont{
        width: 100%;
    }

    .vypis_restaurace_horka_linka_nabidka_mest_slider_cont{
        max-width: 450px;
    }

    .slider_lvl1_rest_info{
        padding-left: 9.39px !important;
        padding-right: 9.39px !important;
    }

    .slider_lvl2_rest_info{
        padding-left: 9.39px !important;
        padding-right: 9.39px !important;
    }

    .cookies_main_info{
        flex-direction: column;
        width: 90%;
        height: max-content;
        padding-bottom: 40px;
        max-height: 90vh;
    }

    .lottie_susenka{
        margin-top: -70px;
        gap: 0px;
        width: 250px;
    }

    .overeni_main_info{
        flex-direction: column;
        width: 90%;
        height: max-content;
        padding-bottom: 40px;
        padding-top: 20px;
    }

    .overeni_main_info img{
        margin-top: -70px;
        gap: 0px;
    }

    .item_restaurace_main_detaily_item_l{
        width: 35%;
    }

    .slider_lvl_rest_item {
        height: auto !important;
        aspect-ratio: 3 / 2;
    }

    .slider-arrows_lvl1{
        top: 50%;
        transform: translateY(-50%);
    }

    .slider-arrows_lvl2{
        top: 50%;
        transform: translateY(-50%);
    }

    .rychle_sdeleni_or{
        width: 916px;
    }

    .rychle_sdeleni_ce{
        width: 916px;
    }

    .vyhody_registrace_main_nadpis_cont_l{
        display: none;
    }

    .vyhody_registrace_main_nadpis{
        display: none;
    }

    .vyhody_registrace_main_nadpis_cont_l_resp{
        display: flex !important;
        flex-direction: column;
        width: 70%;
    }

    .vyhody_registrace_main_nadpis_cont_l_resp .vyhody_registrace_main_nadpis_cont_l{
        display: flex;
        padding: 0px !important;
    }

    .vyhody_registrace_main_nadpis_cont_l_resp .vyhody_registrace_main_nadpis{
        display: block;
        width: auto !important;
    }

    .lottie_procregistrovat{
        width: 300px !important;
    }

    .kuryr_form_img{
        display: none;
    }

    .kuryr_form_img_mob{
        display: block !important;
    }

    .kuryr_form_cont_formular{
        margin-top: 0px;
    }

    .kuryr_form_main_cont{
        gap: 20px;
    }

    .restaurace_hlavicka_informace_zavirani{
        margin-left: 0px;
    }

    .oblibene_v_restauraci_text{
        display: none;
    }

    .oblibene_v_restauraci_ikony{
        display: inline-block !important;
    }

    .franchisa_blok1_cont{
        align-items: flex-end;
    }
}

@media only screen and (max-width: 992px) {

    .vyhody_registrace_main_nadpis_cont_l_resp{
        width: 100%;
    }

    .vyber_mesto{
        margin-left: 0px;
        margin-right: 0px;
    }

    .vyhl_mezera_foto{
        display: none;
    }

    .hlavni_info_nadpis{
        width: 100%;
        margin-left: 0px;
        text-align: left;
    }

    .nadpis_appka{
        margin-top: 30px;
    }

    .slider_hlavni_info_item_text{
        margin-top: 20px !important;
    }

    .hlavni_info_item_text{
        padding-bottom: 0px;
    }

    .appka_image{
        width: 100%;
        height: 300px;
        margin-top: 40px;
        margin-bottom: 30px;
        transform: translateY(0px);
    }

    .hlavni_info_background{
        margin-top: 0px;
        background-color: #f1f1f1;
        width: 100%;
        height: auto;
        display: inline-block;
    }

    .slider_hlavni_info_background{
        height: 330px !important;
    }

    .mezera_mob{
        height: 80px;
    }

    .hlavni_info_image{
        display: none;
    }

    .hlavni_info_image_mob_cont{
        height: 220px !important;
        display: block !important;
        position: absolute;
        margin-top: 180px !important;
    }

    .hlavni_info_item{
        height: auto;
        display: inline-block;
        position: relative;
        padding-left: 0px;
    }

    .lvl1_rest_item{
        height: auto;
        display: inline-block;
        position: relative;
        overflow: hidden;
    }

    .nadpis_cerny{
        font-size: 33px;
    }

    .vyhledavaci_foto{
        display: none;
    }

    .vyhledavaci_foto_vypln{
        display: none;
    }

    .slider_main{
        width: 100%;
        height: 487px !important;
        margin-top: -0px;
        position: relative !important;
        overflow: hidden;
        margin-left: 0px !important;
    }

    .slider_main .slick-list{
        height: 417px !important;
    }

    .slick-dots {
        display: flex;
        position: absolute;
        justify-content: center;
        padding: 0;
        top: 550px !important;
        left: 50%;
        transform: translateX(-50%);
    }

    .slider_main .slick-dots{
        top: 460px !important;
    }

    .slider_pred{
        display: none;
    } 

    .slider_dalsi{
        display: none;
    }

    

    .footer_odkazy{
        font-size: 13px;
    }

    .footer{
        font-size: 13px;
    }



    .vypis_restauraci_restaurace_cont{
        width: 31.7%;
        flex-basis: 31.7%;
        margin-left: 0.81%;
        margin-right: 0.81%;
    }
    

    .novinky_z_mesta_cont p{
        width: 80%;
        margin-left: 10%;
        font-size: 14px;
    }

    .info_doruceni_label_z{
        font-size: 14px;
    }
    
    .restaurace_nabidka_jidlo{
        width: 70%;
    }

    .eshop_main_container .restaurace_nabidka_jidlo{
        width: 48%;
    }

    .vyhledavac_vyhledano_adresa_mob{
        display: block;
    }
    
    .vyhledavac_vyhledano_adresa_pc{
        display: none;
    }

    .vypis_restaurace_hlavicka{
        flex-direction: column;
        justify-content:start;
        align-items: flex-start !important;
    }

    .filtr_cont{
        margin-top: 20px;
    }

    .vypis_restaurace_horka_linka_bold{
        max-width: 90vw;
        overflow-x:visible;
    }

    .vypis_restaurace_horka_linka{
        max-width: 90vw;
    }

    .restaurace_nabidka_jidlo_l h2{
        font-size: 16px;
    }

    .menu_objednavky_cont{
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .menu_objednavky_akt{
        padding-right: 0px;
    }

    .menu_objednavky{
        width: fit-content;
        text-align: center;
    }

    .obj_mezera_big{
        height: 70px;
    }

    .otevreny_uzivatel_horni_panel_cont{
        display: none;
    }

    .uzivatel_kredity_main_info_cont{
        flex-direction: column;
    }

    .uzivatel_kredity_main_info_r{
        text-align: left;
        margin-top: 70px;
    }

    .uzivatel_kruh_cont{
        justify-content: flex-start;
    }

    .uzivatel_kruh_wh_kredity{
        margin-right: 0px;
        margin-left: 3px;
    }

    .uzivatel_cashback_cont{
        align-items: space-between;
    }

    .uzivatel_cashback_item{
        width: 45%;
    }

    .uzivatel_topmenu_hamburger_btn{
        display: flex;
    }

    .uzivatel_topmenu_hamburger_menu{
        pointer-events: all;
        opacity: 1;
    }

    .restaurace_hlavicka_foto2{
        height: 180px;
    }

    .platby_main_info_cont{
        flex-direction: column;
        gap:30px;
        width: 100%;
    }

    .platby_main_info_z{
        width: 100%
    }

    .platby_main_info{
        width:100%;
    }
    
    .vypis_restaurace_hlavicka_cont{
        height: 112px;
    }

    .banner_background_main_photo{
        background-color: #ff761a;
        background-image: none;
    }

    .banner_background_main_photo img{
        opacity: 0;
    }

    .vypis_restaurace_horka_linka_nabidka_mest_slider_cont{
        max-width: 80%;
    }
    
    .banner_background_main_photo::after{
        display: none;
    }

    .vypis_restaurace_hlavicka_mesta{
        height: 112px;
    }

    .vypis_restaurace_hlavicka_mesto{
        height: 62px;
    }
    
    .filtr_cont{
        right: auto;
        left: 18px;
    }

    .filtr_cont_mesta{
        margin-top: 48px;
    }

    .filtr_cont_mesto{
        margin-top: 0px;
    }

    .error_main_cont{
        flex-direction: column;
        gap: 30px;
    }

    #lottie_error_404{
        width: 250px;
        height: 250px;
    }

    .error_main_part h1{
        margin-bottom: 20px;
    }

    .error_main_part_h1{
        margin-bottom: 20px;
    }

    .uzivatel_doprava_zdarma_item_ball{
        width: 35px;
        height: 35px;
    }

    .uzivatel_doprava_zdarma_item_percent_final{
        width: 35px;
        height: 35px;
    }

    .uzivatel_doprava_zdarma_item_percent_final img{
        width: 22px;
    }

    .lottie_novinky_z_mesta{
        width: 0px;
    }

    .novinky_z_mesta_btn{
        width: 100%;
    }

    .slider_lvl1_rest_info{
        padding-left: 12.58px !important;
        padding-right: 12.58px !important;
    }

    .slider_lvl2_rest_info{
        padding-left: 12.58px !important;
        padding-right: 12.58px !important;
    }

    .rychle_sdeleni_or{
        width: 670px;
    }

    .rychle_sdeleni_ce{
        width: 670px;
    }

    .mezera_mob_rest{
        height: 40px;
    }

    .mezera_mob_rest_naj{
        height: 40px;
    }

    .rest_kat_title_cont_container{
        padding-left: 13px;
        padding-right: 13px;
    }

    .novinky_z_mesta_cont_main{
        left: 12px;
        width: calc(100% - 24px);
    }

    .vyhledavac_vyhledano_container{
        padding-top: 0px;
    }

    .vyhledavac_vyhledano_edit_img_prihlasen{
        margin-top: 2px;
    }

    .vyhody_registrace_main_nadpis_cont{
        flex-direction: column !important;
        gap: 20px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .vyhody_registrace_main_cont{
        flex-direction: column !important;
        gap: 40px !important;
    }

    .vyhody_registrace_main_l{
        width: 100% !important;
        padding: 0px !important ;
    }

    .vyhody_registrace_main_r{
        width: 100% !important;
        padding: 0px !important;
    }

    .vyhody_registrace_item{
        padding: 15px !important;
    }

    .lottie_procregistrovat{
        width: 0px !important;
        height: 0px !important;
        opacity: 0 !important;
        position: absolute !important;
        pointer-events: none !important;
    }

    .sdilena_doprava_item{
        width: 100%;
    }

    .stav_objednavky_cont{
        opacity: 0;
        pointer-events: none;
        width: 0px;
        flex: 0;
    }

    .franchisa_blok1_cont{
        flex-direction: column;
        padding-bottom: 0px;
    }

    .franchisa_blok1_foto{
        display: block;
    }

    .franchisa_blok2_cont{
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }

    .franchisa_blok3_cont{
        flex-direction: column;
        gap: 10px;
    }

    .franchisa_blok4_text_cont{
        flex-direction: column;
        gap: 0px;
        margin-top: 20px;
    }

    .franchisa_blok6_text_cont{
        flex-direction: column;
    }

    .franchisa_blok6_text_cont{
        gap: 25px;
    }

    .franchisa_blok4_cont{
        align-items: flex-start;
    }

    .franchisa_blok6_cont{
        align-items: flex-start;
    }

    .franchisa_blok1_foto{
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .container_stavobj_pc{
        display: none;
    }

    .menu_objednavky_akt{
        opacity: 0;
        position: absolute;
        pointer-events: none;
    }

    .menu_objednavky_akt_mob{
        opacity: 1;
        position: relative;
        pointer-events: all;
    }

    .container_stavobj_mob{
        opacity: 1;
        position: relative;
        pointer-events: all;
        display: block;
    }

    #lottie-container-dorucujeme-mob{
        position: relative;
        opacity: 1;
        pointer-events: all;
    }

    .stav_objednavky_text_cont_active {
        padding-left: 25px !important;
        padding-right: 25px !important;
        margin-left: 0;
        border: 1px solid #ff761a !important;
        background-color: #ffeee3 !important;
        width: 100%
    }

    .stav_objednavky_text_cont_active h1{
        color: #ff761a !important;
    }

    .stav_objednavky_text_cont{
        border: 1px solid #cdcdcd;
        padding: 20px;
        padding-left: 25px;
        padding-right: 25px;
        border-radius: 9px;
    }

    .stav_objednavky_text_cont h1{
        margin-bottom: 0px;
    }

    .stav_objednavky_text_cont_main{
        gap: 10px;
    }

    .stav_objednavky_text_cont_unactive{
        opacity: 0;
        position: absolute;
        pointer-events: none;
    }

    .stav_objednavky_text_cont_hodnoceni{
        opacity: 1;
        position: relative;
        pointer-events: all;
    }

    .kontakty_main_fran_cont{
        flex-direction: column;
        gap: 50px;
        text-align: center;
    }

    .uzivatel_mezera_topmenu{
        height: 0px;
    }

    .info_doruceni_platba_nep_cont{
        gap: 100px;
    }

    .sdeleni_cont_nove{
        flex-direction: column;
        padding-left: 14px;
        padding-right: 14px;
    }
}

@media only screen and (max-width: 850px) {
    .info_doruceni_platba_nep_cont{
        flex-direction: column-reverse;
        width: 100%;
        align-items: center;
        gap: 60px;
    }

    .lottie_container_neprobehla{
        width: 200px;
        height: 200px;
    }
}

@media only screen and (max-width: 1013px) {
    .prihlasit_se_nove_cont{
        flex-direction: column;
        gap: 50px;
    }

    .popup_cont_login{
        width: auto !important;
        max-width: auto !important;
        min-width: 375px;
    }

    .prihlaseni_bckgrnd_pc{
        display: none;
    }

    .prihlaseni_bckgrnd_mob{
        display: block;
    }

    #prihlaseni, #registrace{
        min-width: auto;
        width: 90% !important;
        padding-bottom: 0px;
        border-radius: 15px;
    }

    .prihlasit_se_nove_l{
        padding-left: 30px;
        padding-right: 30px;
        width: 100%;
    }

    .prihlasit_se_nove_r{
        padding-left: 30px;
        padding-right: 30px;
        width: 100%;
        margin-bottom: 10px;
        padding-top:0px;
        padding-bottom: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .hlavni_top_hamburger_main{
        display: flex !important;
    }

    .kosik_mob{
        display: flex;
    }

    .footer_odkazy{
        font-size: 11px !important;
    }

    .footer{
        font-size: 11px !important;
    }

    .slider_dalsi_lvl{
        display: none;
    }

    .slider_pred_lvl{
        display: none;
    }

    .slider_lvl1_rest_info{
        padding-left: 12.89px !important;
        padding-right: 12.89px !important;
    }

    .slider_lvl2_rest_info{
        padding-left: 12.89px !important;
        padding-right: 12.89px !important;
    }

    .slider_lvl2_jmeno{
        margin-bottom: 10px;
        width: 75%;
        margin-left: 12.5%;
    }

    .slider_lvl1_jmeno{
        font-size: 16px;
    }

    .slider_lvl1_akce{
        font-size: 15px;
    }

    .slider_lvl2_jmeno{
        font-size: 16px;
    }

    .slider_lvl2_akce{
        font-size: 15px;
    }

    .slider_lvl1{
        margin-bottom: 10px;
    }

    .slider_lvl2{
        margin-bottom: 10px;
    }

    .slider_lvl1 .slick-dots{
        top: 130px !important;
    }

    .slider_lvl2 .slick-dots{
        top: 136px !important
    }



    .vypis_restauraci_restaurace_cont{
        width: 47%;
        flex-basis: 47%;
        margin-left: 1.5%;
        margin-right: 1.5%;
        height: 245px;
    }

    .item_restaurace_main_img{
        height: 120px;
    }

    .zavrena_rest_overlay{
        height:120px;
    }

    .novinky_z_mesta_cont p{
        width: 100%;
        margin-left: 0%;
    }

    .novinky_z_mesta_cont h1{
        width: 100%;
    }

    .novinky_z_mesta_btn button{
        width: 100%;
        height: 40px;
        color: black;
        background-color: rgb(242, 242, 242);
    }

    .novinky_z_mesta_btn a{
        width: calc(50% - 10px);
    }

    .novinky_z_mesta_btn{
        width: 100%;
        column-gap: 11px;
        row-gap: 14px;
    }

    .vypis_restaurace_horka_linka_doprava span{
        width: 100%;
    }

    .vyhledavac_vyhledano_adresa{
        width: auto;
        max-width: 50vw;
    }


    .restaurace_nabidka_jidlo{
        width: 100%;
    }

    .restaurace_hlavicka_foto{
        margin-bottom: 30px; 
        margin-top: 0px;
    }

    .restaurace_hlavicka_foto2{
        height: auto;
        width: 100%;
        margin-top: 0px;
        margin-bottom: 30px; 
    }

    .restaurace_hlavicka_foto2_info{
        top: 0px;
    }

    .restaurace_jidla_hlavicka_cont input{
        width: 35%;
    }

    .hlavni_top_hamburger_kosik{
        display: none;
    }

    .otevrit_kosik_btn{
        display: flex;
    }

    .vypis_restaurace_horka_linka_nabidka_mest_slider_left{
        display: none;
    }
    
    .vypis_restaurace_horka_linka_nabidka_mest_slider_right{
        display: none;
    }

    .uzivatel_title_h1{
        font-size: 23px;
    }

    .uzivatel_zakladni_informace_cont{
        font-size: 14px;
    }

    .uzivatel_zakladni_informace_zmenit, .uzivatel_obl_addr_zmenit, .uzivatel_zakladni_informace_zmenit_h{
        font-size: 14px;
    }

    .uzivatel_mezera_small{
        height: 17px;
    }

    .uzivatel_mezera_big{
        height: 32px;
    }

    .uzivatel_filtr_horka_linka_odpoved_cont, .uzivatel_novinky_title, .uzivatel_novinky_newsletter_cont, .uzivatel_novinky_newsletter_cont_reg, .uzivatel_novinky_newsletter_cont_nereg, .datum_registrace{
        font-size: 14px;
    }

    .oblibene_restaurace_cont{
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .oblibene_restaurace_cont .vypis_restauraci_restaurace_cont{
        min-width: 145px;
    }

    .uzivatel_ulozena_adresa{
        font-size: 14px;
    }

    .uzivatel_doprava_zdarma_cont{
        flex-direction: column;
        margin-top: -50px;
    }

    .uzivatel_doprava_zdarma_item{
        width: 100%;
        margin-top: 50px;
    }

    .filtrace_input{
        width: 100%;
    }

    .kontakty_main_cont{
        flex-direction: column;
    }

    .kontakty_mesto_cont{
        width: 100%;
        padding-bottom: 25px;
        margin-bottom: 35px;
        border-bottom: 2px solid black;
    }

    .kontakty_obecne_cont{
        width: 100%;
    }

    .ulozene_adresy_new_cont{
        flex-direction: column;
        justify-content: flex-start;
        row-gap: 30px;
    }
    
    .ulozene_adresy_new_item{
        line-height: 120%;
        border: 1px solid rgb(235, 235, 235);
        width: 100%;
        border-radius: 15px;
        padding: 30px;
    }

    .input-cross-container_hledani_jidla{
        width: 35%;
    }

    .varime_my_main{
        flex-direction: column;
        row-gap: 20px;
    }

    .varime_my_main div{
        flex-direction: row;
        justify-content: left;
        align-items: center;
        gap: 10px;
        text-align: left;
    }

    .main_header{
        background-color: #ff761a;
    }

    .logo_top_pict_main_or{
        display: none;
    }
    
    .logo_top_pict_main_white{
        display: block;
    }
    
    .varime_my_main img{
        padding-left: 0px;
    }

    .uzivatel_filtr_horka_linka{
        width: 150px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .footer{
        padding-bottom: 100px;
    }

    .cookies_main_info_btn_cont{
        flex-direction: column;
    }

    .cookies_main_info_btn{
        width: 100%;
    }

    .cookies_main_info{
        padding-top: 40px;
        overflow: auto;
        bottom: 20px;
    }

    .overeni_main_info_btn_cont{
        flex-direction: column;
    }

    .overeni_main_info_btn{
        width: 100%;
    }

    .varime_my_main_cont{
        align-items: flex-start;
    }

    .varime_my_main_autoimg{
        padding-bottom: 0px !important;
        width: 45px !important;
        margin-left: 7px !important;
        margin-top: -15px !important;
    }

    .restaurace_jidla_hlavicka_arrow_left{
        left: 188px;
    }

    .slider_pred_lvl1{
        display: none;
    } .slider_pred_lvl2{
        display: none;
    }.slider_dalsi_lvl1{
        display: none;
    }

    .slider_dalsi_lvl2{
        display: none;
    }

    .slider_lvl_rest_item {
        height: auto !important;
        aspect-ratio: 3 / 2;
    }

    .container_restauraci{
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        width: 100vw !important;
        min-width: 100vw !important;
    }

    .rest_kat_title{
        padding-left: 7px;
    }

    .novinky_z_mesta_cont_main{
        padding-left: 20px;
        padding-right: 11px;
    }

    .filtr_cont{
        margin-left: 7px;
        width: calc(100% - 22px);
        left: 0px;
    }

    .filtr_cont{
        padding: 0px;
    }

    .rychle_sdeleni_or{
        font-size: 14px;
        padding-top: 5px;
        padding-bottom: 5px;
        width: calc(100% - 14px);
    }

    .rychle_sdeleni_ce{
        font-size: 14px;
        padding-top: 5px;
        padding-bottom: 5px;
        width: calc(100% - 14px);
    }

    .rest_kat_title_cont_container{
        padding-left: 7px;
        padding-right: 7px;
    }

    .rest_kat_title_cont_container .rest_kat_title{
        font-size: 18px !important;
        padding: 0px;
    }

    .rest_kat_title_cont{
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .filtr_cont_mesta{
        margin-top: 0px;
        pointer-events: none;
    }

    .filtr_cont_mesta .filtrace_mesto_input{
        margin-top: 50px;
        margin-right: -30px;
        width: 100%;
    }

    .filtr_cont_mesta .filtrace_mesto_input input{
        width: 100% !important;
    }

    .filtrace_mesto_input{
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }

    .filtr_hledat{
        display: block;
        width: 32px !important;
        pointer-events: all;
    }

    .filtr_ikona{
        display: block;
        width: 32px !important;
        pointer-events: all;
    }

    

    .filtr_ne_ikona{
        display: none;
    }

    .vypis_restaurace_hlavicka_cont{
        height: 60px;
    }

    .vypis_restaurace_hlavicka_mesta{
        height: 60px;
    }

    .popup_info_doprava{
        bottom: 75px;
    }

    .input-wrapper .eye-icon{
        width: 30px;
        height: 30px;
        background-size: 20px;
        background-position: center;
    }

    .info_doruceni_platba_active:hover{
        background-color: #ff761a !important;
        transition-duration: 0.0s;
    }

    .info_doruceni_platba:hover{
        background-color: white;
        transition-duration: 0.0s;
    }

    .registrace_kod_popis{
        width:100%
    }

    .franchisa_blok1_text h2, .franchisa_blok2_cont h2, .franchisa_blok3_text h2, .franchisa_blok4_cont h2, .franchisa_blok5_cont h2, .franchisa_blok6_cont h2, .franchisa_blok7_cont h2{
        font-size: 28px;
    }

    .franchisa_blok1_text_h2, .franchisa_blok2_cont_h2, .franchisa_blok3_text_h2, .franchisa_blok4_cont_h2, .franchisa_blok5_cont_h2, .franchisa_blok6_cont_h2, .franchisa_blok7_cont_h2{
        font-size: 28px;
    }


    .hlavni_top_hamburger_cont_mob{
        display: flex;
    }

    #jidlo_info,
    #kosik_info,
    #hodnoceni,
    #hodnoceni2,
    #hodnoceni_recenze,
    #hodnoceni_dekujeme,
    #zmena_udaju,
    #zmena_udaju_h,
    #filtrace,
    #registrace,
    #registrace_kod,
    #registrace_kod_neprisel,
    #registrace_udaje_vse,
    #registrace_udaje_povoleni,
    #registrace_hotovo,
    #registrace_hotovo_ag,
    #zapomenute_heslo_cont,
    #neovereny_uzivatel,
    #neovereny_uzivatel_obj,
    #neovereny_uzivatel_ag,
    #dekujeme_overeni,
    #dekujeme_form,
    #neovereny_kod,
    #neovereny_kod_presah_pokusu,
    #neovereny_kod_ag,
    #neovereny_kod_neprisel,
    #neovereny_kod_neprisel_ag,
    #zaphesovereni,
    #blizsi_informace,
    #alert_closed_rest,
    #nevozime,
    #nevozime_form,
    #nevozime_form_dekujeme,
    #info_o_meste_popup,
    #del_user_info,
    #info_doruceni0,
    #del_user_info_login,
    #del_user_info_form,
    #prihlaseni,
    #jiz_zaregistrovane_overeni,
    #jiz_zaregistrovane_overeni_poprve,
    #info_doruceni1,
    #info_doruceni0,
    #info_doruceni_nenicas,
    #info_doruceni_nenicas_pozdeji,
    #info_doruceni_eshop2,
    #info_doruceni_plus2,
    #info_doruceni3,
    #info_doruceni_rekapitulace,
    #info_detail_objednavky,
    #vozime_vice,
    #recenze_rest_cont {
        margin-top: 10% !important;
        max-height: 89% !important;
        transform: translate(-50%, -0%) !important;
    }

    #info_doruceni_platby_comgate{
        margin-top: 10% !important;
        height: 89% !important;
        transform: translate(-50%, -0%) !important;
    }

    .popup_cont2{
        top:auto;
    }

    .info_doruceni{
        top: auto;
    }

    .recenze_rest{
        top: auto;
    }

    .recenze_responze_spodek{
        display: none;
    }

    .sdeleni_cont_nove{
        padding-left: 16px;
        padding-right: 16px;
    }

    .lottie_susenka{
        display: none;
    }

    .mezera_restaurace_podbanerem_small{
        height: 0px;
    }

    .zpet_v_restauraci_rest_cont{
        position: absolute;
        left: 9px;
    }

    .zpet_v_restauraci_rest_cont_mezera{
        display: none;
    }

}

 

@media only screen and (max-width: 575px) {

    .uzivatel_zadani_kodu_cont{
        flex-direction: column;
        gap: 20px;
    }

    .uzivatel_zadani_kodu_cont button{
        margin-left: 0px;
    }

    .doplatek_minimalni_alert_btn_cont{
        flex-direction: column;
        width: fit-content;
        align-items: start;
        text-align: center;
    }

    .jiz_existujici_label_cont{
        display: flex;
        flex-direction: column;
        gap: 2px;
        margin-top: 5px;
    }

    .jiz_existujici_label{
        width: 100%;
    }

    .container {
        /* width: 95vw !important; */
        max-width: none !important;
        margin-left: 2.5vw;
    }

    .vyhl_okno_main{
        width: 84vw;
    }

    .logo_top_pict{
        margin-left: 6px;
        margin-top: 0px;
        height: 40px;
    }

    .logo_top_pict_main{
        height: 40px;
        margin-top: 3px;
        margin-left: 6px;
    }

    .vypis_restaurace_hlavicka{
        font-size: 14px;
    }
    
    .filtr_cont input{
        font-size: 14px;
    }

    .filtr_cont button{
        font-size: 14px;
    }

    .vypis_restaurace_horka_linka_doprava span{
        font-size: 14px;
    }

    .rychle_sdeleni_ze{
        font-size: 14px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .zpet_vrestauraci{
        font-size: 14px;
    }

    .restaurace_hlavicka_title h2{
        font-size: 14px;
    }

    .restaurace_hlavicka_informace_cont{
        font-size: 14px;
    }

    .restaurace_jidla_hlavicka_cont{
        font-size: 14px;
    }

    .restaurace_nabidka_jidlo_cena{
        font-size: 14px;
    }
    
    .restaurace_nabidka_jidlo_cena_sleva{
        font-size: 14px;
    }

    .restaurace_nabidka_jidlo_cena_sleva_pred{
        font-size: 14px;
    }

    .otevrit_kosik_btn{
        font-size: 14px;
    }

    .restaurace_jidlo_info_content_cena{
        font-size: 16px;
    }

    .restaurace_jidlo_info_content_gramaz{
        font-size: 16px;
    }

    .restaurace_jidlo_info_content_popis{
        font-size: 14px;
    }

    .restaurace_jidlo_info_content_alergeny{
        font-size: 14px;
    }

    .restaurace_jidlo_info_content h2{
        font-size: 14px;
    }

    .restaurace_jidlo_info_content ul{
        font-size: 14px;
    }

    .restaurace_jidlo_info_dokosiku_pocet{
        font-size: 14px;
    }

    .restaurace_jidlo_info_dokosiku_obj{
        font-size: 14px;
    }

    .restaurace_jidlo_info_dokosiku_obj img{
        height: 17px;
    }

    .restaurace_jidlo_info_poznamka_cena{
        font-size: 14px;
    }

    .restaurace_jidlo_info_mezera{
        font-size: 25px;
    }

    .vyhledavaci_hlaska{
        line-height: 50%;
    }

    .vyhledavaci_hlaska_hlavni_text{
        font-size: 27px !important;
    }

    .vyhledavac_container_main{
        margin-top: 30px;
        height: 235px;
    }

    .vyhledavac_container{
        width: 100%;
        justify-content: center;
    }

    .vyhl_okno_container{
        width: 100%;
        padding-left: 15px;
    }

    .vyhl_okno{
        width: 98%;
        font-size: 14px;
        padding-left: 10px;
    }

    .find_me_btn{
        margin-top: 5px;
    }

    .vyhl_okno_container button{
        margin-left: -5px;
        height: 100%;
        margin-top: 0px;
        padding-top: 5px;
    }

    .vyhl_okno_container img{
        width: 20px;
        padding-bottom: 0px;
    }

    .naseptavac{
        width: 80vw;
        font-size: 13px;
    }

    .naseptavac_other{
        width: 90vw;
        margin-left: 5vw;
        transform: translateY(-29px);
        left: -100px;
    }

    .naseptavac_other .nasept_item_pic{
        margin-top: 4px;
    }

    .naseptavac_other img{
        width: 30px;
    }

    .vyhl_okno_container .naseptavac_sipka{
        margin-top: 40px;
        left: 0px;
    }

    .vyhl_submit{
        width: 15vw;
        text-align: center;
    }

    .banner_background_main{
        width: 100%;
        height: 312px;
        z-index: 9999;
    }

    .banner_background{
        background-color: #ff761a;
        width: 100%;
        z-index: 99999;
    }

    .vyhl_mezera_foto{
        display: none;
    }

    .vyber_mesta_nadpis{
        line-height: 120%;
        margin-bottom: 20px;
        width: 90vw;
        margin-left: 50%;
        transform: translateX(-50%);
    }

    .hlavni_nabidka_container{
        justify-content: center !important;
    }

    .hlavni_nabidka_item{
        display: none;
    }

    .hlavni_nabidka_item_2{
        width: 40vw !important;
        height: 40vw !important;
    
        margin-left: 50% !important;
        margin-top: 50px !important;
        transform: translateX(-50%) !important;

        font-size: 200em;
    }

    .nabidka_nadpis{
        margin-bottom: 27px;
    }

    .prvni_hlavni_nabidka_item{
        top: 0px !important;
    }

    .hlavni_nabidka_item_text{
        font-size: 4vw !important;
    }

    .nabidka_boxy_pc{
        display: none !important;
    }

    .nabidka_boxy_mob{
        display: block !important;
    }

    .hlavni_nabidka_hover_effect_btn{
        opacity: 0;
    }

    .hlavni_nabidka_button:hover{
        transition-duration: 0.2;
        color: #ff761a;
    }

    .hlavni_nabidka_button{
        border-radius: 4px;
        height: 40px;
        display: block;
    }

    .mezera_pc{
        display: none;
    }

    .hlavni_info_platba_odstavec{
        padding-left: 2vw;
        padding-right: 2vw;
    }
    
    .hlavni_info_item{
        width: 100%;
    }

    .hlavni_info_item_row .hlavni_info_image_mob_cont{
        height: 190px !important;
        margin-top: 210px !important;
        margin-left: 10px;
    }

    .footer_odkazy_mezera_main{
        display: block;
    }

    .footer .footer_odkazy{
        font-size: 17px !important;
    }

    .footer{
        font-size: 17px !important;
        padding-bottom: 80px;
    }

    .footer_nadpis{
        color: white;
        font-family: RaleNormal;
        margin-bottom: 0px;
    }

    .footer_odkazy{
        margin-bottom: 10px;
    }

    .footer_odkazy_cont{
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.5s ease;
        padding-left: 10px;
        margin-top: 0px;
    }

    .footer_icon_arrow{
        display: block;
    }

    .footer_nadpis:hover{
        color: #979797;
        cursor: pointer;
    
        transition-duration: 0.5s;
    }

    .footer_pictures{
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }

    .footer_pay_cont{
        margin-top: 0px;
    }

    .footer_logo{
        width: 98px;
        height: 60px;
    }

    .vyber_mesta{
        width: 95vw;
    }
    
    .vyber_mesta_btn{
        
    }
    
    .mezera_vyber_mesta{
        height: 5px;
    }

    .vyber_mesta_title{
        font-size: 18px;
    }
    
    .vyber_mesta_info{
        font-size: 14px;
    }
    
    .googlemap{
        height: 350px;
    }

    .slider_lvl1_rest_info{
        padding-left: calc((100vw - 44px) * 0.02) !important;
        padding-right: calc((100vw - 44px) * 0.02) !important;
    }

    .slider_lvl2_rest_info{
        padding-left: calc((100vw - 44px) * 0.02) !important;
        padding-right: calc((100vw - 44px) * 0.02) !important;
    }


    .slider_lvl1 .slick-dots{
        top: 26vw !important;
    }

    .slider_lvl1{
        margin-bottom: 0px;
    }

    .slider_lvl_rest_item {
        height: auto !important;
        aspect-ratio: 3 / 2;
        border-radius: 9px;
    }

    .slider_zatmaveni_restaurace_lvl2{
        height: 65%;
    }

    .slider_lvl2 .slick-dots{
        top: 26vw !important;
    }

    .mezera_restaurace_podbanerem{
        height: 2vw;
    }



    .vypis_restauraci_restaurace_cont{
        width: 48%;
        flex-basis: 48%;
        margin-left: 1%;
        margin-right: 1%;
        height: 44vw;
    }

    .item_restaurace_main_img{
        height: 22.5vw;
        border-radius: 9px;
    }

    .zavrena_rest_overlay{
        height:22.5vw;
    }
    /*
    .item_restaurace_main_or_info{
        font-size: 2.7vw;
        padding-top: 0.9vw;
        padding-bottom: 0.6vw;
    }
    */

    .item_restaurace_main_jmeno{
        font-size: 16px;
        margin-top: 2px;
        line-height: 120%;
    }

    .item_restaurace_main_akce{
        font-size: 3.1vw;
    }

    .historie_objednavek_detail_cont a{
        font-size: 3.1vw;
    }

    .historie_objednavek_detail_cont button{
        font-size: 3.1vw;
    }

    .item_restaurace_main_detaily{
        font-size: 13px;
    }

    .item_restaurace_main_detaily_line{
        height: 5vw;
    }

    .item_restaurace_main_detaily_line img{
        height: 70%;
        margin-right: 0.5vw;
    }

    .item_restaurace_main_detaily_item_l{
        height: 5vw;
    }
    .item_restaurace_main_detaily_item_r{
        height: 5vw;
    }



    .vyhledavac_vyhledano_loc_img{
        width: 5px;
        margin-right: 5px;
        opacity: 0;
    }

    .find_me_bottom_text h1{
        font-size: 14px;
    }

    .find_me_bottom_text_h1{
        font-size: 14px;
    }

    .googlemap_ulozit_lokaci p{
        font-size: 12px;
        margin-top: 3px;
    }

    .vypis_restaurace_horka_linka_nabidka_mest_zobacek{
        margin-left: 150px;
    }


    .restaurace_nabidka_jidlo{
        width: 100%;
        margin-left: 0%;
        height: fit-content;
    }

    .restaurace_nabidka_jidlo h2{
        font-size: 16px;
    }

    .restaurace_nabidka_jidlo_popis {
        font-size: 13px;
        
        line-height: 1.4
    }

    .restaurace_nabidka_jidlo_img{
        width: 100px;
        height: 100px;
        margin-top: 0px;
        transform: translateY(0%);
    }

    .restaurace_nabidka_jidlo_plus{
        width: 30px;
        height: 30px;
        line-height: 31px;
    }

    .restaurace_jidla_hlavicka_cont ul{
        width: 90% !important;
    }

    .restaurace_jidla_hlavicka_arrow_left{
        transform: rotateY(180deg) translateX(15px);
        margin-right: 70%;
    }

    .restaurace_jidla_hlavicka_arrow_left_dots{
        margin-right: 70%;
        transform: translateX(5px);
    }

    .restaurace_jidla_hlavicka_cont input{
        height: 34px;
        border-radius: 100%;
    }

    .restaurace_jidla_hlavicka_cont input:hover{
        cursor: pointer;
    }

    .restaurace_nabidka_jidlo_plus_hover{
        height: 100px !important;
        width: 100px !important;

        padding-top: 32px;
    }

    .restaurace_jidla_hlavicka_lupa{
        display: block;
        width: 21px;
    }

    .restaurace_jidla_hlavicka_lupa_normal{
        display: none;
    }

    .kosik_vypis_jidel_item{
        margin-bottom: 0px;
    }

    .kosik_vypis_jidel_item_r{
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .kosik_vypis_jidel_item_pocet{
        margin-left: 0px;
        margin-top: 3px;
    }

    .kosik_vypis_jidel_item_prilohy{
        transform: translateY(0px);
        margin-top: 0px;
        margin-bottom: 15px;
    }

    .kosik_vypis_jidel_item_prilohy_item_r{
        padding-right: 0px;
    }

    .kosik_vypis_jidel_item_nazev{
        font-size: 14px;
        max-width: 220px;
    }

    .kosik_vypis_jidel_item_cena{
        font-size: 14px;
    }

    .kosik_vypis_jidel_item_prilohy_item_l{
        font-size: 14px;
    }

    .kosik_vypis_jidel_item_prilohy_item_r{
        font-size: 14px;
    }

    .kosik_vypis_jidel_item_pocet_new{
        font-size: 14px;
    }

    .kosik_shrnuti_ceny_nazev, .kosik_shrnuti_ceny_cena, .info_doruceni_label, .info_doruceni_input_adresa, .info_doruceni_find_me_btn_zadano, .popup_info p, .info_doruceni_input_dlouhy, .info_doruceni_input_kratky, .info_doruceni_nabidka, .info_doruceni_select, .info_doruceni_platba, .odeslat_kod_kreditu, .mam_promokod{
        font-size: 14px;
    }

    .kosik_shrnuti_ceny{
        padding-right: 0px;
    }

    .kosik_main_info{
        font-size: 14px;
    }

    .kosik_title{
        font-size: 22px
    }

    .kosik_title_2{
        font-size: 22px
    }

    .kosik_title_z{
        font-size: 22px
    }

    .kosik_title_o{
        font-size: 14px;
    }

    .kosik_neco_navic_info{
        font-size: 14px;
    }

    .find_me_save_info_cont input{
        width: 80%;
    }

    .find_me_save_info_cont textarea{
        width: 80%;
    }

    .info_doruceni_input_kratky{
        width: 100%;
    }

    .info_doruceni_input_pozn{
        margin-top: 15px;
    }

    .objednavka_hra_nadpis{
        padding-left: 20px;
        padding-right: 20px;
        font-size: 20px;
    }

    .mezera_hodnoceni_big{
        height: 15px;
    }
    
    .mezera_hodnoceni_small{
        height: 5px;
    }

    .email_footer{
        width: 100vw;
        border-radius: 0px;
        padding: 20px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .footer_mobil{
        display: flex !important;
        flex-direction: column;
    }

    .footer_pc{
        display: none !important;
    }


    .footer_odkazy_mob{
        display: flex !important;
    }
    
    .footer_odkazy_pc{
        display: none;
    }

    .logo_top_pict_footer{
        height: 60px;
    }

    .email_cas_logo{
        width: 100%
    }

    .email_logo{
        width: 90px;
    }

    .obj_mezera_small{
        height: 30px;
    }

    .email_text_info{
        text-align: left;
        width: 100%;
    }

    .eshop_main_container .restaurace_nabidka_jidlo_img{
        margin-top: 0px !important;
    }

    .eshop_main_container .restaurace_nabidka_jidlo_plus_hover{
        width: 75px !important;
        height: 75px !important;
    }

    .input-cross-container_hledani_jidla{
        width: 35px !important;
    }

    .input-cross-container_hledani_jidla span{
        color: transparent;
        pointer-events: none;
    }

    .input-cross-container_hledani_jidla input{
        padding-right: 0px !important;
    }

    .input-cross-container_hledani_jidla input::placeholder{
        color: white;
    }

    .kosik_vypis_vice_profilu{
        justify-content: center;
    }

    .kosik_vypis_vice_profilu_item{
        width: 100%;
    }

    .jpn_alert_cont{
        width: 90%;
    }

    .varime_my_main_cont_h1{
        font-size: 27px;
    }

    .nadpis_cerny{
        font-size: 27px;
    }

    .nadpis_oranzovy{
        font-size: 27px;
    }

    .platby_main_info_cont h1{
        font-size: 27px;
    }

    .nadpis_zeleny{
        font-size: 27px;
        margin-bottom: 5px;
    }

    .vyhledavaci_hlaska_hlavni_text_kam{
        transform: translateY(20px);
    }

    .vyhl_okno_main{
        transform: translateY(20px);
    }

    .vyhl_okno_main_findmebutton_cont{
        transform: translateY(20px);
        z-index: 1000;
    }

    .naseptavac_main{
        transform: translate(-50%, 0px);
    }

    .naseptavac_sipka_main{
        transform: translate(-50%, 17px);
    }

    .filtr_cont button{
        width: 100px;
        min-width: 100px;
    }

    .uzivatel_filtr_horka_linka{
        width: 250px;
    }

    .del_user_info_btn_cont{
        flex-direction: column;
        width: 100% !important;
    }

    .del_user_info_btn{
        width: 100% !important;
    }

    .restaurace_jidla_hlavicka_arrow_left{
        left: 60px;
    }

    .find_me_btn{
        font-size: 14px;
    }

    .vyhledavac{
        padding-right: 0px;
    }

    .slider_lvl2{
        margin-bottom: 0px;
    }

    .slider_lvl2 .slick-slide, .slider_lvl1 .slick-slide{
        max-height: none !important;
    }

    .item_restaurace_main_cont_info{
        padding: 7px;
    }


    .kosik_vypis_jidel_item_pocet_new_cont_active{
        padding-right: 20px;
    }

    .sdilena_doprava_item{
        min-width: 0px;
    }

    .sdilena_doprava_item_l{
        min-width: 80px;
        width: 80px;

        min-height: 80px;
        height: 80px;
    }

    .popup_info_doprava{
        width: 95%;
    }

    .kosik_title_before{
        font-size: 14px;
    }

    .kosik_title_cisloobj{
        font-size: 14px;
    }

    .kuryr_form_cont_formular{
        padding-left: 30px;
        padding-right: 30px;
    }

    .kuryr_form_cont_formular_otazky{
        flex-direction: column;
    }

    .kuryr_form_cont_formular_otazky_r{
        margin-left: 0px;
        margin-top: 20px;
    }

    #jiz_existujici_label_tel{
        position: absolute !important;
        opacity: 0 !important;
        pointer-events: none !important;
        width: 90%;
    }

    #jiz_existujici_label_tel_pc{
        position: absolute;
        opacity: 0;
        pointer-events: none;
        display: block !important;
    }


    .restaurace_nabidka_jidlo_l_eshop h2{
        font-size: 14px !important;
    }

    .franchisa_blok5_text_cont{
        flex-direction: column;
        gap: 10px;
    }

    .franchisa_blok5_cont{
        gap: 20px;
    }

    .lottie_procregistrovat_doprava{
        display: none;
    }

    .restaurace_nabidka_jidlo_gramaz{
        display: none;
    }

    .restaurace_nabidka_jidlo_popis{
        margin-top: 3px;
    }

    .restaurace_nabidka_jidlo_cena_sleva{
        margin-top: 5px;
    }
    
    .sdeleni_cont_nove{
        padding-left: 9px;
        padding-right: 9px;
    }

    .kontakty_main_fran_img img{
        width: 90%;
    }

    .kontakty_main_fran_img p{
        font-size: 20px;
    }

    .item_restaurace_main_or_info{
        font-size: 11px;
        min-height:19px;
    }

    .item_restaurace_main_ce_info{
        font-size: 11px;
        min-height:19px;
    }

    .item_restaurace_main_fi_info{
        font-size: 11px;
    }

    .item_restaurace_main_slev_info{
        font-size: 11px;
    }

    .item_restaurace_main_nov_info{
        font-size: 11px;
    }

    .rest_alert_icon{
        width: 13px;
    }

    /* Cart-only: smaller consent text in checkout (GDPR/VOP) */
    #info_doruceni_rekapitulace .n_checkbox_label {
        font-size: 12px !important;
    }

    #registrace_udaje_vse .n_checkbox_label{
        font-size: 12px !important;
    }
}

@media only screen and (max-width: 455px) {
    .kosik_vypis_jidel_item_nazev{
        font-size: 13px;
        max-width: 150px;
        padding-right: 10px;
    }

    .item_restaurace_main_detaily_item_l{
        width: 55%;
    } 

    .restaurace_jidlo_info_content_druhy_radek_info{
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start !important;
        gap: 0px;
        margin-bottom: 30px;
    }

    .restaurace_jidlo_info_content_druhy_radek_info .del_user_info_title{
        margin-bottom: 0px;
    }

    .filtr_cont input{
        width: 97%;
    }

    .item_restaurace_main_or_info{
        font-size: 9px;
        min-height:18px;
    }

    .item_restaurace_main_ce_info{
        font-size: 9px;
        min-height:18px;
    }

    .item_restaurace_main_fi_info{
        font-size: 9px;
    }

    .item_restaurace_main_slev_info{
        font-size: 9px;
    }

    .item_restaurace_main_nov_info{
        font-size: 9px;
    }

    .rest_alert_icon{
        width: 11px;
    }

    .vypis_restauraci_restaurace_cont{
        height: 48vw;
    }

}

@media only screen and (max-width: 414px) {

    .restaurace_hlavicka_foto{
        height: 180px;
    }

    .find_me_save_cont .container{
        margin-top: 20px;
    }

    .stav_objednavky{
        width: 80px;
        overflow: hidden;
    }

    .stav_objednavky_blur{
        width: 130%;
        height: 130%;
        backdrop-filter: blur(6px);
        -webkit-backdrop-filter: blur(6px);
    }

    .obj_mezera_big{
        height: 50px;
    }

    .stav_objednavky_text{
        font-size: 14px;
        padding-right: 20px;
    }

    .menu_objednavky{
        font-size: 14px;
        height: 30px;
    }

    .prihlaseni_input{
        width: 250px;
    }

    .prihlaseni_google_log_cont{
        width: 250px;
        height: 32px;
        font-size: 14px;
    } 

    .mezera_hodnoceni_big{
        height: 10px;
    }
    
    .mezera_hodnoceni_small{
        height: 0px;
    }

    .popup_nevozime_btn_cont{
        flex-direction: column;
        gap: 10px;
    }

    .kosik_vypis_jidel_item_pocet_new_cont_active{
        padding-right: 15px;
    }

    .restaurace_hlavicka_informace_cont{
        flex-direction: column;
    }

    .popup_cont_login{
        min-width: 325px;
    }
    
}

@media only screen and (max-width: 400px) {

    .restaurace_jidlo_info_img{
        height: 180px;
    }

    .kosik_vypis_jidel_item_nazev{
        font-size: 12px;
        max-width: 130px;
        padding-right: 8px;
    }

    /* Cart summary names: extra compact on the tiniest screens */
    .main_content_wrapper .kosik_shrnuti_ceny_nazev { font-size: 13px !important; }

    /* Checkout buttons: keep text very small on tiny devices */
    .main_content_wrapper .kosik_objednat_btn,
    .main_content_wrapper .kosik_objednat_btn_dale1,
    .main_content_wrapper .kosik_objednat_btn_dale2,
    .main_content_wrapper .kosik_objednat_btn_dale2_eshop {
        font-size: 12px !important;
        line-height: 1.2;
    }

    .kosik_objednat_btn_dale1, .kosik_objednat_btn_dale2, .kosik_objednat_btn_dale2_eshop, .kosik_objednat_btn{
        padding-bottom: 8px !important;
    }

    .vypis_restauraci_restaurace_cont{
        height: 52vw;
    }

}

@media only screen and (max-width: 370px) {

    .info_doruceni_platba_cont{
        flex-direction: column;
    }
    
    .info_doruceni_platba{
        width:100%;
        height:20px;
        padding-top: 14px;
        padding-bottom: 14px;
    }

    #info_doruceni_platba_strav{
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    #info_doruceni_platba_jindy{
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .info_doruceni_platba_neaktivni{
        position: absolute;
    }

    .novinky_z_mesta_btn{
        flex-direction:column;

    }

    .novinky_z_mesta_btn a{
        width: 100%;
    }
}

@media only screen and (max-width: 340px) {

    .stav_objednavky_blur{
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
    }

    .kosik_vypis_jidel_item_nazev{
        font-size: 11px;
        max-width: 115px;
        padding-right: 6px;
    }

    .vypis_restauraci_restaurace_cont{
        height: 52vw;
    }
}

@media only screen and (max-width: 325px) {

    .vypis_restauraci_restaurace_cont{
        height: 58vw;
    }
}

/* Sekce obrázku restaurace a informací */
.rest_vyhl_restaurace {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    width: fit-content;
    padding: 10px;
    border-radius: 9px;
    cursor: pointer;
    margin-left: -10px;

    will-change: transform;
    transform: translateX(0px);
    transition-duration: .3s;
}
.rest_vyhl_restaurace:hover{
    transform: scale(1.01);
    transition-duration: .3s;
    background-color: rgb(241, 241, 241);
}

.rest_vyhl_restaurace a{
    width: fit-content;
    color: black;
    text-decoration: none;

    display: flex;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
    border-radius: 9px;
    transition-duration: .3s;
    cursor: pointer;

    will-change: transform;
    transform: translateX(0px);
    transition-duration: .3s;
}

.rest_vyhl_restaurace a:hover{
    color: black;
}

.rest_vyhl_restaurace_foto {
    width: 150px;
    height: 150px;
    border-radius: 8px;
    object-fit: cover;
    background-size: cover;
    background-position: center;
}

.rest_vyhl_restaurace_name {
    margin-bottom: 10px;
    font-size: 18px;
    font-family: RaleExBold;
    transition-duration: .3s;
    width: fit-content;
}

.rest_vyhl_restaurace_name a{
    color:black;
    text-decoration: none;
}

.rest_vyhl_restaurace_name a:hover{
    color: #ff761a;
    text-decoration: underline;
    transition-duration: .3s;
    cursor: pointer;
}

.rest_vyhl_restaurace_info {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    font-family: RaleNormal;
    font-size: 16px;
}

.rest_vyhl_restaurace_info{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 5px;
    width: 200px;
    height: 20px;
}

.rest_vyhl_restaurace_info_item{
    min-width: 80px;
    box-sizing: border-box; /* Zajistí správné počítání velikosti */
    gap: 5px;
    font-size: 14px;
    font-family: RaleNormal;
}

.rest_vyhl_restaurace_info_item_icon{
    height: 16.5px;
    margin-top: -1px;
}

/* Sekce menu */
.rest_vyhl_menu_cont {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
}

.rest_vyhl_menu_title {
    font-size: 18px;
    font-family: RaleExBold;
    margin-bottom: 10px;
}

.rest_vyhl_menu {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    padding-bottom: 10px;
}

.rest_vyhl_menu_item {
    min-width: 90px;
    flex-shrink: 0;
    background: transparent;
    border-radius: 8px;
    cursor: pointer;
    width: 180px;
    transition-duration: .3s;
}

.rest_vyhl_menu_item:hover{
    color: #ff761a;
    transition-duration: .3s;
}

.rest_vyhl_menu_item_foto {
    width: 90px;
    height: 90px;
    background-size: cover;
    border-radius: 8px;
    background-color: #e3e3e3;
    margin-bottom: 10px;
    border-radius: 9px;
    background-position: center;
}

.rest_vyhl_menu_item_name {
    font-family: RaleNormal;
    font-size: 16px;
    margin-bottom: 5px;
}

.rest_vyhl_menu_item_price {
    font-size: 16px;
    font-family: RaleExBold;
    color: #ff761a;
}




/* PROČ SE REGISTROVAT */

.vyhody_registrace_main_cont{
    display: flex;
    flex-direction: row;
}

.vyhody_registrace_main_l{
    width: 50%;
    display: flex;
    flex-direction: column;
    padding-right: 20px;
    gap: 40px;
}

.vyhody_registrace_main_l .vyhody_registrace_item{
    transform: translateX(-300px);
}

.vyhody_registrace_main_r .vyhody_registrace_item{
    transform: translateX(300px);
}

.vyhody_registrace_item_tl{
    transform: translateX(300px);
}

.vyhody_registrace_main_r{
    width: 50%;
    display: flex;
    flex-direction: column;
    padding-left: 20px;
    gap: 40px;
    padding-top: 50px;
}

.vyhody_registrace_item{
    background-color: #D2EBCB;
    padding: 40px;
    padding-bottom: 30px;
    border-radius: 9px;
}

.hlavni_info_odstavec_b{
    font-family: RaleExBold;
    color: #ff761a;
}

.vyhody_registrace_item .hlavni_info_odstavec_b{
    color: black !important;
}

.vyhody_registrace_nadpis_barevny{
    font-family: RaleExBold;
    font-size: 16px;
    margin-bottom: 12px;
    line-height: 110%;
}

.vyhody_registrace_nadpis{
    font-family: RaleExBold;
    font-size: 30px;
    margin-bottom: 20px;
    color: black;
    line-height: 110%;
}

.vyhody_registrace_item_tl {
    background-color: transparent !important;
    border: 1px solid black;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
}

.vyhody_registrace_item_tl .vyhody_registrace_nadpis {
    margin-bottom: 0px !important;
    color: black;
    text-decoration: none;
    transition: color 0.3s;
    font-size: 20px;
    font-family: RaleNormal;
}

/* Změna barvy pozadí + textu při hoveru */
.vyhody_registrace_item_tl:hover {
    background-color: #eeeded !important
}

/* Opravené styly pro odkazy */
.vyhody_registrace_main_cont a {
    color: black;
    text-decoration: none;
    transition: color 0.3s;
}

.vyhody_registrace_main_nadpis{
    font-size: 30px;
    font-family: RaleExBold;
    width: 28%;
    height: fit-content;
    line-height: 120% !important;
}

.vyhody_registrace_main_nadpis_cont{
    display: flex;
    flex-direction: row;
    gap: 0px;
    margin-top: 50px;
    margin-bottom: 20px;
    align-items: center;
}

.vyhody_registrace_item_odkazy_cont{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.lottie_procregistrovat{
    height: 300px;
    width: 25%;
    margin-top: -70px;
}

.vyhody_registrace_main_nadpis_cont_l{
    flex: 1;
    padding-left: 40px;
    padding-right: 20px;
    flex-direction: column;
    height: fit-content;
}

.vyhody_registrace_main_nadpis_cont_l_resp{
    display: none;
}






.lottiezkouskacont{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    padding: 100px;
}

.lottiezkouska{
    width: 400px;
    height: 400px;
    border: 1px solid red;
}

.context-menu {
    position: fixed;
    display: flex;
    flex-direction: column;
    gap: 0px;
    justify-content: center;
    background-color: #ffffff;
    color: black;
    font-family: RaleNormal, sans-serif;
    font-size: 16px;
    white-space: nowrap;
    border-radius: 15px;
    text-align: start;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 8px 0px,
                rgba(0, 0, 0, 0.12) 0px 1px 2px 0px,
                rgba(0, 0, 0, 0.12) 0px 0px 1px 0px;
    display: none;
    padding: 10px 20px;
    min-width: 220px;

    z-index: 999999999;
  }
  
  .context-menu a {
    text-decoration: none;
    color: black;
    padding: 6px 0;
    transition: color 0.2s ease;
  }
  
  .context-menu a:hover {
    color: #ff761a;
  }


  /* FONT RENDERING FIXES */
* {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    
}

/* SEO-FRIENDLY HEADING REPLACEMENTS */
/* Tyto třídy nahrazují H1/H2 tagy v popupech a modalech pro správnou SEO strukturu */

.seo-h1-replacement {
    font-family: RaleExBold !important;
    font-size: 25px !important;
    color: #ff761a;
    margin-bottom: 20px;
    line-height: 1.2;
}

.seo-h2-replacement {
    font-family: RaleExBold;
    font-size: 20px;
    color: black;
    margin-bottom: 15px;
    line-height: 1.2;
}

.seo-title-large {
    font-family: RaleExBold;
    font-size: 25px;
    color: black;
    margin-bottom: 20px;
    line-height: 1.2;
}

.seo-title-medium {
    font-family: RaleExBold;
    font-size: 20px;
    color: black;
    margin-bottom: 15px;
    line-height: 1.2;
}

.seo-title-popup {
    font-family: RaleExBold;
    font-size: 22px;
    color: #ff761a;
    text-align: center;
    margin-bottom: 20px;
    line-height: 1.2;
}

.seo-title-form {
    font-family: RaleExBold;
    font-size: 20px;
    color: black;
    text-align: center;
    margin-bottom: 15px;
    line-height: 1.2;
}

.seo-filter-title {
    font-family: RaleExBold;
    font-size: 25px;
    color: black;
    margin-bottom: 25px;
    line-height: 1.2;
}

.seo-filter-subtitle {
    font-family: RaleExBold;
    font-size: 16px;
    margin-bottom: 2px;
    line-height: 1.2;
}

/* --- Fix: enforce strict 2:1 ratio for restaurant tiles --- */
@supports not (aspect-ratio: 2 / 1) {
    .item_restaurace_main_img {
        /* Let height be defined by the pseudo-element below */
        height: auto !important;
    }
    .item_restaurace_main_img::before {
        /* Fallback: 2:1 ratio via padding-top */
        content: "";
        display: block;
        padding-top: 50%;
    }
    /* Ensure inner click-layer doesn't add extra height in fallback */
    .item_restaurace_main_img > a {
        position: absolute;
        inset: 0;
        display: block;
    }
}

/* Fallback for slider tiles: strict 3:2 ratio when aspect-ratio unsupported */
@supports not (aspect-ratio: 3 / 2) {
    .slider_lvl_rest_item {
        height: auto !important;
    }
    .slider_lvl_rest_item::before {
        content: "";
        display: block;
        padding-top: 66.6667%;
        flex: 0 0 auto;
    }
}

/* Ensure overlays always cover the image area exactly */
.zavrena_rest_overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    border-radius: inherit;
}

/* Stable dot placement for level sliders (only on mobile where dots are shown) */
.slider_lvl1,
.slider_lvl2 {
    position: relative;
}

@media only screen and (max-width: 767px) {
    .slider_lvl1,
    .slider_lvl2 {
        --dots-space: 35px; /* reserve space for dots */
        padding-bottom: var(--dots-space);
    }
    .slider_lvl1 .slick-dots,
    .slider_lvl2 .slick-dots {
        position: absolute;
        top: auto !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        transform: translateY(20px);
    }
}

/* Anchor arrow wrappers to the slider section container */
.container_restauraci .col-12 {
    position: relative;
}

.info_o_meste_icon{
    width: 17px;
    margin-left: 5px;
    margin-right: 0px !important;
}

.info_o_meste_a{
    width: fit-content;
    cursor: pointer;
}