html {
  font-size: 16px;
}

body {
  background: var(--background-primary, #F7F7F7);

  font-family: "Plus Jakarta Sans", sans-serif;
  font-optical-sizing: auto;
  font-size: 100%;
}

a {
  font-weight: 700;
  font-style: bold;
  line-height: 160%;
  letter-spacing: 0%;
  color: var(--text-positive-link, #008C9D);
  text-decoration: none;
}

a:hover, a:focus {
  color: var(--text-positive-link, #008C9D) !important;
  text-decoration: underline;
}

h1, h2, h3, h4, h5 {
  font-style: bold;
  color: var(--text-positive-primary, #022930) !important;
}

h1,
h1.entry-title, 
h1.entry-title a {
  font-weight: 700;
  font-size: 48px;
  line-height: 120%;
  letter-spacing: -1%;
}

p.label {
  font-weight: 500;
  font-style: medium;
  font-size: 0.875rem;
  line-height: 120%;
  letter-spacing: 20%;
  text-transform: uppercase;
  color: var(--text-positive-secondary, #52525B);
  margin-bottom: 8px;
}

p strong {
  color: var(--text-positive-link, #008C9D);
}

p.p2 {
  font-weight: 650;
  font-style: Bold;
  font-size: 1rem;
  line-height: 160%;
  letter-spacing: 0%;
  color: var(--text-positive-primary, #022930);
}

body.home .full-width-hero-wrapper h2 {
  font-weight: 700;
  font-style: Bold;
  font-size: 4.5rem !important;
  line-height: 120%;
  letter-spacing: -2%;
  color: var(--text-negative-primary, #FFFFFF) !important;
}

h2, .h2 {
  font-weight: 700 !important;
  font-size: 2rem;
  line-height: 120%;
  letter-spacing: -1%;
}

h4, .h4 {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 120%;
  letter-spacing: 0%;
}

.icon72 img {
  width: 72px;
  height: 72px;
}

.hidden {
  display: none !important;
}

body.home {
  background-color: var(--background-primary, #F7F7F7);
  background-image: linear-gradient(to bottom, #022930 830px, #F7F7F7 0);
  background-size: 100% 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
}

/* .hero-background pozicovani/pozadi (A fotkove hero, vc. @1441) SMAZANO 2026-09-08 — pod designem B je .hero-background display:none (moot). */

/* HERO varianta A (fotková) SMAZÁNA — A/B test ukončen 2026-09-08, vyhrála B. Design B = hp.css. */

body #primary,
body.home #primary {
  margin-top: 0;
}

body.home #content .ast-container {
  __max-width: inherit;
}

/* Změna loga jen na homepage */
body.home .custom-logo {
  /*content: url('/wp-content/themes/gamin/img/logo-gamin-bile.svg');*/
}

.ast-logo-title-inline .ast-site-identity {
  padding: 0;
}

.ast-logo-title-inline .site-logo-img {
  padding-right: 0;
}

.ast-logo-title-inline .ast-site-identity a {
  width: 130px;
  height: 26px;
  display: block;
  background-image: url(../img/logo-gamin-modre.svg);
  /* contain (ne cover): logo má poměr 5:1 (130x26). Jinde se výška přebíjí na
     24px (Figma) → box 130x24 je širší poměr a cover ořízne horní/dolní hranu
     zaoblených písmen. contain vždy vejde celé logo; left/no-repeat zabrání
     dlaždicování v 10px mezeře vpravo. */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
}

body.home .ast-logo-title-inline .ast-site-identity a {
  background-image: url(../img/logo-gamin-bile.svg);
}

body.ast-main-header-nav-open .ast-logo-title-inline .ast-site-identity a {
  background-image: url(../img/logo-gamin-modre.svg);
}

/* nav-open header bg (white) → MRTVÉ (audit-fixes 794–797 dává #F7F7F7 !important, po
   custom/navigation) + DUPLIKÁT navigation.css 172–175. Smazáno. Konsolidace #4 2026-09-07. */

.site-header-primary-section-center {
  justify-content: flex-start;
}

ul.wp-block-list,
ul.wp-block-list ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}


ul.wp-block-list ul {
  margin-top: 10px;
}

ul.wp-block-list li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 16px;
}

ul.wp-block-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 14px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M5 13L9 17L19 7' stroke='%23008C9D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat;
  background-size: contain;
}

ul.wp-block-list ul li::before {
  display: none;
}

.img-radius,
.image-radius {
  border-radius: var(--radius-m);
  overflow: hidden;
}

.wp-block-table {

}

.wp-block-table table {
  border: 0;
}

.wp-block-table thead {
  border: 0;
}

.wp-block-table table tr {
  
}

.wp-block-table table td,
.wp-block-table table th {
  font-weight: 450;
  font-style: Regular;
  font-size: 1rem;
  line-height: 160%;
  letter-spacing: 0%;
  text-align: left;

  border: 1px solid var(--border-primary-solid, #E2E2E5);
  border-width: 0 0 1px 0;
  padding: var(--padding-16);
}

.wp-block-table table tr td:first-child,
.wp-block-table table tr th:first-child {
  padding-left: 0;
}

.wp-block-table table tr td:last-child,
.wp-block-table table tr th:last-child {
  padding-right: 0;
}

.wp-block-table table th {
  font-weight: 650;
  font-style: Bold;
  color: var(--text-positive-primary, #022930);
}

.ico48 img {
  width: 48px;
  height: 48px;
  max-width: inherit;
}

.white-box {
  padding: var(--padding-16);
  background-color: #fff;
  border-radius: var(--radius-l);
}

.white-box .wp-block-group__inner-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.white-box h4 {
  font-weight: 650;
  font-style: Bold;
  font-size: 1.25rem;
  line-height: 120%;
  letter-spacing: 0%;
  margin: 0;
}

.white-box a:hover, 
.white-box a:focus {
  color: initial;
  text-decoration: none;
}

.white-box.href .wp-block-heading {
  display: block;
  width: 100%;
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.50004 17.4166L17.4167 5.49996M17.4167 5.49996V16.94M17.4167 5.49996H5.97671' stroke='%23008C9D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
}

.white-box.href .wp-block-heading a,
.white-box.href .wp-block-heading a:hover {
  color: var(--text-positive-primary, #022930) !important;
}

.white-box.href:hover {
  transition: var(--box-transition);
  transform: var(--box-transform);
  box-shadow: 0px 24px 32px 0px #0000003D;
}

.gray-box {
  padding: var(--padding-48);
  border-radius: var(--radius-l);
  background: var(--background-secondary, #EEEEEF);
}

.gray-box h2 {
  font-weight: 700;
  font-style: Bold;
  font-size: 2rem;
  line-height: 120%;
  letter-spacing: -1%;
  color: var(--text-positive-primary, #022930);
}

.dark-box {
  gap: 32px;
  padding: var(--padding-48);
  border-radius: var(--radius-m);
  background: var(--background-dark, #022930);
}

.dark-box .wp-block-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.dark-box img {
  margin: 0 16px 16px 0;
}

.dark-box p,
.dark-box li {
  color: var(--text-negative-secondary, #D2D2D6);
}

.dark-box h2,
.dark-box h3 {
  color: var(--text-negative-primary, #FFFFFF) !important;
  margin-bottom: 16px;
}

.dark-box :where(.is-layout-flow) > * { 
  margin: 0;
}

.info-box {
  display: grid !important;
  grid-template-columns: 40px 1fr 112px;
  border-radius: var(--radius-m);
  gap: 16px;
  padding: var(--padding-24);
  border: 1px solid var(--border-primary-solid, #E2E2E5);
  cursor: pointer;
}

.info-box:hover {
  transition: var(--box-transition);
  box-shadow: var(--box-shadow-hover);
}

.info-box img {
  width: 40px;
  height: 40px;
}

.info-box figure.wp-block-image {
  width: 40px;
  height: 40px;
}

.fade-box {
  position: relative;
  background-size: cover;
  background-position: center;
  color: var(--text-negative-secondary, #D2D2D6);
}

.fade-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(2, 41, 48, 0) 0%, rgba(2, 41, 48, 0.9) 59.77%);
  border-radius: var(--radius-l);
  pointer-events: none;
  z-index: 1; /* gradient nad pozadím */
}

.fade-box.v2::before {
  background: linear-gradient(180deg, rgba(2, 41, 48, 0) 0%, rgba(2, 41, 48, 0.9) 42%);
  border-radius: var(--radius-m);
}

.fade-box .wp-block-group__inner-container {
  position: relative;
  z-index: 2; /* obsah nad gradientem */
}

.fade-box h2 {
  font-weight: 700;
  font-style: Bold;
  font-size: 2rem;
  line-height: 120%;
  letter-spacing: -1%;
  color: var(--background-primary, #F7F7F7) !important;
}

.fade-box h3,
.fade-box h4,
.fade-box h5,
.fade-box table td {
  color: var(--text-negative-secondary, #D2D2D6) !important;
}

.fade-box table {
  border: 0;
}

.fade-box table td {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: var(--border-primary-transparent, #FFFFFF1F);
}

.site-header-section>* {
  padding: 0;
}

.ast-container {
  padding-left: 0;
  padding-right: 0;
}

/* DESKTOP HEADER BASE (above-header bar, primary header bar, breadcrumbs,
   menu-link barvy) → přesunuto do css/header.css (Fáze 2). Konsolidace #4 2026-09-07. */

/* FOOTER desktop base (below-footer, primary-footer, site-footer bg/typo, kontakty+ikony,
   menu links, scroll-btn) → přesunuto do css/footer.css sekce „1) FOOTER BASE / DESKTOP".
   Konsolidace 2026-09-06 batch A. */

.astra-logo-svg:not(.sticky-custom-logo .astra-logo-svg,
.transparent-custom-logo .astra-logo-svg,
.advanced-header-logo .astra-logo-svg) {
  height: 26px;
  width: auto;
}

.hero-section {
  min-height: 664px;
  //max-width: cacl(var(--global-max-width) * 0.6);
  max-width: 680px;
  margin: 0 auto 0 0;
  padding: 150px 0 0 0;
}

.hero-section h1,
.hero-section h2 {
  font-weight: 700;
  font-size: 72px;
  line-height: 120%;
  letter-spacing: -2%;
  color: var(--text-negative-primary, #FFFFFF);
}

.hero-section p {
  font-weight: 500;
  font-size: 18px;
  line-height: 160%;
  letter-spacing: 0%;
  color: var(--text-negative-primary, #FFFFFF);
}

.wp-block-button.left {
  text-align: left;
}

button,
.btn {
  display: inline-flex;
  align-items: center;

  font-weight: 600;
  font-size: 1rem;
  line-height: 100%;
  letter-spacing: 0%;
  color: var(--text-positive-primary, #022930) !important;
  background: var(--button-primary-primary-default, #00DFEA);

  min-height: 48px;
  border-radius: var(--radius-s);
  padding: var(--padding-12) var(--padding-24);

  transition: background-color 0.2s, border-color 0.2s;
}

button:hover,
.btn:hover {
  color: var(--text-positive-primary, #022930) !important;
  background: var(--button-primary-primary-hover, #57FFF8);
  text-decoration: none;
}

.wp-block-button .wp-block-button__link {
  font-weight: 600;
  font-size: 1rem;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  white-space: nowrap;

  color: var(--text-positive-primary, #022930);
  background: var(--button-primary-primary-default, #00DFEA);

  min-height: 48px;
  border-radius: var(--radius-s);
  padding: var(--padding-12) var(--padding-24);

  transition: background-color 0.2s, border-color 0.2s;
}

.wp-block-button .wp-block-button__link:hover {
  text-decoration: none;
  color: var(--text-positive-primary, #022930) !important;
  background: var(--button-primary-primary-hover, #57FFF8);
}

.wp-block-button.btn-inverse .wp-block-button__link {
  background-color: transparent;
  border: 1px solid var(--button-secondary-secondary-bglight-default, #008C9D52);
}

.btn-outline,
.wp-block-button.outline .wp-block-button__link {
  white-space: nowrap;
  border-radius: var(--radius-s);
  padding: var(--padding-12) var(--padding-24);
  border: 1px solid var(--button-secondary-secondary-bglight-default, #008C9D52);
  background-color: transparent;
  color: var(--text-positive-primary, #022930);

}

.btn-outline:hover,
.wp-block-button.outline .wp-block-button__link:hover {
  text-decoration: none;
  color: var(--text-positive-primary, #022930) !important;
  background-color: var(--button-secondary-secondary-bglight-hover, #57FFF829);
  border-color: var(--button-secondary-secondary-bglight-default, #008C9D52);
}

.btn-outline-inv,
.wp-block-button.outline-inv .wp-block-button__link {
  white-space: nowrap;
  border-radius: var(--radius-s);
  padding: var(--padding-12) var(--padding-24);
  border: 1px solid var(--button-secondary-secondary-bgdark-default, #FFFFFF29);
  background-color: transparent;
  color: #fff;
}

.btn-outline-inv:hover,
.wp-block-button.outline-inv .wp-block-button__link:hover {
  color: #fff !important;
  text-decoration: none;
  background-color: var(--button-secondary-secondary-bglight-default);
}

.btn-white,
.wp-block-button.btn-white .wp-block-button__link {
  color: var(--button-tertiary-tertiary-bglight-default, #008C9D);
  background-color: white;
}

.wp-block-button.email a,
.wp-block-button.email a:hover {
  display: inline-block;
  min-height: 25px;
  /*background-repeat: no-repeat;
  background-position: 0 50%;
  background-image: url("data:image/svg+xml,%3csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 4L9.55279 8.27639C9.83431 8.41716 10.1657 8.41716 10.4472 8.27639L19 4M1 3V13C1 14.1046 1.80589 15 2.8 15H17.2C18.1941 15 19 14.1046 19 13V3C19 1.89543 18.1941 1 17.2 1H2.8C1.80589 1 1 1.89543 1 3Z' stroke='%23008C9D' stroke-width='1.5' stroke-linecap='round'/%3e%3c/svg%3e");
*/}

.wp-block-button.phone a,
.wp-block-button.phone a:hover {
  display: inline-block;
  min-height: 25px;
  /*background-repeat: no-repeat;
  background-position: 0 50%;
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18.1181 14.702L13.9998 15.5C11.2181 14.1038 9.49985 12.5 8.49985 10L9.2698 5.8699L7.81436 2L4.06344 2C2.9359 2 2.04799 2.93178 2.21639 4.04668C2.63679 6.83 3.87638 11.8765 7.49985 15.5C11.305 19.3052 16.7856 20.9564 19.8019 21.6127C20.9666 21.8662 21.9998 20.9575 21.9998 19.7655L21.9998 16.1812L18.1181 14.702Z' stroke='%23008C9D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
*/}

.wp-block-button.email a:hover,
.wp-block-button.phone a:hover {
  color: var(--button-tertiary-tertiary-bglight-hover, #00DFEA);
}

.wp-block-button.icon-down {
  position: relative;
}

.wp-block-button.icon-down .wp-block-button__link {
  padding-left: 40px;
}

/*
.wp-block-button.icon-down .wp-block-button__link::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-image: 
      linear-gradient(45deg, transparent 40%, white 40%, white 60%, transparent 60%),
      linear-gradient(-45deg, transparent 40%, white 40%, white 60%, transparent 60%);
  background-size: 8px 8px, 8px 8px;
  background-position: 0 2px, 8px 2px;
  background-repeat: no-repeat;
  animation: wave-down 1.5s ease-in-out infinite;
}

.wp-block-button.icon-down .wp-block-button__link::after {
  content: "";
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-image: 
      linear-gradient(45deg, transparent 40%, white 40%, white 60%, transparent 60%),
      linear-gradient(-45deg, transparent 40%, white 40%, white 60%, transparent 60%);
  background-size: 8px 8px, 8px 8px;
  background-position: 0 6px, 8px 6px;
  background-repeat: no-repeat;
  animation: wave-down 1.5s ease-in-out infinite 0.2s;
}

@keyframes wave-down {
    0%, 100% {
        opacity: 0.4;
        transform: translateY(-50%) scale(0.8);
    }
    50% {
        opacity: 1;
        transform: translateY(-50%) scale(1);
    }
}*/

.wp-block-button.icon-down .wp-block-button__link {
    position: relative;
    padding-right: 3.5em;
    overflow: hidden;
}

.wp-block-button.icon-down .wp-block-button__link::before,
.wp-block-button.icon-down .wp-block-button__link::after {
    content: '';
    position: absolute;
    right: 1.2em;
    top: 50%;
    width: 0.6em;
    height: 0.6em;
    
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    
    transform: translateY(-50%) rotate(45deg);
    opacity: 0;
}

.wp-block-button.icon-down .wp-block-button__link::before {
    animation: arrow-down-anim 2s ease-in-out infinite;
    margin-top: 0;
}

.wp-block-button.icon-down .wp-block-button__link::after {
    animation: arrow-down-anim 2s 0.5s ease-in-out infinite;
    margin-top: 0;
}

@keyframes arrow-down-anim {
    0% {
        opacity: 0;
        transform: translateY(calc(-50% - 5px)) rotate(45deg);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translateY(calc(-50% + 5px)) rotate(45deg);
    }
}

.wp-block-button .wp-block-button__link.btn-more {
  color: var(--button-tertiary-tertiary-bglight-default, #008C9D);

  font-weight: 600;
  font-style: SemiBold;
  font-size: 1rem;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: left;

  padding: 5px 0 5px 30px;

  background-repeat: no-repeat;
  background-position: 0 50%;
  background-color: transparent;
  background-image: url("data:image/svg+xml,<svg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M5.5 8.25L11 13.75L16.5 8.25' stroke='%23008C9D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}

.is-expanded .wp-block-button .wp-block-button__link.btn-more {
    /* Měníme pouze obrázek na pozadí */
    background-image: url("data:image/svg+xml,<svg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'><path transform='rotate(180 11 11)' d='M5.5 8.25L11 13.75L16.5 8.25' stroke='%23008C9D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}

.wp-block-button .wp-block-button__link.btn-more2 {
  color: var(--button-tertiary-tertiary-bglight-default, #008C9D);

  font-family: Plus Jakarta Sans;
  font-weight: 600;
  font-style: SemiBold;
  font-size: 16px;
  leading-trim: CAP_HEIGHT;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;

  padding: 5px 30px 5px 0;

  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5 11H16.9583M16.9583 11L11.4583 5.5M16.9583 11L11.4583 16.5' stroke='%23008C9D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.form-group {
  margin-bottom: 15px;
}

.form-group label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}

.form-group input {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

a.open-href {
  background-image: url('../img/ikona-odkaz-bila.svg');
  background-repeat: no-repeat;
  width: 64px;
  height: 64px;
  text-indent: -9999px;
  display: block;
}

.ast-above-header-wrap {
  color: var(--text-negative-secondary);
}

.wpml-ls-legacy-dropdown {
  width: inherit;
  font-size: var(--text-size-12);
  color: var(--text-negative-secondary);
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
    position: relative;
    padding-right: 25px;
}

.wpml-ls-legacy-dropdown a {
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
  border: none;
}

.wpml-ls-legacy-dropdown a,
.wpml-ls-legacy-dropdown a:hover {
  border: none;
  font-size: var(--text-size-12);
  color: var(--text-negative-secondary);
  background-color: transparent;
}

.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a, 
.wpml-ls-legacy-dropdown a:focus, 
.wpml-ls-legacy-dropdown a:hover {
  font-size: var(--text-size-12);
  color: var(--text-negative-secondary);
  background-color: transparent;
  border: none;
}

.plus-symbol {
  display: inline-block;
  opacity: 0;
  transform: scale(0.25) translateY(-5px); 
  /*transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.6); 
  color: inherit;
  /*margin-left: 2px;*/
}

.plus-symbol.visible {
  opacity: 1;
  transform: scale(1) translateY(0);
}

@keyframes popIn {
  0% {
    opacity: 0;
    transform: scale(0.5) translateY(20px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

#ast-scroll-top {
  font-size: 15px;
}

/* ===========================================================================
   PORADIT-BOX — CTA banner „Potřebujete poradit?" (.poradit-box.white-box)
   ---------------------------------------------------------------------------
   Jednoduchá bílá karta, STEJNÁ na všech stránkách (homepage i podstránky).
   Konsolidace 2026-09-06: rozpuštěno 71 rozházených pravidel (audit 61 / custom 7
   / responsive 3, vč. 5 duplicitních @tablet bloků a 2 mobilních body.home bloků).
   PŘESAH přes footer = barevný gradient na .site-above-footer-wrap (footer koncern,
   NENÍ zde) — karta je proto normální box v toku, ŽÁDNÉ absolute/top hacky (ty byly
   jádro hnízda — kompenzovaly na mobilu vypnutý gradient).
   Figma qyu4Lg5Bv6r5SjxwaLgLB6:1619-31056 (desktop + mobil). Bílá + r24 = .white-box.
   Foto: řeší se jen POZICE (obsah editovaný) — absolute pravý spodní roh, přirozený
   horní přesah (výška fota > karta).
   =========================================================================== */

/* --- Base (desktop) --- */
.poradit-box {
  position: relative;
  max-width: var(--global-max-width);
  margin: 0 auto;
  padding: 0;
}

.poradit-box > .wp-block-columns {
  display: flex;
  flex-direction: row;
  /* !important: přebíjí Gutenberg inline `.wp-block-columns{align-items:normal!important}` */
  align-items: center !important;
  justify-content: space-between;
  gap: 24px;
  box-sizing: border-box;
  min-height: 154px;
  margin: 0;
  padding: 24px 188px 24px var(--padding-l);   /* 188 vpravo = rezerva pro foto */
}

.poradit-box .wp-block-column {
  flex: 0 1 auto;
  min-width: 0;
  margin: 0;
  padding: 0;
}

/* Nadpis */
.poradit-box .wp-block-column p {
  margin: 0;
  color: var(--text-positive-primary, #022930);
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
}

/* Kontakty (email/telefon) — horizontálně na desktopu */
.poradit-box .wp-block-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 32px;
  margin: 0;
}

.poradit-box .wp-block-button,
.poradit-box .wp-block-button__link {
  margin: 0;
}

.poradit-box .wp-block-button__link {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 0 0 28px;   /* 28 = místo pro ikonu vlevo */
  color: var(--button-tertiary-tertiary-bglight-default, #008C9D);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  white-space: nowrap;
  background: transparent;
  border: 0;
}

/* Ikona mail/telefon přes ::before (20px teal, vlevo) */
.poradit-box .wp-block-button__link::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
}

.poradit-box .wp-block-button__link[href^="mailto:"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23008C9D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='M2 7l10 6 10-6'/%3E%3C/svg%3E");
}

.poradit-box .wp-block-button__link[href^="tel:"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23008C9D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");
}

/* Foto — pravý spodní roh, horní hrana přesahuje kartu (Figma). */
.poradit-box .wp-block-image {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 188px;
  height: 183px;
  margin: 0;
  overflow: hidden;
  border-bottom-right-radius: var(--radius-l, 24px);
}

.poradit-box .wp-block-image img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center top;
}

/* --- Mobil + tablet ≤921.98 (stacked varianta) ---
   Design systém má jen 2 varianty CTA: Type=Mobile (343×156, stacked) a Type=Desktop
   (1240×154, horizontální). Tablet footer (Figma 6aIvtpkYbuqKDlI9oCmCQz:7089-42103, 768)
   používá Mobile variantu roztaženou na plnou šířku → tablet = mobilní layout, jen širší
   karta (auto). Proto stacked platí pro celý rozsah ≤921.98 (theme desktop = ≥922);
   přesah přes footer na tabletu řeší wrap gradient v audit-fixes „20. TABLET FOOTER CTA". */
@media (max-width: 921.98px) {
  /* Karta 16px od krajů (Figma CTA banner x=16, w=736 v 768). Dřív full-width
     (margin:0 auto + max-width global) → karta i foto lícovaly s okrajem viewportu. */
  .poradit-box {
    margin-left: 16px;
    margin-right: 16px;
  }

  .poradit-box > .wp-block-columns {
    flex-direction: column;
    align-items: flex-start !important;   /* přebíjí Gutenberg inline normal!important */
    gap: 16px;
    padding: 16px 116px 16px var(--padding-16);   /* 116 vpravo = rezerva pro foto */
  }

  .poradit-box .wp-block-column {
    width: 100%;
    max-width: none;
  }

  .poradit-box .wp-block-column p {
    max-width: 211px;
    font-size: 20px;
    font-weight: 650;
  }

  .poradit-box .wp-block-buttons {
    flex-direction: column;
    align-items: flex-start;
    gap: 11px;
  }

  .poradit-box .wp-block-image {
    width: 116px;
    height: 171px;
    border-top-right-radius: var(--radius-l, 24px);
  }
}

/* Tablet (768–921.98): výraznější přesah fota přes horní hranu karty (jako desktop
   a Figma) — foto vyšší než karta (~162px), absolute bottom:0 → přečnívá nahoru.
   POZN.: reálné foto na webu se liší od Figmy, výšku klidně dolaď dle ořezu. */
@media (min-width: 768px) and (max-width: 921.98px) {
  .poradit-box .wp-block-image {
    height: 188px;
  }
}

.kde-nas-najdete {
  position: relative;
  background-size: cover;
  background-position: center;
  gap: 8px;
  border-radius: var(--radius-l);
  padding: 400px var(--padding-l) var(--padding-l) var(--padding-l);
}

.kde-nas-najdete img {
  border-radius: var(--radius-l);
}

.kde-nas-najdete h2,
.kde-nas-najdete h3 {
  color: var(--background-primary, #F7F7F7);
}

.kde-nas-najdete p {
  color: var(--text-negative-secondary, #D2D2D6);
}

.kde-nas-najdete .wp-block-columns {
  gap: 64px;
}

.frame {
  padding: var(--padding-l);
  border-radius: var(--radius-l);
}

.frame.white {
  background-color: #fff;
}

/* .frame mobil padding — přesun z responsive.css @768 (konsolidace 2026-09-09).
   Umístěno ZA .frame base (0,1,0), aby přebilo desktop padding:48 pořadím. NELZE
   dát do global.css: custom.css se načítá po global → base 48 by tam mobil flipnul. */
@media (max-width: 768px) {
  .frame {
    padding: 16px;
  }
}

.modal a.close-modal {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 32px !important;
  height: 32px !important;

  font-size: 24px;
  color: #999;
  text-decoration: none;
  line-height: 1;

  background-color: #fff;
  border: none;
  border-radius: 0;
  content: '';

  background-image: url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1.00977 14.9901L7.99995 7.99995M7.99995 7.99995L14.9901 1.00977M7.99995 7.99995L1.00977 1.00977M7.99995 7.99995L14.9901 14.9901' stroke='%23022930' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important;
  background-repeat: no-repeat;
  background-size: 14px !important;
  background-position: 50% 50% !important;
  text-indent: -9999px;
  overflow: hidden;
  outline: none;
}

.modal a.close-modal:hover {
  background-color: #fff;    
}

.woocommerce img.pswp__img, 
.woocommerce-page img.pswp__img {
  border-radius: var(--radius-m);
}

.woocommerce-product-gallery__image.flex-active-slide a {
  display: block;
  overflow: hidden;
  padding: var(--padding-8);
  border-radius: var(--radius-m);
  background-color: white;
}

.video-card { cursor:pointer; }
.video-thumb{ position:relative; border-radius:16px; overflow:hidden; background:#f3f4f6; }
.video-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.video-thumb--placeholder{ width:100%; height:100%; }
.yt-play{ position:absolute; inset:0; display:grid; place-items:center; transition:transform .15s ease; }
.video-card:hover .yt-play{ transform:scale(1.06); }

.wrap_servisy {
  margin: 64px 0;
  padding: var(--padding-48);
  border-radius: var(--radius-m);
  background-color: white;
}

.grid_servisy .wp-block-column > .wp-block-group {
  height: 300px;
  border-radius: var(--radius-m);
  /* #31 (přesun z audit-fixes 2026-09-08): karty služeb border + box-shadow dle Figmy */
  border: 1px solid var(--tile-border, #EEF0F3);
  box-shadow: var(--tile-shadow, 0 2px 10px rgba(16, 24, 40, .06));
}

.grid_servisy .wp-block-column > .wp-block-group::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, #022930 0%, rgba(2, 41, 48, 0.42) 48%, rgba(2, 41, 48, 0) 60%);
  border-radius: var(--radius-m);
  pointer-events: none;
  z-index: 1; /* gradient nad pozadím */
}

.grid_servisy .wp-block-column > .wp-block-group .wp-block-group__inner-container {
  display: flex;
  align-items: flex-end;
  height: 100%;
  width: 100%;
  color: var(--text-negative-secondary, #D2D2D6);
  padding: 32px;
}

.grid_servisy  .wp-block-group__inner-container:after {

}

.grid_servisy  .wp-block-group__inner-container p {
  font-weight: 700;
  font-style: Bold;
  font-size: 1rem;
  line-height: 160%;
  text-decoration-style: solid;
  padding: 0;
  margin: 0;
}

.grid_servisy  .wp-block-group__inner-container p a {
  color: var(--text-negative-primary, #FFFFFF);
  text-decoration: underline;
}

.grid_servisy  .wp-block-group__inner-container p a:hover {
  text-decoration: none;
}

.grid_servisy .wp-block-group__inner-container .wp-block-group {
  z-index: 2;
}

.grid_servisy .wp-block-image img {
  width: 64px;
  height: 64px;
  max-width: inherit;
}

/* .dcerinne-spolecnosti — přesunuto do css/hp.css (homepage komponenta,
   order-independent, jen front page). Konsolidace 2026-09-05. */


/* ===========================================================================
   SECTION SPACING (global/shared, cross-component) — vertikální rytmus sekcí
   ---------------------------------------------------------------------------
   Konsolidováno (roadmapa #1, 2026-09-05) z audit-fixes: #14 base (desktop),
   @921 subpage fallback, A1/KOLO2 homepage tablet/mobil → JEDEN order-independent
   zdroj. Figma: desktop 64 / tablet 48 / mobil 32; boxové sekce (.reference-box,
   div.skoleni) = padding 48 + margin 64 (obsah odsazen 48 uvnitř boxu, mezera 64
   vně), margin klesá s paddingem na menších bp.
   PRESERVE-RENDER: podstránky (bez body.home) zůstávají tablet/mobil 64/64
   (známý „48-vs-32" bug — Figma-correct oprava podstránek odložená, chybí Figma).
   NEZAHRNUTO: .sluzby (padding order-entangled v hero/rozcestník @media blocích
   audit 701/2449 → přesun by rozbil homepage mobil; řešit v post-A/B, roadmapa #5)
   a .prispevky-carousel (carousel). Ty zůstávají v audit-fixes. Horizontal gutter
   (16px boky na mobilu) = sjednocen níže v samostatném @media ≤767.98 bloku (dedup
   z responsive @768). `.skoleni` gutter na tabletu (768–921) + `.sluzby` zůstávají
   v responsive @921 (kvůli .sluzby, odloženo post-A/B).
   =========================================================================== */

/* --- Desktop base (all pages) --- */
.odbornici,
.novinky,
.novinky-section {
    padding-top: 64px;
    padding-bottom: 64px;
}

.reference-box,
div.skoleni {
    margin-top: 64px;
    margin-bottom: 64px;
    padding-top: 48px;
    padding-bottom: 48px;
}

/* --- Tablet + mobil (all pages, subpage fallback = 64) --- */
@media (max-width: 921.98px) {
    /* `body ` prefix = order-independent přebití komponentních sheetů, které se
       načítají PO custom.css a definují stejné selektory (skoleni.css `div.skoleni`
       padding var(--padding-l)=48, odbornici.css `.odbornici`, novinky.css …).
       Dřív vyhrával audit @921 jen pořadím (načítal se nejpozději, 10000);
       `body ` (≥0,1,1) tuhle závislost na pořadí ruší specificitou. */
    body .reference-box,
    body .odbornici,
    body div.skoleni,
    body .novinky,
    body .novinky-section {
        padding-top: 64px;
        padding-bottom: 64px;
    }
}

/* --- Homepage tablet 768–921.98 (Figma 48) --- */
@media (min-width: 768px) and (max-width: 921.98px) {
    body.home .odbornici,
    body.home .novinky,
    body.home .novinky-section,
    body.home .gamin-o-nas,
    body.home .dcerinne-spolecnosti {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }

    body.home .reference-box,
    body.home div.skoleni {
        margin-top: 48px !important;
        margin-bottom: 48px !important;
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }
}

/* --- Homepage mobil ≤767.98 (Figma 32) --- */
@media (max-width: 767.98px) {
    body.home .odbornici,
    body.home .novinky,
    body.home .novinky-section,
    body.home .gamin-o-nas,
    body.home .dcerinne-spolecnosti {
        padding-top: 32px !important;
        padding-bottom: 32px !important;
    }

    body.home .reference-box,
    body.home div.skoleni {
        margin-top: 32px !important;
        margin-bottom: 32px !important;
        padding-top: 32px !important;
        padding-bottom: 32px !important;
    }

    /* Reference box celoplošný na mobilu → bez zaoblení (Figma 2192:43621). */
    body.home .reference-box {
        border-radius: 0 !important;
    }
}

/* --- Horizontal gutter (mobil ≤767.98, všechny stránky) ---
   Sekce s obsahem k okraji dostanou 16px boky. Konsolidace #1 2026-09-06: sjednoceno
   z custom.css mobil bloku + responsive.css @768 (byl to duplikát). Na hranici 768 už
   gutter přebíjejí tablet-specifické overridy (.odbornici 0, .reference-box 32), takže
   ≤767.98 je bezpečné. `.skoleni` má gutter i na tabletu (768–921) přes responsive.css
   @921 (spolu se .sluzby → odloženo post-A/B, roadmapa #5). */
@media (max-width: 767.98px) {
    .skoleni,
    .odbornici,
    .reference-box {
        padding-left: 16px;
        padding-right: 16px;
    }
}


.box-radius {
  padding: var(--padding-24);
  border-radius: var(--radius-m);
  background-color: white;
}

/* --- Základní Owl Carousel styly --- */
.owl-carousel .owl-stage-outer {
    position: relative;
    /*overflow: inherit !important;*/
}

.owl-carousel .owl-stage-outer::after {
    content: "" !important;
    position: absolute;
    top: 0;
    height: 100% !important;
    width: 32px;
    pointer-events: none;
    visibility: visible !important;
    /* offset z JS */
    right: var(--fade-offset, 0px);
    background: linear-gradient(
        90deg,
        rgba(247, 247, 247, 0) 0%,
        #f7f7f7 100%
    );
}

.owl-carousel .owl-stage {
    display: flex;
    position: relative;
}

.owl-carousel .owl-item {
    display: flex;
    flex: 1 0 auto;
}

.owl-carousel .caption {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
}

.owl-carousel .flex-text {
    flex-grow: 1;
}

.owl-carousel .thumbnail {
    display: flex;
    flex-direction: column;
    margin: 0 15px;
}

.carousel-dots {
    display: block;
    position: relative;
}

.carousel-dots .owl-nav,
.carousel-dots .owl-dots {
    display: none !important;
}

.carousel-controls {
  position: relative; 
  width: 100%;
  
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  
  padding-top: 48px;
  padding-bottom: 0;
  pointer-events: none;
}

.carousel-controls > * {
    pointer-events: auto;
}

/* Tlačítka šipek */
.carousel-dots .owl-nav button.owl-prev,
.carousel-dots .owl-nav button.owl-next {
  width: 44px;
  height: 44px;
  background: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  /*box-shadow: 0px 0px 0px 2px #0239443D;*/
  backdrop-filter: blur(32px);
  border: 1px solid var(--button-secondary-secondary-bglight-default, #008C9D52);
  border-radius: var(--radius-s);
  background-color: transparent;
  transition: box-shadow .2s ease, transform .15s ease, border-color .2s ease, background-color .2s ease;
}

/* schovej defaultní text ve span */
.carousel-dots .owl-nav button span {
  position: absolute;
  width: 1px; height: 1px; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap; clip-path: inset(50%);
}

/* Ikony šipek přes pseudo-element */
.carousel-dots .owl-nav button.owl-prev::before,
.carousel-dots .owl-nav button.owl-next::before {
  content: "";
  width: 22px;
  height: 22px;
  display: block;
  background: no-repeat center / contain
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'><path d='M13.75 5.5L8.25 11L13.75 16.5' stroke='%23022930' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}

/* pravá šipka je jen otočená */
.carousel-dots .owl-nav button.owl-next::before {
  transform: rotate(180deg);
}

.carousel-controls .dots {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 12px;   /* Figma stepper: Padding-8/12 kolem skupiny teček */
}

.custom-nav-btn {
  width: 44px;
  height: 44px;
  background: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  backdrop-filter: blur(32px);
  border: 1px solid var(--button-secondary-secondary-bglight-default, #008C9D52);
  border-radius: var(--radius-s, 4px);
  background-color: transparent;
  cursor: pointer;
  transition: box-shadow .2s ease, transform .15s ease, border-color .2s ease, background-color .2s ease;
}

/* Ikony šipek (SVG) */
.custom-nav-btn.prev::before,
.custom-nav-btn.next::before {
  content: "";
  width: 22px;
  height: 22px;
  display: block;
  background: no-repeat center / contain
      url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'><path d='M13.75 5.5L8.25 11L13.75 16.5' stroke='%23022930' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}

.custom-nav-btn.next::before {
  transform: rotate(180deg);
}

/* Hover a Active stavy šipek */
.custom-nav-btn:hover {
  box-shadow: 0 1px 2px rgba(0,0,0,.04), 0 8px 24px rgba(0,0,0,.06);
  background: var(--button-secondary-secondary-bglight-hover, #57FFF829);
  border: 1px solid var(--button-secondary-secondary-bglight-default, #008C9D52);
}

.custom-nav-btn:active {
  transform: scale(0.98);
}

.custom-nav-btn.disabled {
  opacity: .4;
  pointer-events: none;
  cursor: default;
}

.carousel-controls .owl-dot {
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

/* Vzhled kroužku (span) */
.carousel-controls .owl-dot > span {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(2, 41, 48, 0.3);
  transition: all 0.2s ease;
}

/* Aktivní tečka */
.carousel-controls .owl-dot.active > span {
  background: var(--icon-positive, #022930);
  transform: scale(1);
}

/* Varianty velikostí teček (Instagram efekt) */
.carousel-controls .owl-dot.size-small > span {
  width: 4px;
  height: 4px;
  opacity: 0.3;
}

.carousel-controls .owl-dot.size-tiny > span {
  width: 4px;   /* Figma stepper má jen 2 velikosti: velká 6px / malá 4px */
  height: 4px;
  opacity: 0.3;
}

/* Hover efekt pro tečky */
.carousel-controls .owl-dot:hover > span {
    background: var(--icon-positive, #022930);
    opacity: 0.7;
}

/* A4 + B3 — stepper carouselů (Lidé Gaminu + Novinky): skryj nativní owl-dots/owl-nav
   na .carousel-dots variantě, zobraz vlastní .carousel-controls (staví custom.js),
   prázdný ovladač skryj. Přesun z audit-fixes (konsolidace 2026-09-08).
   `.odbornici-carousel.carousel-dots > .owl-dots{none}` (0,3,0) vyhrává specificitou
   nad odbornici.css `.odbornici-carousel .owl-dots{flex}` (order-independent). */
.odbornici-carousel.carousel-dots > .owl-dots,
.odbornici-carousel.carousel-dots > .owl-nav,
.prispevky-carousel.carousel-dots > .owl-dots,
.prispevky-carousel.carousel-dots > .owl-nav {
    display: none !important;
}

.odbornici-carousel .carousel-controls,
.prispevky-carousel .carousel-controls {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-8, 8px);
    margin-top: var(--spacing-32, 32px);
}

.odbornici-carousel .carousel-controls:empty,
.prispevky-carousel .carousel-controls:empty {
    display: none !important;
}

.megamenu-content .owl-carousel {
  .owl-stage-outer {
    overflow: hidden !important;
    &::after {
      content: none !important;
    }
  }
}

/* (Mrtvý zakomentovaný blok „footer ellipsis" — nadpisy/odkazy truncation — smazán.
   Nikdy nebyl aktivní. Konsolidace footer batch B 2026-09-06.) */

.wp-block-ub-content-toggle-accordion {
  padding: 0;
  margin: 0;
  border: none;
  background-color: transparent;
  color: var(--text-positive-primary, #022930);
}

.wp-block-ub-chevron-down::after {
  border-color: var(--icon-positive, #022930);
}

.wp-block-ub-content-toggle-accordion-title-wrap {
  background-color: transparent !important;
}

.wp-block-ub-content-toggle-accordion-title-wrap .wp-block-ub-content-toggle-accordion-state-indicator {
  transform: rotate(90deg);
}

.wp-block-ub-content-toggle-accordion .wp-block-ub-content-toggle-accordion-title {
  padding: 0;
}

.wp-block-ub-content-toggle-accordion-title-wrap .wp-block-ub-content-toggle-accordion-toggle-wrap {
  padding-top: 0;
}

.wp-block-ub-content-toggle {
  padding: 20px 0;
  margin: 0;
  border-width: 0 0px 1px 0px;
  border-style: solid;
  border-color: var(--border-primary-solid, #E2E2E5);
}

.harmoniky {
  border-top: solid 1px var(--border-primary-solid, #E2E2E5);
}

/*
@keyframes logo_scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7));
  }
}*/

.logo_slider {
  background: white;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: calc(var(--global-max-width) - 96px);
  display: flex;
  flex-direction: column;
  gap: 16px;

  &::before,
  &::after {
    content: "";
    height: 216px;
    position: absolute;
    width: 200px;
    z-index: 2;

    background: linear-gradient(
      to right,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 0) 100%
    );
  }

  &::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg);
  }

  &::before {
    left: 0;
    top: 0;
  }
}

.logo_slider .track {
  display: flex;
  flex-wrap: nowrap;
  gap: 16px;
  height: 88px;
  
  max-width: none;
  flex: 0 0 auto;

  /* width a animationName, duration… přepíše JS přes inline styly */
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.logo_slider .wp-block-group.track figure.wp-block-image {
  flex: 0 0 196px;
  width: 196px;
}

.logo_slider figure img {
  height: 88px;
  width: 196px;
}

.lokalni-menu {
  display: flex;
  gap: 12px;
}

.lokalni-menu a {
  font-weight: 450;
  font-size: .75rem;
  line-height: 160%;
  letter-spacing: 0%;

  padding: 5px var(--padding-24) 5px var(--padding-12);
  border-radius: var(--radius-xs);
  color: var(--text-positive-secondary, #52525B);
  background-color: var(--chips-categories-fill-grey, #EEEEEF);
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.00003 12.6666L12.6667 3.99997M12.6667 3.99997V12.32M12.6667 3.99997H4.3467' stroke='%2352525B' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: calc(100% - 8px) 50%;
  background-repeat: no-repeat;

  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.lokalni-menu a:hover {
  transform: translateY(-1px);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
  background-color: var(--chips-categories-fill-grey, #EEEEEF);
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.00003 12.6666L12.6667 3.99997M12.6667 3.99997V12.32M12.6667 3.99997H4.3467' stroke='%23222222' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.counter-anim {
  transition: color 0.3s ease;
}

ul.subpages-map {
    list-style-type: none;
    padding: 0;
    margin: 0;
    
    /* Mobil - 1 sloupec (výchozí) */
    column-count: 1;
    column-gap: 30px; /* Široká mezera mezi sloupci */
}

/* Tablet - 2 sloupce */
@media (min-width: 768px) {
    ul.subpages-map {
        column-count: 2;
    }
}

/* Desktop - 3 sloupce */
@media (min-width: 1024px) {
    ul.subpages-map {
        column-count: 3;
    }
}

/* DŮLEŽITÉ: Zabrání roztržení položky mezi sloupci */
ul.subpages-map li {
    break-inside: avoid-column; /* Nepřerušovat uvnitř elementu */
    page-break-inside: avoid;   /* Fallback pro starší prohlížeče */
    margin-bottom: 10px;        /* Odstup mezi položkami */
}

@media (max-width: 767px) {
  body.home #content .ast-container {
    padding: 0;
  }

  body.home .main-header-menu > .menu-item > .menu-link {
    font-weight: 650;
    font-style: Bold;
    font-size: 1rem;
    leading-trim: NONE;
    line-height: 160%;
    letter-spacing: 0%;
    color: var(--text-positive-primary, #022930);
  }

  body.home .hero-background {
    background-size: cover;
    height: 100vh;
    background-position: 80% 50%;
  }

  body.home .hero-section {
    min-height: inherit;
    max-width: inherit;
    margin: 0;
    padding: 32px 16px 290px 16px;
    text-align: center;
  }

  body.home .hero-section .wp-block-buttons {

  }

  body.home .full-width-hero-wrapper h2 {
    font-weight: 700;
    font-style: Bold;
    font-size: 2rem !important;
    line-height: 120%;
    text-align: center;
  }

  /* Mobilní footer (padding, grid 1 sloupec, footer menu) → přesunuto do css/footer.css
     mobil sekce (dedup s responsive.css @768). Konsolidace footer batch B 2026-09-06. */

  /* poradit-box mobil → sjednoceno v novém bloku „PORADIT-BOX" výše. Konsolidace 2026-09-06. */

  /* Above-footer (CTA „poradit-box") mobilní chování (un-collapse + gradient přesah)
     → řešeno ve footer.css (footer koncern). Konsolidace poradit-box 2026-09-06. */

  /* Horizontal gutter (.skoleni/.odbornici/.reference-box 16px boky) → sjednoceno do
     samostatného @media bloku v „SECTION SPACING" výše (dedup s responsive @768).
     Konsolidace #1 2026-09-06. */

  .logo_slider {
    &::before, &::after {
      width: 16px;
    }
}
} /* ← doplněná chybějící závorka: uzavírá @media (max-width:767px) z ř. ~1995,
     který byl pre-existing neuzavřený (prohlížeč ho auto-zavíral na konci souboru;
     bez této opravy by se níže přidané bloky vnořovaly dovnitř). Konsolidace bod 1a. */

/* ===========================================================================
   GLOBAL — mobilní typografie nadpisů sekcí (cross-component)
   KONSOLIDACE bod 1a: přesunuto z audit-fixes.css (sekce 10, #54/#55/#56).
   Jediný zdroj font-size nadpisů na mobilu; přebíjí Astra defaulty specificitou
   (0,1,1), ne pořadím → order-independent.
   ========================================================================== */
@media (max-width: 768px) {
    /* #54 — Mobile: typografie nepouziva mobilní velikosti z Figma
       Figma: section headings 24px | Dev: 25px/20px (Astra default)
       Závažnost: Vysoká */
    .o-nas h3,
    .reference-box h3,
    .odbornici h3,
    div.skoleni h3,
    .novinky-section h3 {
        font-size: 24px;
    }

    /* #55 — Mobile: hero nadpisy na podstránkách: Figma 32px vs Astra 30px
       Závažnost: Střední */
    .kontakty h1,
    .novinky-archive h1,
    .skoleni-page h1,
    .profil-spolecnosti h1 {
        font-size: 32px;
    }

    /* #56 — Mobile: homepage "Novinky a články" heading Figma 24px vs dev 25px
       Závažnost: Nízká */
    .novinky-section h2.wp-block-heading,
    .prispevky-carousel h2 {
        font-size: 24px;
    }
}

/* ===========================================================================
   GLOBÁLNÍ (přesunuto z audit-fixes #4/#8, konsolidace „běžné definice" 2026-09-07)
   =========================================================================== */

/* #4 — wp-block-group__inner-container: 32px boční padding do 1304px (Figma okraj). */
@media (max-width: 1304px) {
    .wp-block-group__inner-container {
        padding-left: 32px;
        padding-right: 32px;
        box-sizing: border-box;
    }
}

/* #8 — Sticky footer: body flex column, obsah roste, footer vždy dole (krátké stránky). */
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

body #page {
    flex: 1 0 auto;
}

body .site-footer {
    flex-shrink: 0;
}

/* ===========================================================================
   SLUŽBY (rozcestník) — desktop base. Přesunuto z audit-fixes #12/#13/#14 + prispevky
   (konsolidace 2026-09-07). Tablet/mobil @media .sluzby zůstává v audit-fixes
   (order-entangled s A/B hero, post-A/B #5).
   =========================================================================== */
/* #12 — Hero → Služby: chybějící negativní overlap
   Figma: karty služeb překrývají hero o -24px | Dev: 32px mezera
   Závažnost: Vysoká */
.sluzby {
    margin-top: -24px;
    position: relative;
    z-index: 2;
}

/* #13 `.sluzby .wp-block-column{border-radius}` SMAZÁNO 2026-09-08 — homepage rozcestník
   má radius 20 z hp.css (body.home, přebíjí); servis .sluzby nemá .wp-block-column. */

/* #14 base `.sluzby{padding:64 64}` SMAZÁNO 2026-09-08 — živě mrtvé (desktop měřeno
   32/0 = sluzby.css:33 vyhrává pořadím). Section spacing → content.css @10001.
   Desktop base zůstává v sluzby.css:33, mt −24 v #12 výše. */
.prispevky-carousel {
    padding-top: 0;
    padding-bottom: 0;
}

/* Shadow token — Figma DROP_SHADOW #00000014, offset (0,16), blur 20. */
:root {
    --shadow-elevation-1: 0 16px 20px rgba(0, 0, 0, .08);
}

/* admin-bar .hero-background offset SMAZANO 2026-09-08 — pod B je hero-background skryte (moot). */