:root{
  --bg: #121110;
  --txt: #F2F0EA;
  --gold: #E9B752;
}

html, body{
  margin: 0 !important;
  padding: 0 !important;
  background: #121110 !important;
  overflow-x: hidden;
}

body {
  font-family: sans-serif;
  font-size: 1.2em;
  color: #F2F0EA;
}

.wpage {
  max-width: 1920px;
}

#home {
  position: relative;
  background: #121110;
  overflow: hidden;
  z-index: 3;
}

#home .hero-ctas{
  position: static !important;
  transform: none !important;
  left: auto !important;
  margin: 12px auto 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

@media (min-width: 992px) and (min-height: 750px){
  #home .hero-ctas{
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    bottom: 0 !important;
    padding-bottom: 3rem !important;
    margin-bottom: 3rem !important;
  }
}

@media (orientation: landscape) and (max-height: 820px){
  #home .hero-ctas{
    position: static !important;
    transform: none !important;
    left: auto !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media (min-width: 1200px){
  #home .hero-ctas{
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    bottom: 0 !important;
    padding-bottom: 3rem !important;
    margin-bottom: 3rem !important;
    z-index: 5;
  }
}

#home::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height: 260px;                 /* klidně 240–360 */
  background: linear-gradient(to bottom, rgba(18,17,16,0), rgba(18,17,16,.92));
  pointer-events:none;
  z-index: 2;
}

h1, .h1 {
  color: #F2F0EA;
}

.pjustify {
  text-align: justify;
}

.bg-firovka {
  background-color: #121110 !important;
}
.bg-firovka-2 {
  background-color: #20201D !important;
}
.bg-firovka-3 {
  background-color: #E9B752 !important;
}
.bg-firovka-4 {
  background-color: #808080 !important;
}

.border-firovka {
  border-color: #121110 !important;
}
.border-firovka-2 {
  border-color: #20201D !important;
}
.border-firovka-3 {
  border-color: #E9B752 !important;
}
.border-firovka-4 {
  border-color: #808080 !important;
}

.btn-firovka-embed{
  position: relative;
  color: var(--txt);
  border: none;
  border-radius: 18px !important;

  background:
    linear-gradient(90deg,
      var(--bg) 0%,
      #191715 16%,
      #3b362f 50%,
      #191715 84%,
      var(--bg) 100%
    );

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -1px 0 rgba(0,0,0,.65),
    0 10px 26px rgba(0,0,0,.35);
}

.btn-firovka-embed::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius: inherit;
  background:
    radial-gradient(ellipse at center,
      rgba(233,183,82,.32) 0%,
      rgba(233,183,82,.18) 28%,
      rgba(233,183,82,0) 58%
    );
  opacity: .9;           /* ↑ víc světla, ↓ méně */
  pointer-events:none;
}

.btn-firovka-embed::after{
  content:"";
  position:absolute;
  inset:10px 10px auto 10px;
  height: 35%;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0));
  pointer-events:none;
}

.btn-firovka-embed:hover{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -1px 0 rgba(0,0,0,.75),
    0 14px 34px rgba(0,0,0,.45);
  color: #fff;
}

@media (max-width: 575.98px){
  .cta-stack{
    padding-top: 12px;
    position: relative;
  }

  .cta-stack::before{
    content:"";
    position:absolute;
    top:0; left:0; right:0;
    height: 18px;
    background: linear-gradient(
      to bottom,
      rgba(18,17,16,0),
      rgba(18,17,16,.9)
    );
    pointer-events:none;
  }
}

.hero-ctas .btn{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hero-ctas .btn small,
.hero-ctas .btn .cta-meta{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: .35rem .85rem;
  line-height: 1.05;
  margin-top: .25rem;
  opacity: .75;
  font-size: 1.4rem;
}

.hero-ctas .btn .cta-meta > span{
  white-space: nowrap;
}

.hero-ctas .btn .cta-meta > span + span::before{
  content: "•";
  margin-right: .85rem;
  opacity: .55;
}

.form-control {
  border: 2px solid #111;
  border-radius: 25px;
  background-color: transparent;
}

.text-primary {
  color: #4F8CC9 !important;
}

.border-primary {
  border-color: #4F8CC9 !important;
}

.btn {
  border-radius: 14px;
}

.btn.btn-primary {
  background-color: #4F8CC9 !important;
  border-color: #4F8CC9 !important;
}

.btn.btn-primary:hover {
  color: #fff !important;
  background-color: #1E3A5F !important;
  border-color: #1E3A5F !important;
}

.btn.btn-success {
  color: #fff !important;
  background-color: #7BB661 !important;
  border-color: #7BB661 !important;
}

.btn.btn-success:hover {
  color: #fff !important;
  background-color: #3e7f22 !important;
  border-color: #7BB661 !important;
}

.link-firovka {
  color: #1E3A5F !important;
}

.link-firovka:hover {
  color: #1E3A5F !important;
  text-decoration: none;
}

.nav-link {
  color: #fff !important;
}

.nav-link:hover,
.nav-link.active {
  color: #F5E6D3 !important;
}

.nav-tabs .nav-link {
  color: #333 !important;
  background-color: #ddd;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link.active {
  color: #F2F4F7 !important;
}

.card-link{
  text-decoration: none;
}

.card-dark{
  position: relative;
  height: 180px;
  padding: 22px;
  border-radius: 18px;
  background:
    linear-gradient(
      to bottom,
      rgba(18,17,16,.35),
      rgba(18,17,16,.85)
    ),
    url('/static/images/hp/card-restaurace.webp') center/cover;
  color: #F2F0EA;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  transition: transform .25s ease, box-shadow .25s ease;
}

.card-dark h3{
  margin: 0;
  font-size: 1.6rem;
}

.card-dark p{
  margin: .2rem 0 0;
  opacity: .75;
  font-size: .95rem;
}

.card-link:hover .card-dark{
  transform: translateY(-4px);
  box-shadow: 0 14px 30px rgba(0,0,0,.45);
}

.pagination .page-item {
  background: #4F8CC9;
  border-color: #4F8CC9;
  color: #333;
  margin: 0px 6px 0px 6px;
  border-radius: 5px;
}

.pagination .page-item.active,
.pagination .page-item:hover {
  background: #1E3A5F;
  border-color: #1E3A5F;
  color: #fff;
  border-radius: 5px;
}

.pagination .page-item .page-link {
  background: transparent;
  border-color: transparent;
  color: #ffffff;
}

.pagination .page-item.active .page-link,
.pagination .page-item:hover .page-link {
  background: #1E3A5F;
  border-color: #1E3A5F;
  color: #fff;
  border-radius: 5px;
}

.page-item:last-child .page-link,
.page-item:first-child .page-link {
  border-radius: 5px;
}

#select {
  background-image: url("/static/images/hp/proc-si-nas-vybrat.webp");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
}

.footer-end{
  position: relative;
  background: #121110;
  padding: 18px 0 22px;
  text-align: center;
  color: rgba(242,240,234,.55);
  font-size: 0.95rem;
}

.footer-end::before{
  content:"";
  position:absolute;
  top:0; left:0; right:0;
  height: 22px;
  background: linear-gradient(
    to bottom,
    rgba(233,183,82,.25),
    rgba(233,183,82,.10),
    rgba(18,17,16,0)
  );
}

.social-icons a {
    display: inline-flex;
    align-items: center;
    text-decoration: none !important;
    border: none !important;
    line-height: 1;
}

.social-icons a::before,
.social-icons a::after {
    content: none !important;
    display: none !important;
}

.social-icons svg {
    display: block;
}

#open_preferences_center {
	background: rgba(233,183,82,.10) none repeat scroll 0 0;
	bottom: 75px;
	color: #999;
	right: 0px;
	cursor: pointer;
	height: 62px;
	line-height: 20px;
	position: fixed;
	text-align: center;
	-webkit-transition: all 4ms linear 0s;
			transition: all 4ms linear 0s;
	width: 70px;
	z-index: 1000;
	font-size: 12px;
	/*border: 1px solid #8d8d8d;*/
	border-radius: 30px 0px 0px 30px;
	padding-top: 2px;
}
#open_preferences_center:hover {background-color: rgba(233,183,82,.25); color: #eee;}