html { height: 100%; }
body.site{
  min-height: 100dvh;   /* moderní jednotka – respektuje mobilní lišty */
  min-height: 100vh;    /* fallback */
  display: flex;
  flex-direction: column;
}


.btn.btn-primary{background:#ff008f;border-radius:5px; width: 200px;padding: 10px;color: ;font-weight: 600;}
.float-end {background:#ff008f;border-radius:5px; width: 200px;padding: 10px;color: ;font-weight: 600;}
.float-end a{color:white ;}
body {padding: 0; margin: 0;font-family: Calibri;/*! font-size: 1.2em; */} 
h1, h2  {  font-family: Abhaya Libre;   letter-spacing:4px;}

h1, h2 {  ;color: #b3b3b3;font-size: 2em;padding-bottom: 1em;}
.page-header h2{font-size: 1.4em;}

.mod-articles-grid {padding: 0}
.fas {color:#e1c72e;}
a {color:#0f1b2b;}

.page-header h1::before, h2::before { 
  content: "";
  display: inline-block;
  width: 35px;
  height: 35px;
  margin-right: 8px; /* mezera mezi ikonkou a textem */
  background-image: url("/templates/jidelna/images/kyticka.png");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}


 /* ====== THEME / BASE ====== */
.sjk-wrap *{ box-sizing: border-box }

/* Hlavní proměnné a základní vzhled celé šablony */
.sjk-wrap{
  /* výška topbaru (měníme v @media níže) */
  --sjk-topbar-h: -7px;

  /* barvy */
  --sjk-navy: #0f1b2b;
  --sjk-navy-80: rgba(15,27,43,.80);
  --sjk-navy-70: rgba(15,27,43,.70);
  --sjk-text: #0f172a;
  --sjk-white: #ffffff;
  --sjk-accent: #e1c72e;
  --sjk-accent-2: #d6b300;

  font-family: Abhaya Libre;
  color: var(--sjk-white);
  background: var(--sjk-navy);
}


/* ====== TOPBAR (fixed) ====== */
/* topbar bude absolutně přes slider */
.topbar{
  position: absolute; /* místo fixed */
  top: 0px; left: 0; right: 0;
  height: var(--sjk-topbar-h);
  z-index: 1000;
  display: flex;
  justify-content: space-between;
  align-items: center;
padding: 2.5rem 1rem; 
  background: rgba(15, 27, 43, 0.86); /* průhledné pozadí */
}

.sjk-topbar{
  position: absolute; /* místo fixed */
  top: 0; left: 0; right: 0;
  height: var(--sjk-topbar-h);
  z-index: 1000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .5rem 1rem;
  /*! background: rgba(15, 27, 43, 0.86); */ /* průhledné pozadí */
  /*! backdrop-filter: saturate(120%) blur(2px); */
}

/* slider nesmí mít margin-top */
.sjk-hero{
  position: relative;
  isolation: isolate;
  /* margin-top: var(--sjk-topbar-h);  <-- Smazat */
}


.sjk-brand{ display:flex; flex-direction:column; line-height:1 }
.sjk-brand .title{ font-weight:700; font-size:2.15rem; letter-spacing:.02em; color: #e0cc00;}
.sjk-brand .sub{ font-size:1.2rem; letter-spacing:.45em; color:rgba(255, 255, 255, 0.85); text-transform:uppercase }

.sjk-actions{ display:flex; gap:.5rem; align-items:center }
.sjk-badge{
  display:inline-flex; align-items:center; gap:.35rem;
  border-radius:6px; background:#2a3a53; color:#fff;
  padding:.35rem .5rem; font-weight:600; font-size:1.5rem; text-decoration:none
}
.sjk-badge img{ width:16px; height:16px; display:block }

.sjk-menu{
  display:inline-flex; align-items:center; gap:.5rem;
  color:var(--sjk-accent); font-weight:800; letter-spacing:.06em; text-decoration:none;
  font-size: 1.5em;
}
.sjk-menu .hamb{ width:22px; height:14px; position:relative }
.sjk-menu .hamb::before, .sjk-menu .hamb::after, .sjk-menu .line{
  content:""; position:absolute; left:0; right:0; height:2px; background:var(--sjk-accent)
}
.sjk-menu .line{ top:6px } .sjk-menu .hamb::before{ top:0 } .sjk-menu .hamb::after{ bottom:0 }
.sjk-menu:hover{ color:var(--sjk-accent-2) }
.sjk-menu:hover .hamb::before,
.sjk-menu:hover .hamb::after,
.sjk-menu:hover .line{ background:var(--sjk-accent-2) }

/* ====== HERO / SLIDER ====== */
/* odsazení o výšku topbaru */
.sjk-hero{
  position: relative;
  isolation: isolate;
  margin-top: var(--sjk-topbar-h);
  z-index: 1;
} 
.sjk-hero img{
  width: 100%;
  height: 84vh;         /* hezký poměr na desktopu */
  min-height: 420px;    /* nezhroutí se na malých fotkách */
  object-fit: cover;
  display: block;
  object-position: top;
}

/* Průhledný vršek: žádný tmavý pás nahoře, jen jemný přechod níž */
.sjk-hero::after{
  content:"";
  position: absolute; inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(15,27,43,0)   0%,
    rgba(15,27,43,.28) 30%,
    rgba(15,27,43,.12) 55%,
    rgba(15,27,43,0)   85%
  );
  pointer-events: none;
}


.sjk-hero-inner .sjk-hero-text{ 
  height: 80vh;
}


.sjk-hero-inner{
  position: relative; inset: 0;
  display: grid; align-items: center;
  padding: 2.5rem 1.5rem;
  background-image: url('/templates/jidelna/slider.jpg'); background-size:cover;
  min-height: 85px;
 }
.sjk-hero-text{ justify-self: end; max-width: 100%; text-align: right; color: var(--sjk-white); z-index: 2; position: static;padding-top: 12em;}
.sjk-hero-intro{ font-size: 2.3em; opacity:.9; /*! margin: 0 0 0rem; */ text-shadow: 1px 2px 3px #000;}

/* ====== SPODNÍ NAV ====== */
.sjk-nav{
  position: relative; z-index: 3;
  background: var(--sjk-navy);
  border-top: 2px solid rgba(255,255,255,.06);
  display: flex; justify-content: center;
}
.sjk-nav ul{
  display:flex; flex-wrap:wrap; gap:.8rem 1.4rem;
  list-style:none; margin:0; padding:0.6rem 1rem;
}
.sjk-nav a{
  display:inline-flex; align-items:center; gap:.4rem;
  text-decoration:none; color:#eaeaea; font-weight:600;
  font-size: 1.4em;
}
.sjk-nav a .ico{ width:16px; height:16px; display:inline-block; fill: var(--sjk-accent) }
.sjk-nav a.active{ color: var(--sjk-accent) }
.sjk-nav a:hover{ color:#fff }

/* ====== RESPONSIVE ====== */
@media (max-width: 920px){
  .sjk-hero img{ height: 56vh }
  .sjk-hero-title{ font-size: 2rem; letter-spacing: .18em }
}
@media (max-width: 680px){
  /* menší topbar => menší odsazení slideru */
  .sjk-wrap{ /*! --sjk-topbar-h: 56px; */ }
  .sjk-brand .title{ font-size: 1.1rem }
  .sjk-hero-inner{ padding: 1.6rem }
  .sjk-hero-title{ font-size: 1.6rem; letter-spacing: .14em }
  .sjk-hero-intro{ font-size: 1rem }
  .sjk-actions{ gap: .35rem }
  .sjk-badge{ display: none } /* můžeš zrušit, pokud je chceš i na mobilu */
}





.news {background: #f5f5f7; }
.news-grid > div  {padding: 5% 0% 5% 0%;}


.section.light { background: #fff; padding: 5%;}




/* 2) Patička (obsahuje i .footbar) se odtlačí dolů, když je málo obsahu */
.site-footer{
  margin-top: auto;
}

/* (volitelné) kosmetika .footbar */
.footbar{
  background-color: #333238;
  color: gray;
  padding: 10px 0;
}
.footbar a{ color: gray; text-decoration: none; }
.footbar a:hover{ text-decoration: underline; }
.site-footer {background-color: #d1d1d1;   */background-image: url('/templates/jidelna/images/budova.jpg');background-position: right;background-repeat: no-repeat;}


.com-content-article.item-page, .footer-left div  { padding-top: 5%;padding-bottom: 5%;}
.com-content-article{ }
.com-content-article { padding: 5% 0% 5% 0%;}


.footbar{background-color: #333238; padding:10px;color: gray;}
.footbar a{ color: gray;}



.strava {background: #e1c72e; }
#Vrstva_1 {width: 150px; padding: 2%;margin: 0 auto;display: block;}

/* --- desktop zůstává beze změny --- */
.daily-table tr {border-bottom: 1px solid lightgray;}
.daily-table{width:100%;border-collapse:collapse;background:var(--panel);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.daily-table th,.daily-table td{padding:16px 0px;/*! border-bottom:1px solid var(--border); */}
.daily-table thead th{/*! background:#f1f5f9; */color:#334155;font-weight:700;text-align:left}
.daily-table tbody tr:last-child td{border-bottom:0}
.daily-table td:nth-child(3){text-align:right;font-weight:600}

/* --- mobilní rozpad do „karet“ --- */
@media (max-width: 720px){
  .daily-table,
  .daily-table thead,
  .daily-table tbody,
  .daily-table th,
  .daily-table td,
  .daily-table tr{display:block; width:100%;}

  .daily-table thead{ /* schovat záhlaví */
    position:absolute; left:-9999px; top:-9999px; height:0; overflow:hidden;
  }

  .daily-table tbody tr{
    background:#fff;
    border:1px solid var(--border);
    /*! border-radius:12px; */
    padding:10px 0;
    margin:0 0 14px;
    width: 95%;
    border-bottom: 1px solid lightgray;
  }

  .daily-table tbody tr:last-child{margin-bottom:0}

  .daily-table td{
    display:flex; align-items:flex-start; gap:10px;
    padding:10px 0px; border-bottom:1px solid var(--border);
  }