@charset "UTF-8";
/* YOUR CUSTOM CSS */

/*3.1 Preloader*/
#preloader {
	background-color:#fd1403;
}
/*General links color*/
a {color:#ec008c;}
a:hover,a:focus {color: #111;}

/*-------- Content--------*/
header.sticky{
	background-color: #fd1403;
}

header{
    background-color: #fd1403;
}

.features-content {
    background-color: #fd1403;
}
#preloader {
	background-color:#fd1403;
}
.modal-popup {
	background: #fd1403;
}
.box_style_2 h2.inner {
	background-color:#fd1403;
	color:#fff;
}
/*-------- Buttons --------*/
a.btn_1, .btn_1{
	color:#fff;
	background: #fd1403;
}
a.btn_1:hover, .btn_1:hover{
	background:#333;
}
a.btn_full, .btn_full{
	color:#fff;
	background: #fd1403;
}
a.btn_full:hover, .btn_full:hover{
	background:#333;
}
a.btn_map{
	color:#fff;
	background:#555;
}
a.btn_map:hover{
	background:#333;
}
a.btn_side{
	color:#fff;
	background:#555;
}
a.btn_side:hover{
	background:#333;
	color:#fff;
}
a.btn_full_outline{
	color:#fd1403;
	background:none;
	border:2px solid #fd1403;
}
a.btn_full_outline:hover{
	border:2px solid #333;
	color:#333;
}
a.button_intro, .button_intro  {
	color:#fff !important;
	background: #fd1403;
}
a.button_intro:hover, .button_intro:hover {
	background: #fff;
	color:#fd1403 !important;
}
a.button_intro.outilne, .button_intro.outline  {
	border: 2px solid #fff;
	color:#fff;
	background: none;
}
#cart_box a.btn_full, #cart_box .btn_full{
	background: #fd1403;
}
#cart_box a.btn_full:hover, #cart_box .btn_full:hover{
	background: #333;
}
#cart_box a.btn_full_outline{
	color:#fd1403;
	background:none;
	border:2px solid #fd1403;
}
#cart_box a.btn_full_outline:hover{
	color:#333;
	background:none;
	border:2px solid #333;
}
.high_light{
	background:#d12a1e;
}

/* All styles MENU
================================================== */
@media only screen and (min-width: 992px) {

.main-menu ul ul li:hover > a {background-color:#f9f9f9;color:#fd1403; padding-left:15px;}

}

@media only screen and (max-width: 991px) {

#header_menu{background-color:#fd1403;}

.main-menu ul li a:hover,
a.show-submenu:hover,
a.show-submenu:focus,
a.show-submenu-mega:hover,
a.show-submenu-mega:focus{color:#bd180c !important;background-color:#f9f9f9;}

.main-menu ul li  {border-bottom: 1px solid #ededed;color: #fff;}

.main-menu li,
.main-menu a {display: block;color:#555 !important;}

.main-menu a:hover {color:#fd1403 !important;}

}

#orderSummary{
    background-color: rgba(255, 0, 0, 0.103);
}

#orderSummary:hover{
    background-color: rgba(255, 0, 0, 0.685);
}

/* order/create custom css */
#custom_body{
    background-color: white;
}

.custom-selected {
    background-color: #F9C22E;
}
/* Oddělení mezi dny */
.day-divider {
    background-color: white;
}
/* Oddělení mezi týdny */
.week-divider {
    /* background-color: #ccc; */
}

.custom-footer{
    /* padding: 5rem; */
}

.custom-main{
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    max-width: 100%;
    margin: 1rem auto;
}

.custom-grid{
    /* display: grid;
    grid-gap: 2rem; */
}

.article{
    flex-grow: 999;
    /* flex-basis: 0; */
}

.custom-sticky{
    /* background: green; */
    height: 5rem;
    /* width: 20rem; */
    flex-grow: 1;
    flex-basis: 200px;
    position: sticky;
    top: 5rem;
    display: flex;
    /* margin-right: -10px; */
    /* align-items: center;
    justify-content: center; */
    border-width: 50px;
    border-color: black;
    /* borde-style: solid; */
    border-style: inset;
}

.cookie-consent {
    position: fixed; /* Udržuje panel na spodní části obrazovky */
    bottom: 0; /* Umístí panel na spodní hranu */
    left: 0; /* Zarovná panel k levému okraji */
    right: 0; /* Zarovná panel k pravému okraji */
    z-index: 1000; /* Zajistí, že panel bude nad ostatními prvky stránky */
    background-color: #fefcbf; /* Světle žlutá barva pozadí, můžete upravit */
    color: #1a202c; /* Barva textu, můžete upravit */
    box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1); /* Přidá mírný stín nad panel */
}

.cookie-consent__message {
    padding: 10px 0; /* Přidává padding pro text, pro lepší čitelnost */
}

.cookie-consent__agree {
    margin: 5px; /* Přidává margin kolem tlačítka, pro lepší vizuální oddělení */
    border: none; /* Odstraní okraj tlačítka */
}

/* Media query pro lepší zobrazení na menších zařízeních */
@media (max-width: 768px) {
    .cookie-consent {
        padding: 10px; /* Zvětší padding na menších zařízeních pro lepší čitelnost */
    }
    .cookie-consent__message, .cookie-consent__agree {
        width: 100%; /* Zajistí, že obsah bude zabírat celou šířku na menších zařízeních */
        text-align: center; /* Zarovná text na střed */
    }
    .cookie-consent__message {
        display: block; /* Zajistí, že text bude na novém řádku na malých zařízeních */
    }
}