/*!/wp-content/uploads/tob-css/tob-ae959270e8a0.css*//* === bundle: font-display-swap === */
/* Extracted from snippet 10857 */
@font-face{font-family:"remixicon";font-display:swap;}
        @font-face{font-family:"Font Awesome 5 Brands";font-display:swap;}
        @font-face{font-family:"Ionicons";font-display:swap;}

/* === bundle: kontakt-fab === */
/* Extracted from snippet 11492 */
#tob-kontakt-fab {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 99999;
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  transition: opacity .35s ease, transform .35s ease;
}
#tob-kontakt-fab.is-hidden { opacity: 0; pointer-events: none; transform: translateY(20px); }
.tob-kontakt-item { display: block; text-decoration: none; }
.tob-kontakt-item .bubble {
  width: 56px; height: 56px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 6px 18px rgba(0,0,0,.18);
  transition: transform .2s ease, box-shadow .2s ease;
}
.tob-kontakt-item:hover .bubble { transform: scale(1.08); box-shadow: 0 10px 24px rgba(0,0,0,.24); }
.tob-kontakt-item .bubble.wa { background: #25D366; }
.tob-kontakt-item .bubble.vb { background: #7360F2; }
.tob-kontakt-item .bubble svg { width: 30px; height: 30px; fill: #fff; }
/* Hide any legacy floating widgets from theme/plugins */
.lycka-floating-buttons, .floating-cta, [class*="floating-social"], [class*="sticky-cta"], .tob-zakazi-sticky, [data-tob-original-fab] { display: none !important; }
@media (max-width: 640px) {
  #tob-kontakt-fab { bottom: 16px; right: 16px; gap: 10px; }
  .tob-kontakt-item .bubble { width: 50px; height: 50px; }
  .tob-kontakt-item .bubble svg { width: 26px; height: 26px; }
}

/* === bundle: site-header === */
/* Site header — one source for all header rules (2026-09-29).
   Every page except home: solid teal bar in every state (desktop at rest and sticky, phone top bar, phone menu drawer).
   Home: transparent over the hero photo at the top; teal once sticky; teal phone menu drawer.
   Replaces SITE POLISH v2 blocks 1, 3, 10, 13, 14, 15, 27, 32, 36 (snippet 10960 / old profile-base bundle)
   and the header <style>/<script> that /zakazi-termin/ used to carry in its page content. */

/* Bar */
body:not(.home) .mainHeader,
body:not(.home) .bt-vertical-header-top,
body.home.btStickyHeaderActive .mainHeader,
body.home.btStickyHeaderActive .bt-vertical-header-top,
body.home.btMenuVertical .mainHeader {
  background-color: rgba(47, 84, 104, 0.97) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}
body:not(.home) .mainHeader nav ul ul,
body.home.btStickyHeaderActive .mainHeader nav ul ul,
body.home.btMenuVertical .mainHeader nav ul ul {
  background-color: rgba(47, 84, 104, 0.97) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Menu links: white, sand on hover */
body:not(.home) .mainHeader a,
body:not(.home) .bt-vertical-header-top a,
body.home.btStickyHeaderActive .mainHeader a,
body.home.btStickyHeaderActive .bt-vertical-header-top a,
body.home.btMenuVertical .mainHeader a {
  color: #fff !important;
}
body:not(.home) .mainHeader a:hover,
body:not(.home) .bt-vertical-header-top a:hover,
body.home.btStickyHeaderActive .mainHeader a:hover,
body.home.btStickyHeaderActive .bt-vertical-header-top a:hover,
body.home.btMenuVertical .mainHeader a:hover {
  color: #D6A892 !important;
}

/* Menu call to action "Zakažite termin" (Primary menu item with the CSS class tob-menu-cta, 2026-09-30): a sand pill
   with navy text in every header state, desktop and phone drawer. The colour has to outrank the white link rules
   above (up to 0-4-2 with !important), hence the long selectors. */
body .mainHeader .menuPort nav ul li.menu-item.tob-menu-cta > a,
body .mainHeader .menuPort nav ul li.menu-item.tob-menu-cta > a:hover {
  color: #2A4856 !important;
  font-weight: 700 !important;
}
/* desktop: the link keeps the theme's line height (60 px at rest, 120 px in the sticky header), so its text lines up
   with the other items; the pill is drawn behind the text, 38 px high and centred. The theme's own hover box
   (::before) and current-page underline (::after) are replaced / hidden. */
.btMenuHorizontal .mainHeader .menuPort nav ul li.menu-item.tob-menu-cta > a { margin-left: 12px; padding: 0 18px; z-index: 0; }
.btMenuHorizontal .mainHeader .menuPort nav ul li.menu-item.tob-menu-cta > a::before {
  content: "";
  display: block !important;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  bottom: auto;
  height: 38px;
  margin-top: -19px;
  border-radius: 999px;
  background: #E9CFA8;
  box-shadow: none;
  opacity: 1;
  transform: none;
  transition: none;
  z-index: -1;
}
.btMenuHorizontal .mainHeader .menuPort nav ul li.menu-item.tob-menu-cta > a::after { display: none !important; }
/* phone and tablet drawer: the link itself is the pill */
.btMenuVertical .mainHeader .menuPort nav ul li.menu-item.tob-menu-cta { border: 0 !important; padding: 16px 0 4px; }
.btMenuVertical .mainHeader .menuPort nav ul li.menu-item.tob-menu-cta > a { display: inline-block !important; width: auto !important; padding: 12px 22px !important; background: #E9CFA8 !important; border-radius: 999px; }
.btMenuVertical .mainHeader .menuPort nav ul li.menu-item.tob-menu-cta > a::before,
.btMenuVertical .mainHeader .menuPort nav ul li.menu-item.tob-menu-cta > a::after { display: none !important; }

/* Menu icon: the theme draws its three lines as border-top on pseudo-elements
   and switches them to dark (#2b2c2e) once the header is sticky */
body:not(.home) .bt-vertical-menu-trigger .bt_bb_icon::before,
body:not(.home) .bt-vertical-menu-trigger .bt_bb_icon::after,
body:not(.home) .bt-vertical-menu-trigger .bt_bb_icon .bt_bb_icon_holder::before,
body:not(.home) .bt-horizontal-menu-trigger .bt_bb_icon::before,
body:not(.home) .bt-horizontal-menu-trigger .bt_bb_icon::after,
body:not(.home) .bt-horizontal-menu-trigger .bt_bb_icon .bt_bb_icon_holder::before,
body.home.btStickyHeaderActive .bt-vertical-menu-trigger .bt_bb_icon::before,
body.home.btStickyHeaderActive .bt-vertical-menu-trigger .bt_bb_icon::after,
body.home.btStickyHeaderActive .bt-vertical-menu-trigger .bt_bb_icon .bt_bb_icon_holder::before,
body.home.btStickyHeaderActive .bt-horizontal-menu-trigger .bt_bb_icon::before,
body.home.btStickyHeaderActive .bt-horizontal-menu-trigger .bt_bb_icon::after,
body.home.btStickyHeaderActive .bt-horizontal-menu-trigger .bt_bb_icon .bt_bb_icon_holder::before {
  border-top-color: #fff !important;
}
body:not(.home) .bt-vertical-menu-trigger:hover .bt_bb_icon::before,
body:not(.home) .bt-vertical-menu-trigger:hover .bt_bb_icon::after,
body:not(.home) .bt-vertical-menu-trigger:hover .bt_bb_icon .bt_bb_icon_holder::before,
body:not(.home) .bt-horizontal-menu-trigger:hover .bt_bb_icon::before,
body:not(.home) .bt-horizontal-menu-trigger:hover .bt_bb_icon::after,
body:not(.home) .bt-horizontal-menu-trigger:hover .bt_bb_icon .bt_bb_icon_holder::before,
body.home.btStickyHeaderActive .bt-vertical-menu-trigger:hover .bt_bb_icon::before,
body.home.btStickyHeaderActive .bt-vertical-menu-trigger:hover .bt_bb_icon::after,
body.home.btStickyHeaderActive .bt-vertical-menu-trigger:hover .bt_bb_icon .bt_bb_icon_holder::before,
body.home.btStickyHeaderActive .bt-horizontal-menu-trigger:hover .bt_bb_icon::before,
body.home.btStickyHeaderActive .bt-horizontal-menu-trigger:hover .bt_bb_icon::after,
body.home.btStickyHeaderActive .bt-horizontal-menu-trigger:hover .bt_bb_icon .bt_bb_icon_holder::before {
  border-top-color: #D6A892 !important;
}

/* Phone menu drawer: centre the logo over the menu items (the theme left-aligns its 140px logo box) */
.btMenuVertical .mainHeader .bt-logo-area .logo {
  margin-left: auto !important;
  margin-right: auto !important;
  padding-top: 12px !important;
}

/* Blog: post titles in brand navy — single post (h1) and list/archive cards (h2 link) */
html body article.post .btArticleHeadline .bt_bb_headline_tag,
html body article.post .btArticleHeadline .bt_bb_headline_tag .bt_bb_headline_content span,
html body article.post .btArticleHeadline .bt_bb_headline_tag a {
  color: #2F5468 !important;
}
html body article.post .btArticleHeadline .bt_bb_headline_tag a:hover {
  color: #B87355 !important;
}