/* Bar Cobra — základ vzhledu formuláře: pravidla, která formulář používá, vybraná z CSS starého webu
   (bootstrap.css, theme.css, custom.css), generuje testy/zaklad-css.mjs. Needitovat — vzhled mění rezervace.css (v okně nového webu Jakubův rezervace-redesign.css). */

/* ── bootstrap.css ── */
html {font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body {margin: 0;}
aside, details, section, summary {display: block;}
[hidden] {display: none;}
a {background-color: transparent;}
a:active, a:hover {outline: 0;}
b {font-weight: bold;}
small {font-size: 80%;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
button, input, select, textarea {color: inherit; font: inherit; margin: 0;}
button {overflow: visible;}
button, select {text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;}
button[disabled], html input[disabled] {cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
input {line-height: normal;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
textarea {overflow: auto;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html {font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333333; background-color: #ffffff;}
input, button, select, textarea {font-family: inherit; font-size: inherit; line-height: inherit;}
a {color: #337ab7; text-decoration: none;}
a:hover, a:focus {color: #23527c; text-decoration: underline;}
a:focus {outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
img {vertical-align: middle;}
h2, h3, .h2, .h3 {font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit;}
h2 small, h3 small, .h2 small, .h3 small, h2 .small, h3 .small, .h2 .small, .h3 .small {font-weight: normal; line-height: 1; color: #777777;}
h2, .h2, h3, .h3 {margin-top: 20px; margin-bottom: 10px;}
h2 small, .h2 small, h3 small, .h3 small, h2 .small, .h2 .small, h3 .small, .h3 .small {font-size: 65%;}
h2, .h2 {font-size: 30px;}
h3, .h3 {font-size: 24px;}
p {margin: 0 0 10px;}
small, .small {font-size: 85%;}
.mark {background-color: #fcf8e3; padding: .2em;}
.text-center {text-align: center;}
.container {margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px;}
@media (min-width: 768px) {
.container {width: 750px;}
}
@media (min-width: 992px) {
.container {width: 970px;}
}
@media (min-width: 1200px) {
.container {width: 1170px;}
}
.row {margin-left: -15px; margin-right: -15px;}
.col-sm-8, .col-sm-10, .col-sm-12 {position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px;}
@media (min-width: 768px) {
.col-sm-8, .col-sm-10, .col-sm-12 {float: left;}
.col-sm-12 {width: 100%;}
.col-sm-10 {width: 83.33333333%;}
.col-sm-8 {width: 66.66666667%;}
.col-sm-offset-2 {margin-left: 16.66666667%;}
.col-sm-offset-1 {margin-left: 8.33333333%;}
}
.table {width: 100%; max-width: 100%; margin-bottom: 20px;}
.table .table {background-color: #ffffff;}
label {display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold;}
input[type="search"] {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
input[type="radio"], input[type="checkbox"] {margin: 4px 0 0; margin-top: 1px \9; line-height: normal;}
input[type="file"] {display: block;}
input[type="range"] {display: block; width: 100%;}
select[multiple], select[size] {height: auto;}
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
input[type="search"] {-webkit-appearance: none;}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {line-height: 34px;}
}
.radio, .checkbox {position: relative; display: block; margin-top: 10px; margin-bottom: 10px;}
.radio label, .checkbox label {min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer;}
.radio input[type="radio"], .checkbox input[type="checkbox"] {position: absolute; margin-left: -20px; margin-top: 4px \9;}
.radio + .radio, .checkbox + .checkbox {margin-top: -5px;}
input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled {cursor: not-allowed;}
.radio.disabled label, .checkbox.disabled label {cursor: not-allowed;}
.btn {display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.btn:focus, .btn:active:focus, .btn.focus, .btn:active.focus {outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
.btn:hover, .btn:focus, .btn.focus {color: #333333; text-decoration: none;}
.btn:active {outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);}
.btn.disabled, .btn[disabled] {cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none;}
.open > a {outline: 0;}
[data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"] {position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none;}
.nav {margin-bottom: 0; padding-left: 0; list-style: none;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {background-color: #eeeeee; border-color: #337ab7;}
.label {display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: #ffffff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em;}
a.label:hover, a.label:focus {color: #ffffff; text-decoration: none; cursor: pointer;}
.label:empty {display: none;}
.btn .label {position: relative; top: -1px;}
@-webkit-keyframes progress-bar-stripes {
  
  from {
    background-position: 40px 0;
  }
  
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  
  from {
    background-position: 40px 0;
  }
  
  to {
    background-position: 0 0;
  }
}
.close {float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20);}
.close:hover, .close:focus {color: #000000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50);}
button.close {padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none;}
.container:before, .container:after, .row:before, .row:after, .nav:before, .nav:after {content: " "; display: table;}
.container:after, .row:after, .nav:after {clear: both;}
.hidden {display: none !important; visibility: hidden !important;}

/* ── theme.css ── */
body {background: #faf6f0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 24px; font-family: var(--rez-font-body); color: #222;}
.main-container {clear: both;}
img {max-width: 100%;}
.center {margin: 0 auto;}
.right {right: 0;}
.relative {position: relative; z-index: 2;}
.container {position: relative;}
h2, h3, p, input, select, textarea {margin-bottom: 24px; margin-top: 0; padding: 0;}
h2, h3, .h2, .h3 {font-family: var(--rez-font-heading);}
h2, h3 {font-weight: 300; color: #292929;}
h2 {font-size: 40px; line-height: 48px;}
h3 {font-size: 32px; line-height: 40px;}
@media all and (max-width: 767px) {
h2 {font-size: 32px; line-height: 40px;}
h3 {font-size: 24px; line-height: 32px;}
}
.uppercase {font-weight: 400; text-transform: uppercase;}
h2.uppercase {letter-spacing: 6px; margin-right: -6px;}
h3.uppercase {letter-spacing: 6px; margin-right: -6px;}
p, span {font-weight: normal;}
@media all and (max-width: 767px) {
p {font-size: 16px;}
}
a, a:visited, a:focus, a:active, a:hover {text-decoration: none; outline: none;}
a {font-weight: 600; color: #25262e; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; cursor: poitner;}
a:hover {color: #0e0f12; text-decoration: none;}
.label {font-family: var(--rez-font-body); font-size: 13px; line-height: 24px; font-weight: 400; text-transform: uppercase; letter-spacing: 3px; margin-right: -3px; letter-spacing: 1px; background: #25262e; border-radius: 0; padding: 6px 12px; font-size: 10px; vertical-align: middle;}
.number {font-family: var(--rez-font-body);}
@media all and (max-width: 767px) {
br {}
}
section {padding: 80px 0; position: relative; overflow: hidden;}
@media all and (max-width: 767px) {
section {padding: 48px 0;}
}
.btn {border-radius: 4px; font-family: var(--rez-font-body); border: 2px solid #25262e; padding: 0 26px; height: 40px; min-width: 150px; line-height: 36px; font-size: 11px; font-weight: 400; text-transform: uppercase; letter-spacing: 3px; color: #25262e; text-align: center; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; margin-right: 8px; margin-bottom: 24px; text-shadow: 0 0 0!important;}
.menu .btn {padding: 0 12px; height: 30px; min-width: 80px; line-height: 36px; font-size: 13px; letter-spacing: 2px; background-color: rgb(255,255,255,0.2);}
.btn:last-child, .btn:last-of-type {margin-right: 0; margin-bottom: 0;}
.btn:hover {background: #25262e; color: #fff;}
.btn:visited {color: #25262e;}
.btn:visited:hover {color: #fff;}
.logo {max-height: 175px;}
@media all and (max-width: 767px) {
.logo {max-height: 125px;}
}
.menu {width: 100%; font-size: 14px !important; font-family: var(--rez-font-body); font-weight: bold;}
@media all and (max-width: 767px) {
.menu {height: auto;}
.menu a {height: auto; line-height: 24px; padding: 4px 0; font-size: 16px;}
}
@media all and (max-width: 990px) {
.menu a {line-height: 25px; padding: 4px 0; font-size: 12px;}
}
.icon {font-size: 64px; display: inline-block; color: #292929;}
@media all and (max-width: 767px) {
.icon {font-size: 48px;}
}
input[type="text"], textarea, select, input[type="password"] {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
input[type="text"], input[type="password"] {background: none; border: none; border-bottom: 2px solid #ccc; width: 100%; height: 50px; font-weight: 400; margin-bottom: 24px; border-radius: 0;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {outline: none; border-bottom: 2px solid #25262e;}
textarea {width: 100%; border: none; background: none; margin-bottom: 24px; border-radius: 0; padding: 0; border-bottom: 2px solid #ccc;}
::-webkit-input-placeholder {font-size: 18px; letter-spacing: 1px; color: #777;}
:-moz-placeholder {font-size: 13px; color: #777;}
::-moz-placeholder {font-size: 13px; color: #777;}
:-ms-input-placeholder {font-size: 13px; color: #777;}
input[type="submit"] {height: 50px; line-height: 48px; color: #25262e; font-size: 18px; font-weight: bold; border-radius: 0 !important; background: none; text-align: left; outline: none; border: none; border-bottom: 2px solid #25262e; cursor: pointer;}
input[type="submit"]:focus {outline: none;}
select {height: 50px; background: #f5f5f5; width: 100%; border-radius: 0; border: none; outline: none; padding-left: 20px; position: relative; font-size: 11px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; color: #777; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; cursor: pointer;}
select:focus {background: #eee;}
select:active, select:focus, select:hover {outline: none; border: none;}
@keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@-webkit-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* ── custom.css ── */
.logo {max-height: 150px;}
h2, h3 {line-height: 1.3; letter-spacing: 6px!important;}
.popis {opacity: 0.6;}
.price {vertical-align: middle; font-size: 70%; padding: 2px 8px 3px; border-radius: 15px; opacity: 1;}
.price {border: 1px solid #444; color: #222;}
@keyframes fadeIn {
  0%{ opacity: 0; transform: translateY(-50px); }
  100%{ opacity: 1; transform: translateY(0); }
}
.logo {animation: animationFrames ease 2s; animation-iteration-count: 1; transform-origin: 50% 50%; animation-fill-mode:forwards; -webkit-animation: animationFrames ease 2s; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -webkit-animation-fill-mode:forwards; -moz-animation: animationFrames ease 2s; -moz-animation-iteration-count: 1; -moz-transform-origin: 50% 50%; -moz-animation-fill-mode:forwards; -o-animation: animationFrames ease 2s; -o-animation-iteration-count: 1; -o-transform-origin: 50% 50%; -o-animation-fill-mode:forwards; -ms-animation: animationFrames ease 2s; -ms-animation-iteration-count: 1; -ms-transform-origin: 50% 50%; -ms-animation-fill-mode:forwards;}
@keyframes animationFrames {
  0% {
    opacity:0;
    transform:  translate(0px,25px)  ;
  }
  100% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
}
@-moz-keyframes animationFrames {
  0% {
    opacity:0;
    -moz-transform:  translate(0px,25px)  ;
  }
  100% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
}
@-webkit-keyframes animationFrames {
  0% {
    opacity:0;
    -webkit-transform:  translate(0px,25px)  ;
  }
  100% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;
  }
}
@-o-keyframes animationFrames {
  0% {
    opacity:0;
    -o-transform:  translate(0px,25px)  ;
  }
  100% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
}
@-ms-keyframes animationFrames {
  0% {
    opacity:0;
    -ms-transform:  translate(0px,25px)  ;
  }
  100% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
}
@media all and (max-width: 767px) {
#map {padding-bottom: 0;}
}