:root{

  --sbd-tile-bg: rgba(58,170,53,0.8);
  --sbd-tile-bg-hover: #2FAF86;
  --tile-hover: #2FAF86;
  --tile-opacity: 0.86;
  --sbd-text:#fff;
  --sbd-dark:#1c1c1c;
  --sbd-hero-gap: 90px;
  --sbd-tiles-shift: 45px;
  --sbd-hero-image-offset: 0px;
}

/* Tiles layout */
.sbd-tiles{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:14px;
  align-items:start;
  position: relative;
  z-index: 30;
  margin-top: calc(var(--sbd-tiles-shift) * -1);
}
.sbd-tile{
  display:flex; align-items:center; gap:12px;
  padding:16px 18px; border-radius:14px;
  background-color: var(--sbd-tile-bg) !important;
  color:var(--sbd-text); text-decoration:none; position:relative;
  transition:background .2s ease, transform .06s ease;
}
.sbd-tile:focus{outline:2px solid var(--sbd-green); outline-offset:2px;}
.sbd-tile:hover{background-color: var(--sbd-tile-bg-hover) !important; text-decoration:none;}
.sbd-tile:active{transform:scale(.99);}
.sbd-tile .sbd-tile-icon{font-size:24px; line-height:1;}
.sbd-tile .sbd-tile-title{font-weight:600;}

.sbd-acc{overflow:hidden; max-height:0; transition:max-height .8s ease; background:#fff0; border-left:3px solid transparent;}
.sbd-acc.open{border-left-color:var(--sbd-green);}
.sbd-acc-inner{
  margin:10px 10px 22px 14px; padding:14px 16px; border-radius:12px;
  background:rgba(0,0,0,.25); color:var(--sbd-text);
}
.sbd-acc p{margin:.4rem 0 1rem;}
.sbd-actions{display:flex; flex-wrap:wrap; gap:10px; margin-top:6px;}
.sbd-btn{
  display:inline-block; padding:10px 14px; border-radius:999px; font-weight:600; text-decoration:none;
  border:1px solid #fff1; line-height:1;
}
.sbd-btn-primary{background:#fff; color:var(--sbd-dark); border-color:#fff;}
.sbd-btn-ghost{background:transparent; color:#fff; border-color:#fff;}
.sbd-btn:hover{filter:brightness(1.02);}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.entry-hero, .kadence-hero, .wp-block-kadence-hero{overflow:visible;}

/* Remove white backgrounds/paddings around hero and make hero full-bleed */
.site-content,
.content-area,
.page-content,
.site-inner,
.container,
.wp-block-group,
.wp-block-group__inner-container {
  background: transparent !important;
  padding-top: 0 !important;
}

.entry-header,
.page-header,
.page-title-wrapper,
.header-overlay {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

.uvodni-obrazek,
.intro-image,
.wp-block-cover,
.wp-block-cover.has-background,
.entry-hero,
.kadence-hero,
.kadence-hero-media,
.sbd-hero-wrap,
.site-hero {margin-top: 0 !important;
  padding-top: 0 !important;
  position: relative !important;
  overflow: visible !important;
  z-index: 10;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  width: 100% !important;
  min-height: 420px !important;
  overflow: hidden !important;

}

/* Adjust hero background image if necessary */
.wp-block-cover .wp-block-cover__image-background,
.entry-hero .kadence-hero-media,
.kadence-hero .kadence-hero-media,
.wp-block-kadence-hero .kadence-hero-media,
.uvodni-obrazek .background,
.intro-image .background {
  transform: none !important;
  will-change: transform;
}

.uvodni-obrazek,
.intro-image,
.wp-block-cover,
.entry-hero {
  background-position: center center !important;
}

/* Header above hero and logo shift */
.site-header,
.site-top-bar,
.header-wrapper,
.header-inner {
  position: relative;
  z-index: 40;
  background: transparent !important;
}
.site-header .site-branding,
.site-header .site-logo,
.custom-logo-link,
.site-title,
.header-logo {
  margin-left: 6px !important;
  transform: translateX(-8px);
  display: inline-block;
}

/* Responsive tweaks */
@media (max-width: 768px){
  :root{ --sbd-hero-gap: 56px; --sbd-tiles-shift: 28px; --sbd-hero-image-offset: 6px; }
  .sbd-tiles{ margin-top: calc(var(--sbd-tiles-shift) * -1); }
  .sbd-tiles, .sbd-tiles-wrapper { margin-top: -28px !important; }
  .site-header .site-branding,
  .site-header .site-logo { transform: translateX(0) !important; margin-left: 6px !important; }
}


/* ===== sbd-tiles pure-link adjustments ===== */
/* -- Make tiles pure links: hide accordion panels and adjust tile visuals -- */

/* Hide the accordion content entirely */
.sbd-acc { display: none !important; }

/* Ensure tile looks clickable (if not already an <a>) */
.sbd-tile {
  cursor: pointer !important;
  text-decoration: none !important;
}

/* Make focus visible for accessibility */
.sbd-tile:focus {
  outline: 3px solid rgba(58,170,53,0.18) !important;
  outline-offset: 3px !important;
}

/* If tile is an anchor, ensure full area clickable */
.sbd-tile { display: flex; align-items: center; }

/* Slight spacing fix if descriptions were removed earlier */
.sbd-acc-inner { padding-top: 8px !important; padding-bottom: 8px !important; }

/* Keep buttons visually but they are optional when tile acts as link */
.sbd-actions { margin-top: 8px; }

/* ===== VARIANTA B: Pure-title tiles (hide descriptions, buttons, accordion) ===== */

/* Hide accordion panels and their inner content */
.sbd-acc,
.sbd-acc-inner,
.sbd-actions,
.sbd-acc-inner p,
.sbd-acc-inner .sbd-btn,
.sbd-acc-inner a { display: none !important; }

/* Hide any common description selectors */
.sbd-tile .sbd-tile-subtitle,
.sbd-tile .sbd-tile-desc,
.sbd-tile .tile-desc,
.sbd-tile .description,
.sbd-tile small { display: none !important; }

/* Adjust tile padding and layout: keep only the title visible */
.sbd-tile {
  padding: 18px 20px !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 8px !important;
  min-height: 64px;
}

/* Title bigger and centered */
.sbd-tile .sbd-tile-title {
  display: block !important;
  font-size: 1.06rem !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
}

/* Accessible focus */
.sbd-tile:focus {
  outline: 3px solid rgba(58,170,53,0.12) !important;
  outline-offset: 3px !important;
}

/* If tile is anchor ensure full-area clickable */
.sbd-tile[role="link"], .sbd-tile[tabindex] { cursor: pointer !important; }

/* Small screens - slightly reduced padding */
@media (max-width: 480px){
  .sbd-tile { padding: 12px 14px !important; min-height: 56px; }
  .sbd-tile .sbd-tile-title { font-size: 1rem !important; }
}

/* --- Pouze: ikona nad nadpisem pro full-size dlaždice (nic jiného neměním) --- */
.sbd-tiles--homepage .sbd-tile:not(.sbd-tile--mini) {
  flex-direction: column;    /* icon above title */
  align-items: center;
  text-align: center;
}

.sbd-tiles--homepage .sbd-tile:not(.sbd-tile--mini) .sbd-tile__icon,
.sbd-tiles--homepage .sbd-tile:not(.sbd-tile--mini) .sbd-tile-icon {
  display: block;
  margin-bottom: 8px;
}

.sbd-tiles--homepage .sbd-tile:not(.sbd-tile--mini) .sbd-tile__title,
.sbd-tiles--homepage .sbd-tile:not(.sbd-tile--mini) .sbd-tile-title,
.sbd-tiles--homepage .sbd-tile:not(.sbd-tile--mini) h3 {
  margin: 0;
}

/* =========================
   Header: transparent + logo více vlevo
   (vložit do child CSS / Customizer - pouze tyto změny)
   ========================= */

/* 1) Odstraníme všechna pozadí / stíny / ohraničení v hlavičce */
.site-header,
.site-top-bar,
.header-wrapper,
.header-inner,
.header-top,
.site-branding,
.site-logo,
.custom-logo-link,
.header-overlay,
.site-topbar,
.site-header .wrap,
.header-inner .wrap,
.site-header .container {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-top: none !important;
  padding: 0 !important;
}

/* Někdy jsou bílé krabičky vytvořeny WP-block-groupy nebo wrappery — uděláme je průhledné taky */
.wp-block-group,
.wp-block-group__inner-container,
.page-header,
.page-title-wrapper,
.site-inner,
.container {
  background: transparent !important;
}

/* 2) Posun loga více doleva (nastav hodnotu podle potřeby) */
.site-header .site-branding,
.site-header .site-logo,
.site-header .custom-logo-link,
.header-logo,
.site-title {
  margin-left: 6px !important;         /* základní odsazení zleva */
  transform: translateX(-14px) !important; /* posun více doleva; upravuj hodnotu */
  display: inline-block !important;
}

/* Pokud je logo obrázek, posuň přímo obrázek */
.site-header .custom-logo-link img,
.site-header .site-logo img {
  transform: translateX(-14px) !important;
  margin-left: 0 !important;
  display: block !important;
}

/* 3) Ujistíme se, že hlavička je nad hero (z-index) a nic ji nepřekrývá */
.site-header { position: relative !important; z-index: 9999 !important; }

/* 4) Malé obrazovky — méně posunu, aby logo nevyletělo z obrazovky */
@media (max-width: 768px) {
  .site-header .site-branding,
  .site-header .site-logo,
  .site-header .custom-logo-link,
  .site-header .site-logo img {
    transform: translateX(0) !important;
    margin-left: 6px !important;
  }
}

/* 5) Pokud je stále vidět nějaký pozadí, tento pravidlový „radar“ je agresivní fallback */
.site-header *[style*="background"],
.site-header [style*="background-color"],
.site-header [style*="box-shadow"] {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
/* === Force header to be solid white (highest priority) === */
.site-header,
.site-top-bar,
.header-wrapper,
.header-inner,
.header-top,
.site-branding,
.site-logo,
.custom-logo-link,
.header-overlay,
.site-topbar,
.site-header .wrap,
.header-inner .wrap,
.site-header .container,
.header-topbar,
.page-header,
.page-title-wrapper,
.wp-block-group,
.wp-block-group__inner-container {
  background: #ffffff !important;            /* solid white */
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
  outline: none !important;
  opacity: 1 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  filter: none !important;
}

/* Remove inline style backgrounds and pseudo-element backgrounds inside header */
.site-header [style*="background"],
.site-header [style*="background-color"],
.site-header [style*="box-shadow"],
.site-header *[style*="background"],
.site-header *[style*="background-color"] {
  background: #ffffff !important;
  background-color: #ffffff !important;
  box-shadow: none !important;
}

/* Remove any ::before/::after decorations that could show color/overlay */
.site-header::before,
.site-header::after,
.header-wrapper::before,
.header-wrapper::after,
.header-inner::before,
.header-inner::after {
  background: transparent !important;
  display: none !important;
  content: none !important;
  box-shadow: none !important;
}

/* Make sure header sits above hero and nothing overlaps it */
.site-header {
  position: relative !important;
  z-index: 9999 !important;
}

/* Logo more to the left (adjust value as needed) */
.site-header .site-branding,
.site-header .site-logo,
.site-header .custom-logo-link,
.header-logo,
.site-title {
  transform: translateX(-20px) !important; /* uprav na -10px / -20px / -30px pokud chceš více/méně */
  margin-left: 0 !important;
}

/* If logo image needs direct tweak */
.site-header .custom-logo-link img,
.site-header .site-logo img {
  transform: translateX(-20px) !important;
}

/* Fallback: hide any semi-transparent overlays inside header area */
.site-header .overlay,
.site-header .overlay-wrap,
.site-header .header-overlay,
.site-header .header-bg {
  display: none !important;
  background: transparent !important;
}

/* Small screens - reduce left shift so logo nezmizí */
@media (max-width: 768px) {
  .site-header .site-branding,
  .site-header .site-logo,
  .site-header .custom-logo-link,
  .site-header .site-logo img {
    transform: translateX(0) !important;
  }
}

/* === FORCE: logo further left + white background site-wide ===
   Only CSS changes — nic jiného. === */

/* --- Global white background (highest priority) --- */
html, body,
.site, .site-inner, .site-content, .content-area, .page, .wrap, .container,
.main, .site-main, .entry-content, .page-content,
.section, .hero, .uvodni-obrazek, .intro-image, .wp-block-cover,
.kadence-hero, .kadence-hero-media, .site-hero {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  filter: none !important;
  border: none !important;
  opacity: 1 !important;
}



/* Remove inline style backgrounds ONLY in our tiles areas */
.sbd-tiles-wrapper *[style*="background"],
.sbd-tiles-wrapper *[style*="background-color"],
.sbd-tiles-wrapper *[style*="box-shadow"],
.sbd-tiles *[style*="background"],
.sbd-tiles *[style*="background-color"],
.sbd-tiles *[style*="box-shadow"],
.sbd-tile *[style*="background"],
.sbd-tile *[style*="background-color"],
.sbd-tile *[style*="box-shadow"] {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Remove pseudo-element decorations ONLY in our tiles areas */
.sbd-tiles-wrapper *::before,
.sbd-tiles-wrapper *::after,
.sbd-tiles *::before,
.sbd-tiles *::after,
.sbd-tile *::before,
.sbd-tile *::after {
  background: transparent !important;
  box-shadow: none !important;
  /* content: inherit;  <- tohle už nedáváme, rozbíjelo to bloky jako accordion */
}



/* --- Header specifics: white + logo shift --- */
.site-header,
.site-top-bar,
.header-wrapper,
.header-inner,
.header-top,
.header-overlay,
.site-branding,
.site-logo,
.custom-logo-link,
.header-logo,
.site-title {
  background: #ffffff !important;
  background-color: #ffffff !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
  z-index: 9999 !important;
}

/* Posun loga více doleva — uprav hodnotu translateX podle potřeby */
:root { --sbd-logo-shift: -40px; } /* default, můžeš změnit na -20px, -30px nebo -60px */
.site-header .site-branding,
.site-header .site-logo,
.site-header .custom-logo-link,
.header-logo,
.site-title {
  transform: translateX(var(--sbd-logo-shift)) !important;
  margin-left: 0 !important;
  display: inline-block !important;
}

/* Pokud je logo obrázek, tweak přímo obrázku */
.site-header .custom-logo-link img,
.site-header .site-logo img {
  transform: translateX(var(--sbd-logo-shift)) !important;
  margin-left: 0 !important;
  display: block !important;
}

/* Fallback: pokud někde zůstává průhledný overlay s konkrétní třídou, skryj ho agressivně */
.site-header .overlay,
.site-header .overlay-wrap,
.site-header .header-overlay,
.site-header .header-bg,
.header-inner .overlay,
.header-wrapper .overlay {
  display: none !important;
  background: #ffffff !important;
}

/* Ensure header area is above hero */
.site-header { position: relative !important; z-index: 99999 !important; }

/* --- Responsive: zrušit posun na menších obrazovkách, aby logo nezmizelo --- */
@media (max-width: 1024px) {
  :root { --sbd-logo-shift: -20px; } /* menší posun na tabletech */
}
@media (max-width: 768px) {
  :root { --sbd-logo-shift: 0px; }   /* žádný posun na mobilu */
  .site-header .site-branding,
  .site-header .custom-logo-link,
  .site-header .site-logo img { transform: translateX(0) !important; }
}

/* --- Extra safety: remove any semi-transparent overlays inside header area only --- */
.site-header *[style*="rgba("],
.site-header *[style*="opacity"],
.site-header [class*="overlay"],
.site-header [class*="bg-"],
.site-header [class*="backdrop"] {
  background: #ffffff !important;
  background-color: #ffffff !important;
  opacity: 1 !important;
  box-shadow: none !important;
}

/* --- A: Responsive: scoped columns by login state (minimal change) --- */

/* keep base gap/align */
.sbd-tiles {
  gap: 14px;
  align-items: start;
  margin-top: calc(var(--sbd-tiles-shift,45px) * -1);
}

/* Desktop: use grid but scoped by logged-in state */
@media (min-width: 1200px) {
  /* logged-in: 6 columns */
  body.logged-in .sbd-tiles {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 14px !important;
    align-items: start !important;
    margin-top: calc(var(--sbd-tiles-shift,45px) * -1) !important;
  }

  /* not-logged: 4 columns */
  body:not(.logged-in) .sbd-tiles {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
    align-items: start !important;
    margin-top: calc(var(--sbd-tiles-shift,45px) * -1) !important;
  }
}

/* Ensure tile uses full column height/width inside grid */
.sbd-tiles .sbd-tile {
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Responsive fallbacks */
@media (max-width: 1200px) {
  .sbd-tiles { grid-template-columns: repeat(4, 1fr) !important; }
}
@media (max-width: 900px) {
  .sbd-tiles { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 600px) {
  .sbd-tiles { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 420px) {
  .sbd-tiles { grid-template-columns: 1fr !important; }
}

/* ===== OPRAVA full-bleed: bezpečné, NEposune mimo viewport ===== */
/* Nahrazený blok: odstraněn riskantní left/transform/100vw a nahrazen bezpečným width:100% + padding. */

:root{
  --sbd-tile-min: 240px;   /* uprav podle potřeby */
  --sbd-tile-gap: 28px;
  --sbd-page-gutter: 24px;
}

/* SAFE: removed left/transform/100vw; use width:100%+padding to avoid off-screen shifting */
.sbd-tiles {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding: 0 var(--sbd-page-gutter) !important; /* vnitřní odsazení od krajů */
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(var(--sbd-tile-min), 1fr)) !important;
  gap: var(--sbd-tile-gap) !important;
  align-items: stretch !important;
  justify-items: stretch !important;
  margin-top: calc(var(--sbd-tiles-shift,45px) * -1) !important;
  overflow: visible !important;
}

/* 2b) zajistit, že rodiče neomezují overflow (pokud je to možné) */
.sbd-tiles,
.sbd-tiles * { box-sizing: border-box !important; }

/* 3) Dlaždice: větší padding + plná výška buňky */
.sbd-tiles .sbd-tile {
  padding: 24px 26px !important;
  min-height: 120px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
}

/* 4) Prevent horizontal scroll from accidental overflow (optional, safe) */
html, body { overflow-x: hidden; } /* pokud ti to nevadí, jinak odeber */

/* 5) Responsivní úpravy */
@media (max-width: 1200px) {
  :root{ --sbd-tile-min: 200px; --sbd-tile-gap: 22px; }
}
@media (max-width: 900px) {
  :root{ --sbd-tile-min: 160px; --sbd-tile-gap: 18px; }
}
@media (max-width: 420px) {
  :root{ --sbd-tile-min: 120px; --sbd-tile-gap: 12px; }
  .sbd-tiles { padding: 0 12px !important; } 
}

/* === Uživatelská úprava: větší mezery + větší písmo popisků === */
/* Gap = 56px, popisky = 1.25rem; uprav hodnoty níže snadno dle potřeby */

:root {
  --sbd-tile-gap: 80px;   /* větší mezery mezi dlaždicemi */
}

/* Zvýšit gap (přepíše předchozí nastavení) */
.sbd-tiles {
  gap: var(--sbd-tile-gap) !important;
}

/* Více vnitřního prostoru u dlaždic, aby text s větším písmem seděl hezky */
.sbd-tiles .sbd-tile {
  padding: 32px 34px !important;
  min-height: 140px !important;
}

/* Velikost a řádkování popisků (description) — výrazně větší */
.sbd-tiles .sbd-tile p,
.sbd-tiles .sbd-tile .sbd-tile-desc,
.sbd-tiles .sbd-tile .description,
.sbd-tiles .sbd-tile small,
.sbd-tiles .sbd-tile .tile-desc {
  font-size: 1.25rem !important;   /* ~20px na většině základních velikostí */
  line-height: 1.5 !important;
  margin-top: 12px !important;
  margin-bottom: 0 !important;
  color: inherit !important;
  opacity: 0.98 !important;
}

/* Pokud chceš i větší nadpisy, odkomentuj nebo uprav následující */
/*
.sbd-tiles .sbd-tile .sbd-tile__title,
.sbd-tiles .sbd-tile .sbd-tile-title,
.sbd-tiles .sbd-tile h3 {
  font-size: 1.15rem !important;
}
*/

/* Responsivní zjemnění: na mobilech zmenšíme písmo a gap, aby se to vešlo */
@media (max-width: 900px) {
  :root { --sbd-tile-gap: 36px; }
  .sbd-tiles .sbd-tile { padding: 22px 20px !important; min-height: 110px !important; }
  .sbd-tiles .sbd-tile p,
  .sbd-tiles .sbd-tile .sbd-tile-desc { font-size: 1.05rem !important; line-height:1.45 !important; }
}
@media (max-width: 420px) {
  :root { --sbd-tile-gap: 20px; }
  .sbd-tiles .sbd-tile { padding: 14px 12px !important; min-height: 88px !important; }
  .sbd-tiles .sbd-tile p,
  .sbd-tiles .sbd-tile .sbd-tile-desc { font-size: 0.98rem !important; line-height:1.35 !important; }
}
/* FORCE: desktop grid + forced title size (put in Customizer -> Additional CSS) */
:root{
  --sbd-tile-fixed-width: 270px;   /* uprav na 220/240/260 dle potřeby */
  --sbd-tile-title-size: 1.75rem;  /* uprav dle potřeby */
  --sbd-tiles-gap: 56px;           /* tvůj aktuální gap */
}

@media (min-width: 1200px) {
  /* Force grid with controlled columns (scoped by login state) */
  body.logged-in .sbd-tiles {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(var(--sbd-tile-fixed-width), 1fr)) !important;
    gap: var(--sbd-tiles-gap) !important;
  }
  body:not(.logged-in) .sbd-tiles {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(var(--sbd-tile-fixed-width), 1fr)) !important;
    gap: var(--sbd-tiles-gap) !important;
  }

  /* Ensure each tile fills its grid cell and cannot shrink below fixed width */
  body.logged-in .sbd-tiles .sbd-tile,
  body:not(.logged-in) .sbd-tiles .sbd-tile {
    width: 100% !important;
    min-width: var(--sbd-tile-fixed-width) !important;
    box-sizing: border-box !important;
    display: block !important; /* remove flex-type inside cell that could collapse content */
  }

  /* Force title size — targetting multiple possible selectors */
  body .sbd-tiles .sbd-tile h3,
  body .sbd-tiles .sbd-tile .sbd-tile__title,
  body .sbd-tiles .sbd-tile .sbd-tile-title,
  body .sbd-tiles .sbd-tile .tile-title {
    font-size: var(--sbd-tile-title-size) !important;
    line-height: 1.05 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  /* If plugin used other wrappers, force the same for them too */
  body .sbd-tiles .sbd-tile .sbd-tile .sbd-tile__title,
  body .sbd-tiles .sbd-tile .sbd-tile .sbd-tile-title { 
    font-size: var(--sbd-tile-title-size) !important;
  }
}

/* smaller screens: reduce fixed width so it fits */
@media (max-width: 1199px) {
  :root { --sbd-tile-fixed-width: 180px; --sbd-tile-title-size: 1.15rem; --sbd-tiles-gap: 36px; }
}
@media (max-width: 900px) {
  :root { --sbd-tile-fixed-width: 140px; --sbd-tile-title-size: 1.05rem; --sbd-tiles-gap: 28px; }
}

/* optional: pokud Dosis NENÍ načtený v functions.php, odkomentuj následující řádek */
/* @import url('https://fonts.googleapis.com/css2?family=Dosis:wght@400;500;600;700&display=swap'); */

.sbd-hero-headline,
strong.sbd-hero-headline {
  font-family: "Dosis", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 700 !important;
  /* responsivní velikost: min 20px, prefer 4.8vw, max 56px */
  font-size: clamp(20px, 4.8vw, 56px) !important;
  line-height: 1.05 !important;
  display: block !important;
  text-align: center !important;
  margin: 0 auto !important;
  color: inherit; /* nechá stávající barvu, změň na #fff nebo #123 pokud chceš */
  letter-spacing: 0.5px;
}

/* === Mini tiles cleanup === */





/* === DOPLNĚNO Z PLUGINU === */

/* --- SBD Tiles: new look --- */
/* proměnné */
:root{
  --tile-base: #2FAF86;     /* "jiná zelená" — upravíš dle potřeby */
  --tile-hover: #2FAF86;
  --tile-opacity: 0.86;    /* firemní zelená na hover */
  --tile-opacity: 0.86;     /* průsvitnost (0..1) */
  --tile-radius: 12px;
  --tile-gap: 22px;
  --tile-font: 'Dosis', system-ui, sans-serif;
  --tile-width: 240px;     /* šířka jedné dlaždice na desktop */
}

/* KONTEJNER (homepage) - překryje hero spodní část */
.sbd-tiles--homepage{
  display:flex;
  gap:var(--tile-gap);
  justify-content:center;
  align-items:flex-end;
  flex-wrap:wrap;                /* 1 řada, pak zalomí do další/ých řádků */
  margin:-80px auto 40px;        /* záporný margin = překrytí hero */
  max-width:1200px;
  padding:0 20px;
}

/* JEDNOTLIVÁ DLAŽDICE */
.sbd-tiles--homepage .sbd-tile{
  width:var(--tile-width);
  min-height:170px;
  background-color: rgba(47, 175, 134, var(--tile-opacity)); /* rgba variant of --tile-base */
  color: #ffffff;                 /* text zůstane bílý i při hoveru */
  padding:36px 18px;
  border-radius:var(--tile-radius);
  text-decoration:none;
  text-align:center;
  box-shadow: 0 18px 40px rgba(0,0,0,0.12);
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
  font-family: var(--tile-font);
}

/* hover: pouze změnit barvu pozadí na firemní, nepřepisovat barvu textu */
.sbd-tiles--homepage .sbd-tile:hover{
  transform: translateY(-8px);
  box-shadow: 0 28px 60px rgba(0,0,0,0.18);
  background-color: var(--tile-hover);
}

/* ikona + nadpis + popis */
.sbd-tiles--homepage .sbd-tile__icon{ display:block; margin:0 auto 10px; color:rgba(255,255,255,0.95); }
.sbd-tiles--homepage h3{ margin:6px 0 8px; font-size:18px; font-weight:700; color: #fff; }
.sbd-tiles--homepage p{ margin:0; font-size:13px; opacity:0.95; color:#fff; }

/* MINI (header) dlaždice — drobné úpravy pro header */





body.logged-in 

/* hide header tiles on homepage if you put shortcode in header globally */
body.home 

/* RESPONSIVE: pokud se nevejdou, zalomí se do dalšího řádku (flex-wrap zachová více řádků) */
/* zmenšení dlaždic na tablety/mobily */
@media (max-width:1100px){
  :root{ --tile-width: 200px; }
}
@media (max-width:800px){
  :root{ --tile-width: 160px; }
  .sbd-tiles--homepage{ margin:-60px auto 30px; }
}
@media (max-width:520px){
  .sbd-tiles--homepage{ justify-content:center; gap:12px; }
  .sbd-tiles--homepage .sbd-tile{ width:46%; min-width:140px; } /* dvě na řádek na malé obrazovce */
}


.sbd-hero,
.entry-hero,
.wp-block-cover,
.kadence-hero {
  width: 100% !important;
  min-height: 420px !important; /* nižší hero obrázek */
  margin: 0 auto !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  overflow: hidden !important;
}

.sbd-hero .wp-block-cover__inner-container,
.entry-hero .wp-block-cover__inner-container {
  margin: 0 auto !important;
  max-width: 100% !important;
  padding: 0 !important;
  text-align: center !important;
}

.sbd-hero .sbd-tiles,
.entry-hero .sbd-tiles {
  justify-content: center !important;
  align-items: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.entry-hero,
.wp-block-cover,
.kadence-hero {
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  width: 100% !important;
  margin: 0 auto !important;
  left: 0 !important;
}

/* zruší prázdné místo vlevo */
.wp-block-cover__image-background {
  object-position: center center !important;
}

/* volitelné: výšku jen trochu snížit, bez deformace */
.entry-hero {
  min-height: 480px !important; /* můžeš dát 420/460 podle chuti */
}

/* Consolidated hero image alignment */
.wp-block-cover__image-background {
  object-fit: cover !important;
  object-position: center center !important;
}

/* === HERO FINAL CLEAN FIX (FULL WIDTH + POSUN + BEZ OŘEZU) === */
body.home .entry-hero,
body.home .wp-block-cover,
body.home .kadence-hero {
  position: relative !important;
  width: 100vw !important;
  max-width: 100vw !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  margin: 30px 0 0 0 !important;          /* posun pod hlavičku, uprav dle potřeby */
  padding: 0 !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  overflow: visible !important;           /* dlaždice můžou přesahovat */
  border-radius: 0 !important;
}

/* Vnitřní container hero */
body.home .entry-hero .wp-block-cover__inner-container {
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
  overflow: visible !important;
}

/* Odstranění bílého pruhu vlevo */
body.home .site-content,
body.home .content-area,
body.home .entry-content {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}