/*
Theme Name: kachna.cz
Author: info@drs.cz
Text Domain: drs
Version: 1.0
*/

/*
Přepsání výchozích proměnných Bootstrap
--------------------------------------------
$container-max-widths: ( sm: 540px, md: 720px, lg: 960px, xl: 1140px, xxl: 1220px );
$warning: #ff8500;
$dark: #2b2e34;
$light: #ededed;
$body-color: $dark;
$link-color: $warning;
$component-active-bg: $warning;
$accordion-button-active-color: shade-color($warning, 10%);
$font-family-base: 'Matter', sans-serif;
$headings-font-family: 'Reckless Neue', sans-serif;
$headings-font-weight: 700;
$h1-font-size: 3.125rem;
$h2-font-size: 2.5rem;
$h3-font-size: 1.875rem;
$h4-font-size: 1.5rem;
$h5-font-size: 1.25rem;
$h6-font-size: 1.125rem;
$input-btn-padding-y: .5rem;
$input-btn-padding-x: 1rem;
$input-btn-padding-x-sm: .875rem;
$input-btn-padding-y-lg: .875rem;
$input-btn-padding-x-lg: 1.375rem;
*/


/* VARIABLES
-------------------------------------------------- */
:root {
    --swiper-theme-color: var(--bs-warning);
    --bs-shadow-xl: 0px 1.25rem 6.25rem rgb(0 0 0 / 10%);
}
.shadow-xl { box-shadow: var(--bs-shadow-xl); }
.font-primary { font-family: var(--bs-body-font-family); }
.font-secondary { font-family: 'Reckless Neue', sans-serif; }

/* GLOBAL STYLES
-------------------------------------------------- */
a { transition: color 0.3s; }
.wp-block-separator { opacity: 1; border-bottom: none!important; border-top: 1px dotted var(--bs-gray-500); background-color: transparent; }
.wp-block-separator.is-style-dots { display: flex; justify-content: center; }
.wp-block-separator.is-style-dots:before { content: ''; width: 270px; height: 16px; padding: 0; background: transparent url(images/icon-logo-sm.svg) center center repeat-x; }
table th { font-weight: 600; }
embed, iframe, object { margin-bottom: 1rem; max-width: 100%; border: none; }
img, video { height: auto; max-width: 100%; }
.text-transform-none { text-transform: none!important; }
.overflow-scroll-x { overflow-x: auto!important; }
.fw-300 { font-weight: 300!important; }
.fw-500 { font-weight: 500!important; }
.fw-600 { font-weight: 600!important; }
.fw-900 { font-weight: 900!important; }
.fs-small { font-size: .875rem!important; }
.fw-300 h1, .fw-300 .h1, .fw-300 h2, .fw-300 .h2, .fw-300 h3, .fw-300 .h3, .fw-300 h4, .fw-300 .h4, .fw-300 h5, .fw-300 .h5, .fw-300 h6, .fw-300 .h6 { font-weight: bolder; }
.btn svg { fill: currentColor; }
.btn-circle, .btn-square { display: inline-flex; justify-content: center; align-items: center; width: 2.625rem; height: 2.625rem; padding: 0; overflow: hidden; }
.btn-circle { border-radius: 100%; }
.btn-circle.btn-sm, .btn-square.btn-sm { width: 1.9375rem; height: 1.9375rem; }
.btn-circle.btn-lg, .btn-square.btn-lg { width: 3.75rem; height: 3.75rem; }
.btn.btn-tab { border: none; }
.btn.btn-tab:not(.active) { border-color: rgba(var(--bs-secondary-rgb), .25); background-color: rgba(var(--bs-secondary-rgb), .25); }
.btn.btn-tab.active { background-color: var(--bs-warning); }
.woocommerce-button,  .button.add_to_cart_button {font-weight: bold !important; border-radius: 50rem !important;}
.wc-block-components-checkout-place-order-button, #place_order.button { font-weight: bold; border-radius: 50rem;  }
.wc-block-components-checkout-place-order-button:hover { background-color: #ff9726;  border-color #ff911a; }
.product .added_to_cart, .woocommerce-notices-wrapper .button.wc-forward { font-weight: bold !important; border-radius: 50rem !important; color: #515151;  background-color: #e9e6ed;}
.product .added_to_cart { margin-top: 1em;  padding: 0.5em 1em;}
.product .added_to_cart:hover { background-color: #dcd7e2; }


svg.svg-icon-xs { width: .5rem; height: .5rem; flex: 0 0 .5rem; }
svg.svg-icon-sm { width: .875rem; height: .875rem; flex: 0 0 .875rem; }
svg.svg-icon-base { width: 1rem; height: 1rem; flex: 0 0 1rem; }
svg.svg-icon-md { width: 1.25rem; height: 1.25rem; flex: 0 0 1.25rem; }
svg.svg-icon-lg { width: 1.5rem; height: 1.5rem; flex: 0 0 1.5rem; }
svg.svg-icon-xl { width: 1.75rem; height: 1.75rem; flex: 0 0 1.75rem; }
.fill-white { fill: #fff!important; }
.fill-primary { fill: var(--bs-primary)!important; }
.fill-dark { fill: var(--bs-dark)!important; }
.fill-danger { fill: var(--bs-danger)!important; }
.fill-secondary { fill: var(--bs-secondary)!important; }
.fill-warning { fill: var(--bs-warning)!important; }
.fill-success { fill: var(--bs-success)!important; }
.fill-light { fill: var(--bs-light)!important; }
.bg-linear-light { background-image: linear-gradient(to bottom, rgba(var(--bs-black-rgb), .1), transparent 200px); }
.bg-linear-base { background-image: linear-gradient(to bottom, rgba(var(--bs-black-rgb), .125), rgba(var(--bs-black-rgb), .2)); }
.bg-linear-dark { background-image: linear-gradient(to bottom, #5e5e5e 110px, #818181 320px, #818181); }
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; word-break: normal; }
.grecaptcha-badge { visibility: collapse !important; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 0.5rem 1em 0.5rem 0; }
.alignright { float: right; margin: 0.5rem 0 0.5rem 1rem; }
.ratio > img, figure.h-100 > img { width: 100%; height: 100%; object-fit: cover; }

.lg-backdrop { background-color: var(--bs-dark); }
.lg-outer .lg-thumb-outer, .lg-outer .lg-toogle-thumb { background-color: rgba(0, 0, 0, 0.75); }
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: var(--bs-warning); }
.lg-toolbar .lg-icon, .lg-actions .lg-next, .lg-actions .lg-prev, .lg-outer .lg-toogle-thumb, .lg-outer.lg-dropdown #lg-share { color: var(--bs-light); }
.lg-toolbar .lg-icon:hover, .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover, .lg-outer .lg-toogle-thumb:hover, .lg-outer.lg-dropdown-active #lg-share { color: var(--bs-warning); }
.lg-sub-html { font-size: 100%; color: #fff; }
.lg-sub-html a { color: inherit; }
.lg-outer .lg-item { background: url(images/ajax-loader.svg) center center no-repeat; }
.lg-object { margin: 0; box-shadow: 0px 5px 20px 1px rgba(0, 0, 0, 0.35); }
.lg-img-wrap > img { background-color: #fff; }

#cookie-law-info-bar { padding: 1rem!important; background: hsla(0,0%,100%,.95)!important; box-shadow: 0 -2px 8px 0 rgb(0 0 0 / 25%)!important; }
#cookie-bar { max-width: 680px; margin: 0 auto; text-align: center; font-weight: 400; }
#cookie-bar .cli-plugin-main-link, #cookie-bar .cookie_action_close_header_reject { text-decoration: underline!important; font-weight: inherit!important; color: var(--bs-warning)!important; }
#cookie-bar .title { margin-bottom: .5rem; line-height: 1.3; font-size: 1.25rem; font-weight: 700; }
#cookie-bar .bar-text { margin-bottom: 1rem; vertical-align: middle; }
#cookie-bar .bar-text.after-button { margin-bottom: 0; }
#cookie-bar .button-bar { display: flex; justify-content: center; align-items: center; margin-bottom: 1rem; }
#cookie-bar .button-bar a { display: block; margin: 0 .25rem 0 0!important; padding: .375rem 1rem!important; border: 2px solid transparent!important; border-radius: 50rem!important; line-height: 1.5; text-decoration: none; font-size: 1rem!important; }
#cookie-bar .button-bar a.cli_settings_button { border-color: var(--bs-warning)!important; color: var(--bs-black)!important; background-color: transparent!important; }
#cookie-bar .button-bar a.cli_settings_button:hover { color: #fff!important; background-color: var(--bs-warning)!important; }
.cli-modal .cli-tab-container h4, .cli-modal .cli-tab-container h1 { font-weight: 700; }
.cli-modal table.cookielawinfo-winter { font-family: inherit; }
.cli-modal table.cookielawinfo-winter thead th { border-color: var(--bs-warning); background-color: var(--bs-warning); }
.cli-modal table.cookielawinfo-winter tbody td, .cli-modal table.cookielawinfo-winter tbody th { border-bottom: 1px solid var(--bs-gray-300); background: var(--bs-gray-100); }
.cli-modal .cli-switch input:checked + .cli-slider { background-color: var(--bs-warning); }
.cli-modal .cli-tab-footer .wt-cli-privacy-accept-btn { border-radius: 50rem; background-color: var(--bs-warning); }

/* HEADER
-------------------------------------------------- */
#header { position: sticky; top: 0; z-index: 1010; background-color: #fff; }
#header .navbar { flex-wrap: nowrap; }
#header .navbar-right { display: flex; align-items: center; justify-content: flex-end; flex-wrap: nowrap; }

/* MAIN
-------------------------------------------------- */
.main-header { text-align: center; color: var(--bs-secondary); }
.main-header h1, h1.page-title, h1.product_title { color: var(--bs-warning); padding-top: 0.7em !important;}
h1.page-title {text-align: center;}
.main-breadcrumb { display: flex; justify-content: center; margin-bottom: .5rem; font-size: .875rem; color: var(--bs-gray-400); }
.main-breadcrumb a:not(:hover) { text-decoration: none; }
.main-breadcrumb .breadcrumb_last { display: none; }

.post-meta { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; font-weight: 300; }
.post-meta > div { display: flex; align-items: center; margin-right: 1rem; margin-bottom: .25rem; }
.post-meta > div > a { text-decoration: none; }
.post-meta > div > a:not(:hover) { text-decoration: none; color: inherit; }
.post-meta > div > svg { fill: currentColor; }
.post-meta .post-share .dropdown-menu #share-buttons { display: flex; flex-wrap: wrap; max-width: 170px; margin-bottom: 0!important; }
.post-meta .post-share .btn-print, .post-meta .post-share .btn-mail { display: none!important; }
.post-meta .post-share .btn { display: inline-flex; justify-content: center; align-items: center; height: 32px; margin: 1px!important; }

.wp-block-file { clear: both; margin-bottom: 1rem; font-weight: normal; }
.wp-block-file a { display: inline-flex; align-items: center; font-size: 1rem; }
.wp-block-file a:hover { text-decoration: underline; }
.wp-block-file a.wp-block-file__button { display: none; }
.wp-block-file a:before { content: "\f56d"; padding-right: .5rem; vertical-align: middle; font-family: "Font Awesome 5 Free"; font-size: 1.5rem; font-weight: 700; color: var(--bs-warning); }
.wp-block-file a[href$='.pdf']:before, .wp-block-file a[title$='.pdf']:before { content: "\f1c1"; }
.wp-block-file a[href$='.doc']:before, .wp-block-file a[href$='.odt']:before, .wp-block-file a[title$='.doc']:before, .wp-block-file a[title$='.odt']:before { content: "\f1c2"; }
.wp-block-file a[href$='.xlsx']:before, .wp-block-file a[href$='.xls']:before, .wp-block-file a[title$='.xlsx']:before, .wp-block-file a[title$='.xls']:before { content: "\f1c3"; }
.wp-block-file a[href$='.jpg']:before, .wp-block-file a[href$='.jpeg']:before, .wp-block-file a[href$='.png']:before, .wp-block-file a[title$='.jpg']:before, .wp-block-file a[title$='.jpeg']:before, .wp-block-file a[title$='.png']:before { content: "\f1c5"; }
.wp-block-file a[href$='.zip']:before, .wp-block-file a[href$='.rar']:before, .wp-block-file a[title$='.zip']:before, .wp-block-file a[title$='.rar']:before { content: "\f1c6"; }
.wp-block-file a[href$='.wmv']:before, .wp-block-file a[href$='.mkv']:before, .wp-block-file a[title$='.wmv']:before, .wp-block-file a[title$='.mkv']:before { content: "\f1c8"; }
.wp-block-file a[href$='.ppsx']:before, .wp-block-file a[title$='.ppsx']:before { content: "\f1c4"; }
.wp-block-file a[href$='.mp3']:before, .wp-block-file a[title$='.mp3']:before { content: "\f1c7"; }
.wp-block-file.link a:before { content: '\f35d'; font-size: 1rem; padding-top: .25rem; font-weight: 700; }

.wp-block-table table th, .wp-block-table table strong { font-weight: 600; }
.wp-block-table table th, .wp-block-table table td { padding: .5rem .5rem; vertical-align: top; border: 1px solid var(--bs-gray-200); }
.wp-block-table table thead td, .wp-block-table table thead th { border-color: var(--bs-secondary); border-bottom-width: 2px; background-color: var(--bs-gray-200); }
.wp-block-table table tbody td, .wp-block-table table tbody th { }
.wp-block-table figcaption { margin: .5rem 0 0 0; text-align: center; font-size: .875rem; color: var(--bs-secondary); }

body .main-content ul.page-numbers { display: flex; justify-content: center; align-items: center; margin: 3rem 0 0; padding: 0; border: none; list-style: none; }
body .main-content ul.page-numbers li { float: none; display: block; border: none; }
body .main-content ul.page-numbers li a, body .main-content ul.page-numbers li span { display: flex; justify-content: center; align-items: center; width: 42px; height: 42px; margin: 0 .15rem; padding: 0; border: 2px solid var(--bs-warning); border-radius: 100%; line-height: 1; text-align: center; text-decoration: none; font-weight: 600; color: var(--bs-warning); transition: all 0.3s; }
body .main-content ul.page-numbers li a:focus, body .main-content ul.page-numbers li a:hover, body .main-content ul.page-numbers li span.current { color: #fff; background-color: var(--bs-warning); }
body .main-content ul.page-numbers a.prev, body .main-content ul.page-numbers a.next { border-color: transparent; font-size: 0; }
ul.page-numbers li a.prev:after, ul.page-numbers li a.next:after { content: ''; font-family: "Font Awesome 5 Free"; font-size: 1rem; font-weight: 700; }
ul.page-numbers li a.prev:after { content: '\f060'; }
ul.page-numbers li a.next:after { content: '\f061'; }

footer[id], div[id] {scroll-margin-top: 5em; } /* sticky menu */
h1[id] {scroll-margin-top: 2em; }
button[data-bs-target="#jidlo"], button[data-bs-target="#napoje"] { width: 7em; } /* stejna sirka tlacitek */

ul.nav-delivery {position: absolute; background: #fff; padding: 1em 0.3em 0.3em 1em; border: 1px solid #fff;}
ul.nav-delivery.footer-text {max-width: 14em;} 
.navbar-mobile ul.nav-delivery {    margin-left: auto;    margin-right: auto;    max-width: 20em; left: 0; right: 0; top:9em;}
.nav-delivery li {height: 3em; position: relative; width: 100%;}
.nav-delivery li a {color: rgba(0, 0, 0, 0) !important; }
.nav-delivery li a::before {content: ""; background-position: center; background-size: 100%;    background-repeat: no-repeat; position: absolute;    top: 0;     left: 0;     right: 0;     bottom: 0;}
.nav-delivery li.logo-foodora a::before {background-image: url("images/foodora_logo.png"); background-size: 80%;}
.nav-delivery li.logo-wolt a::before    {background-image: url("images/wolt_logo.png"); background-size: 50%;}
.nav-delivery li.logo-bolt a::before    {background-image: url("images/bolt_food_logo.png");     top: 0.3em; background-size: 60%}

/* POSTS LOOP
-------------------------------------------------- */
.posts { position: relative; }
.posts img.nalepka { position: absolute; top: -60px; left: -70px; width: auto; height: auto; padding: 0; }
.posts .post.post-type-post:not(:last-child) { margin-bottom: 3rem; }
.posts .post-img { overflow: hidden; }
.posts .post-img a { transition: transform 0.3s; }
.posts .post-img a:hover { transform: scale(1.08); }
.posts .post-title a:not(:hover) { color: inherit; }

.posts-slider { position: relative; }
.posts-slider .posts { opacity: 0; transition: opacity 0.3s; }
.posts-slider .posts.swiper-initialized { opacity: 1; }
.posts-slider .posts .post { flex-shrink: 0; margin-bottom: 0; transition-property: transform; }
.posts-slider-prev, .posts-slider-next { width: 50px; height: 50px; border: 2px solid var(--bs-warning); border-radius: 100%; transition: all 0.3s; }
.posts-slider-prev:hover, .posts-slider-next:hover { color: #fff; background-color: var(--bs-warning); }
.posts-slider-prev { left: 0; }
.posts-slider-next { right: 0; }
.posts-slider-prev:after, .posts-slider-next:after { font-size: 15px; }

.posts-slider-single .post-title { margin-bottom: 1rem; font-size: 1.5rem; }
.posts-slider-single .post-title small { font-size: 1.25rem; }
.posts-slider-single .post-desc { line-height: inherit; }

.post-type-gallery figure { margin: 0; overflow: hidden; background-color: var(--bs-dark); }
.post-type-gallery figure a img { transition: transform 0.3s, opacity 0.3s; }
.post-type-gallery figure a:hover img { transform: scale(1.08); opacity: .7; }
.post-type-gallery figure a figcaption { display: flex; justify-content: center; align-items: center; margin: 0; padding: 1rem; text-align: center; color: #fff; text-shadow: 0 0 .75rem rgba(0,0,0,.75); }

.post-gallery figure { margin: 0; overflow: hidden; background-color: var(--bs-dark); }
.post-gallery figure a img { transition: transform 0.3s, opacity 0.3s; }
.post-gallery figure a:hover img { transform: scale(1.08); opacity: .7; }

ul.icon-links { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }
ul.icon-links > li { margin: .25rem .5rem .25rem 0; }
ul.icon-links.header-text > li > a, ul.icon-links.footer-text > li > a, .nav-delivery li.btn { padding-right: 1.5rem; padding-left: 1.5rem; border-radius: 50rem; font-size: .875rem; font-weight: 700; }
ul.icon-links.header-text > li > a > .link-icon, ul.icon-links.footer-text > li > a > .link-icon, ul.icon-links.footer-icon > li > a > .link-text { display: none; }
ul.icon-links.footer-icon > li > a > .link-icon { font-size: 1.125rem }


.map-container { position: relative; display: block; height: 100%; min-height: 300px; overflow: hidden; }
.map-container img.map { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.5); max-width: none; opacity: .85; transition: all .5s; filter: grayscale(1); }
.map-container:hover img.map { opacity: 1; filter: grayscale(0); }
.map-container img.map-marker { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: none; margin-top: -21px; }

.menu-grid-wrap .menu-grid:not(:last-child) { position: relative; margin-bottom: 3rem; }
.menu-grid-wrap .menu-grid:not(:last-child):after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 220px; height: 2px; background-color: var(--bs-light); }
.menu-grid-title { margin-bottom: 1.5rem; color: var(--bs-warning); }
.menu-grid-row { justify-content: center; }
.menu-grid-item { display: flex; flex-direction: column; justify-content: space-between; margin-bottom: 3rem; }
.menu-grid-item strong { font-weight: 600; }
.menu-grid-item > p { margin-bottom: 0; }
.menu-grid-item > p.item-name { position: relative; height: 100%; }
.menu-grid-item > p.item-price { margin-top: 1rem; }
.menu-grid-row .menu-grid-item > p.item-name:after { content: ''; position: absolute; top: 7px; left: -1px; width: 2px; height: calc(100% - 9px); background-color: var(--bs-light); }
.menu-grid-row .menu-grid-item:nth-child(4n+0) > p.item-name:after, .menu-grid-row .menu-grid-item:first-child > p.item-name:after { opacity: 0; }
.bg-light .menu-grid-wrap .menu-grid:not(:last-child):after, .bg-light .menu-grid-row .menu-grid-item > p.item-name:after { background-color: #fff; }

/* FOOTER
-------------------------------------------------- */
.footer a:not(:hover) { color: inherit; text-decoration: none; }

.top-button { z-index: 99; right: 5%; bottom: 30px; opacity: 0; transition: opacity 1s; }
.top-button.visible { opacity: 1; }

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 575.98px) {
}

@media (min-width: 576px) {
    .wp-block-separator.is-style-dots:before { width: 450px; }
}

@media (max-width: 767.98px) {
    .posts img.nalepka { top: -60px; left: -10px; width: 154px; height: 154px; }
    .posts .post-desc { border-top: 1px solid var(--bs-gray-400); }
    .posts-slider { padding: 0 0 70px 0; }
    .posts-slider-prev, .posts-slider-next { top: auto; bottom: 0; transform: translateX(-50%); margin: 0; }
    .posts-slider-prev { left: 50%; margin-left: -35px; }
    .posts-slider-next { right: 50%; margin-right: -75px; }
    .menu-grid-row .menu-grid-item > p.item-name:after { opacity: 0; }
    ul.icon-links .icon-sm-none { display: none !important; }
}

@media (min-width: 768px) {
    ul.icon-links.header-text > li .link-text { display: block; }
    .posts .post-desc { border-left: 1px solid var(--bs-gray-400); }
    .posts-slider { padding: 0 70px; }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    ul.icon-links .icon-lg-none { display: none !important; }
}

@media (max-width: 991.98px) {
    #header .navbar-nav { position: fixed; z-index: 100; top: -100%; left: 0; width: 100%; height: 100vh; padding: 1rem; overflow: auto; overscroll-behavior: contain; background-color: var(--bs-white); transition: top .1s ease-in-out; }
    #header .navbar-nav.show { top: 0; }
    .main-breadcrumb a, .main-breadcrumb i, .main-breadcrumb .breadcrumb_last { display: none; }
    .main-breadcrumb .breadcrumb-last a { display: table; text-decoration: none; font-size: 1rem; }
    .main-breadcrumb .breadcrumb-last a:before { content: '\f053'; margin-right: .5rem; font-size: .875em; font-family: "Font Awesome 5 Free"; font-weight: 900; }
}

@media (min-width: 992px) {
    #header .navbar-nav { display: block; }
    ul.icon-links .icon-xl-none { display: none!important; }
}

@media (max-width: 1199.98px) {
}

@media (min-width: 1200px) {
}

@media (min-width: 1400px) {
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt {
    background-color: #ff8500;
    color: #000;
    border-radius: 50rem;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover {
    background-color: #ff9726;
    color: #000;
}