/*
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever.
Version: 1.4.3.1767959619
Updated: 2026-01-09 12:53:39
*/

/**/

/* #region >>>>>>      HEADER KADENCE    <<<<<<<< jfk */
.site-main-header-wrap {
    background: #2a2968;
}

.site-header-row-container-inner {
    padding-top: 0;
    padding-bottom: 0;
}

.site-main-header-inner-wrap {
    max-width: 1280px;
    margin: 0 auto;
    min-height: 46px;
}

.site-header-row-only-center-column {
    display: flex;
    justify-content: center;
    align-items: stretch;
}

.site-header-item-main-navigation,
.header-navigation,
.primary-menu-container {
    height: 100%;
    padding: 0;
    display: flex;
    align-items: stretch;
}

#primary-menu {
    display: flex;
    align-items: stretch;
    height: 46px;
}

#primary-menu > li {
    list-style: none;
    display: flex;
}

#primary-menu > li > a {
    display: flex;
    align-items: center;
    padding: 0 22px;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: #ffffff;
    position: relative;
    z-index: 1;
    transition: color 0.25s ease;
}

#primary-menu > li > a::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #ffffff;
    border-radius: 30px 30px 0 0;
    opacity: 0;
    transition: opacity 0.25s ease;
    z-index: -1;
}

#primary-menu > li > a:hover::before,
#primary-menu > li.current-menu-item > a::before {
    opacity: 1;
}

#primary-menu > li > a:hover,
#primary-menu > li.current-menu-item > a {
    color: #2a2968;
}

.site-main-header-wrap a {
    text-decoration: none;
}

.site-header-upper-wrap {
    padding-top: 4px;
    padding-bottom: 4px;
}

.site-header-upper-inner-wrap {
    padding-top: 0;
    padding-bottom: 0;
}

.site-top-header-wrap {
    min-height: 80px;
}

.site-top-header-wrap .site-header-item {
    margin-top: 0;
    margin-bottom: 0;
}

.site-top-header-wrap .custom-logo {
    max-height: 100px;
    width: auto;
}

.header-cta-buttons {
    display: flex;
    gap: 12px;
    align-items: center;
}

.header-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    border-radius: 22px 0 22px 0; /* otočené rohy */
    background: #F99123;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-decoration: none !important;
    line-height: 1;
    transition: background 0.25s ease, transform 0.15s ease;
    box-shadow: 0 4px 12px rgba(0,0,0,0.18);
}

.header-cta:hover {
    background: #DA7307;
    transform: translateY(-1px);
    color: #ffffff;
}

@media (max-width: 768px) {
    .header-cta-buttons {
        flex-direction: column;
        gap: 6px;
        align-items: center;
    }
    .header-cta {
        width: 100%;
        max-width: 180px;
        text-align: center;
        padding: 8px 16px;
        font-size: 12px;
        border-radius: 0 22px 0 22px; /* otočené rohy pro mobil */
    }
    .mobile-html-inner {
        padding: 4px 0;
    }
}

#mobile-toggle .kadence-menu-svg {
    fill: #ffffff !important;
}

#mobile-toggle:hover .kadence-menu-svg {
    fill: #F99123;
}

#mobile-drawer {
    background: #2a2968;
    padding: 20px 0;
}

#mobile-drawer ul.menu {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0;
    margin: 0;
    list-style: none;
}

#mobile-drawer ul.menu li a {
    display: block;
    width: 100%;
    padding: 14px 20px;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    border-radius: 22px;
    background: #F99123;
    transition: background 0.25s ease, transform 0.15s ease;
}

#mobile-drawer ul.menu li a:hover,
#mobile-drawer ul.menu li.current-menu-item > a {
    background: #DA7307;
    transform: translateY(-2px);
}

#primary-menu > li.current-menu-item > a::before {
    background: #E6E6E6;
    opacity: 1;
}

#primary-menu > li > a:hover::before {
    background: #ffffff;
}

@media (max-width: 1024px) {
    #mobile-header .site-header-inner-wrap,
    #mobile-header .site-header-upper-inner-wrap,
    #mobile-header .site-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin: 0 !important;
        max-width: 100% !important;
    }
    #mobile-header .site-header-upper-wrap {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    #mobile-header .custom-logo {
        margin-left: 0 !important;
    }
}

@media (min-width: 1025px) {
    #primary-menu > li > a {
        position: relative;
        padding-left: 46px;
        overflow: visible;
    }
    #primary-menu {
        overflow: visible;
    }
    #primary-menu > li > a::after {
        content: "";
        position: absolute;
        left: 18px;
        top: 50%;
        transform: translateY(-50%) scale(0.85);
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        opacity: 0;
        z-index: 2;
        pointer-events: none;
        transition: opacity 0.25s ease, transform 0.25s ease;
    }
    #primary-menu > li:hover > a::after,
    #primary-menu > li.current-menu-item > a::after {
        opacity: 1;
        transform: translateY(-50%) scale(1);
    }

    #menu-item-141 > a::after { background-image: url("https://ldtchrudimka.cz/wp-content/uploads/2026/01/tabor.png"); }
    #menu-item-38 > a::after { background-image: url("https://ldtchrudimka.cz/wp-content/uploads/2026/01/aktuality.png"); }
    #menu-item-37 > a::after { background-image: url("https://ldtchrudimka.cz/wp-content/uploads/2026/01/prvni-beh.png"); }
    #menu-item-36 > a::after { background-image: url("https://ldtchrudimka.cz/wp-content/uploads/2026/01/druhy-beh.png"); }
    #menu-item-35 > a::after { background-image: url("https://ldtchrudimka.cz/wp-content/uploads/2026/01/vytvarka.png"); }
    #menu-item-34 > a::after { background-image: url("https://ldtchrudimka.cz/wp-content/uploads/2026/01/podzimka.png"); }
    #menu-item-87 > a::after { background-image: url("https://ldtchrudimka.cz/wp-content/uploads/2026/01/fotogalerie.png"); }
}

@media (min-width: 1025px) {
    .site-main-header-inner-wrap {
        min-height: 62px;
    }

    #primary-menu {
        height: 62px;
    }

    #primary-menu > li > a {
        height: 62px;
        font-size: 16px;
        padding-left: 52px;
        padding-right: 26px;
    }

    #primary-menu > li > a::before {
        border-radius: 34px 34px 0 0;
    }

    #primary-menu > li > a::after {
        width: 28px;
        height: 28px;
        left: 18px;
    }
}
/* #endregion */


/* #region >>>>>>      MOBIL - DVOUŘÁDKOVÝ HEADER (LOGO / MENU + CTA)     <<<<<<<<jfk */
@media (max-width: 500px) {

  /* ====== ZÁKLAD ====== */
  #mobile-header .site-main-header-inner-wrap {
      display: flex;
      flex-wrap: wrap;
      align-items: stretch;
      row-gap: 2px;
  }

  /* ====== ŘÁDEK 1 – LOGO přes celou šířku ====== */
  #mobile-header .site-header-main-section-left {
      order: 1;
      width: 100%;
      display: flex;
      justify-content: center;
      margin-bottom: 2px;
  }

  /* logo */
  #mobile-header .custom-logo {
      max-width: 100%;
      width: 100%;
      height: auto;
  }

  #mobile-header .site-branding {
      width: 100%;
      display: flex;
      justify-content: center;
  }

  /* ====== ŘÁDEK 2 – DVA SLOUPCE ====== */
  #mobile-header .site-header-main-section-center,
  #mobile-header .site-header-main-section-right {
      order: 2;
      width: 50%;
      display: flex;
      align-items: center;
  }

  /* LEVÝ SLOUPEC – CTA */
  #mobile-header .site-header-main-section-center {
      justify-content: center;
      padding-bottom: 6px; /* odsazení od spodní hrany modrého headeru */
  }

  #mobile-header .header-cta-buttons {
      flex-direction: column;
      gap: 2px;
      align-items: center;
  }

  #mobile-header .header-cta {
      font-size: 12px;
      padding: 8px 14px;
      max-width: 170px;
      width: 100%;
      text-align: center;
      margin-bottom: 2px;
  }

  /* PRAVÝ SLOUPEC – HAMBURGER */
  #mobile-header .site-header-main-section-right {
      justify-content: center;
      padding-bottom: 6px; /* stejný spodní odstup jako CTA */
  }

  #mobile-toggle {
      transform: scale(1.1);
  }
}
/* #endregion */


/* #region   >>>>>>    FOOTER KADENCE   <<<<<<<jfk */
.custom-footer { width: 100%; }
.custom-footer-hero img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    object-position: center 65%;
}
.custom-footer-content { background-color: #2A2968; padding: 80px 20px; }
.custom-footer-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    gap: 40px;
}
.footer-col { flex: 1; color: #ffffff; }
.footer-col h3 { margin-bottom: 12px; font-size: 18px; }
.footer-col p { font-size: 14px; line-height: 1.6; }

@media (max-width: 900px) {
    .custom-footer-inner { flex-direction: column; gap: 30px; }
}

.site-middle-footer-wrap .site-container {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.custom-footer-hero { position: relative; }
.custom-footer-hero::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 120px;
    background: linear-gradient(to bottom, rgba(42,41,104,0) 0%, #2A2968 100%);
}
/* #endregion */


/* #region >>>>>>   SEKUNDÁRNÍ STICKY MENU   <<<<<< */
/* 1. VNĚJŠÍ OBAL: Drží sticky pozici a bílé pozadí */
.sticky-wrapper {
    position: sticky;
    top: var(--secondary-sticky-top, 60px);
    z-index: 40;
    width: 100%;
    background: transparent;
    transition: all 0.3s ease;
}

/* Bílé pozadí se nyní váže na wrapper, takže se neořízne! */
.sticky-wrapper::before {
    content: "";
    position: absolute;
    top: -148px; /* Původní hodnota */
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    background: rgba(255,255,255,0.85);
    opacity: 0;
    transition: opacity 0.25s ease;
    z-index: -1;
    pointer-events: none;
}

.sticky-wrapper.scrolled::before { 
    opacity: 1; 
}

/* 2. VNITŘNÍ KONTEJNER: Stará se o vycentrování a scroll */
.secondary-sticky {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 12px;
    padding: 5px 0 2cm 0; /* Původní rozměry */
    width: 100%;
    /* Povolíme scroll, ale díky wrapperu se neodřízne pozadí */
    overflow-x: auto;
    scrollbar-width: none; /* Firefox */
    -webkit-overflow-scrolling: touch;
}

.secondary-sticky::-webkit-scrollbar { display: none; }

/* 3. TLAČÍTKA: Váš původní styl */
.secondary-sticky a {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    padding: 10px 22px;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #ffffff;
    text-decoration: none;
    line-height: 1.2;
    border-radius: 22px 0 22px 0;
    background: #2A2968;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    transition: all 0.25s ease;
}

.sticky-wrapper.scrolled a { box-shadow: 0 6px 16px rgba(0,0,0,0.18); }
.secondary-sticky a:hover { background: #F99123; transform: translateY(-2px); }
.secondary-sticky a.current { background: #ffffff; color: #3a3abc; }

/* 4. RESPONZIVITA */
@media (max-width: 1270px) {
    .secondary-sticky {
        justify-content: flex-start;
        padding-left: 20px;
        padding-right: 20px;
    }
    /* Aby poslední tlačítko nebylo nalepené na kraji při scrollu */
    .secondary-sticky::after {
        content: "";
        flex: 0 0 20px;
    }
}

/* Fix pro skok na 1024px a mobilní vzhled */
@media (max-width: 1024px) {
    .sticky-wrapper {
        /* Zajištění, že top zůstane konzistentní */
        top: var(--secondary-sticky-top, 32px);
    }
}

@media (max-width: 768px) {
    .secondary-sticky {
        padding-bottom: 1.5cm;
    }
    .secondary-sticky a {
        padding: 12px 20px;
        font-size: 10px;   /*bischoop*/
        border-radius: 0 22px 0 22px;
    }
}

@media (max-width: 500px) {
    /* 1. Hlavní kontejner tlačítek v headeru */
    .header-cta-buttons {
        display: flex !important;
        flex-direction: column !important;
        /* Mezera přesně mezi tlačítky - uprav si dle oka (8px až 12px bývá ideál) */
        gap: 12px !important; 
        align-items: center !important;
        justify-content: center !important;
        /* Vynutíme, aby kontejner neměl žádné extra vnitřní okraje */
        padding: 8px 0 !important; 
        line-height: 1 !important;
    }

    /* 2. Skrytí <br>, aby nám nekazilo výpočty mezery */
    .header-cta-buttons br {
        display: none !important;
    }

    /* 3. Samotná tlačítka - KONTAKT a PŘIHLÁŠKY */
    .header-cta-buttons a.header-cta {
        margin: 0 !important;
        /* Vertikální padding uvnitř tlačítka - ovlivňuje jeho "tloušťku" */
        padding-top: 6px !important;
        padding-bottom: 6px !important;
        width: 130px !important;
        text-align: center !important;
        display: inline-block !important;
    }

    /* 4. Úprava výšky celého sticky pruhu */
    /* Nastavíme padding tak, aby se tlačítka nedotýkala hranic modrého pruhu */
    .site-main-header-inner-wrap.site-header-row-center-column {
        min-height: 80px !important; /* Vynutíme dostatečnou výšku pruhu */
        display: flex !important;
        align-items: center !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
}
/* #endregion */


/* #region >>>>>>     KAPKY A OBRÁZKY   <<<<<<<jfk */
.kapka-img img,
img.kapka-img {
    border-radius: 22px 0 22px 0;
    overflow: hidden;
}


h3.wp-block-heading.kapka {
    margin-top: 60px !important;   /* odsazení od horního obsahu */
    margin-bottom: 60px !important; /* odsazení od spodního obsahu */
}


.kapka {
    display: inline-block !important;
    padding: 10px 22px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    line-height: 1 !important;
    background-color: #2A2968 !important;
    color: #ffffff !important;
    border-radius: 22px 0 22px 0 !important; /* otočené rohy */
    margin-bottom: 20px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12) !important;
    width: auto !important;
}

.kapka, .kapka span {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Kapka-outline */
.kapka-outline {
    display: inline-block;
    padding: 20px 40px;
    border: 30px solid #EDEDF2;
    border-radius: 40px 0 40px 0; /* otočené rohy */
    background-color: #ffffff;
    box-sizing: border-box;
    max-width: 100%;
}
/* #endregion */


/* #region >>>>>>    ČÁRA - ODDĚLOVAČ   <<<<<<<jfk */
.custom-divider {
  width: 600px;
  height: 2px;
  background-color: #ee9c1b;
  margin: 40px auto;
}
/* #endregion */


/* #region >>>>>>     HERO BLOKY    <<<<<<<jfk */

/* Společný základ pro nadpis */
.custom-hero-title {
    font-size: 2.8rem;
    font-weight: 900;
    line-height: 1.1;
    margin: 0;
    color: #2a2968;
}

.custom-hero-title .highlight-hero {
    color: #F99123;
}

/* Úvodní text (perex) */
.hero-intro {
    font-size: 1.2rem;
    line-height: 1.6;
    color: #2a2968;
    margin: 1rem 0;
}

.hero-intro .highlight-declaration {
    color: #F99123;
    font-weight: 700;
}

/* Kontejner pro levou stranu */
.hero-left {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 100%;
}

/* RESPONZIVITA - musí být vždy až pod základním stylem */
@media (max-width: 484px) {
    .custom-hero-title {
        font-size: 1.6rem !important; /* Zmenšení písma pro mobily */
        line-height: 1.2;
    }
    
    .kapka-outline {
        padding: 15px 25px !important; /* Zmenšení vnitřního odsazení */
        border-width: 15px !important; /* Zmenšení toho tlustého rámečku */
    }
}
/* #endregion */


/* #region  >>>>>>      BLOG ARCHIV – KAPKOVITÉ KARTY (2 OBLÉ ROHY)   <<<<<<jfk*/
#archive-container .entry.loop-entry {
    position: relative;
    background: #ffffff;
    padding: 22px 22px 26px;
    border-radius: 28px 4px 28px 4px; 
    /* LT   RT   RB   LB */
    overflow: hidden;
    box-shadow: 0 10px 26px rgba(0,0,0,0.08);
    transition: transform .25s ease, box-shadow .25s ease;
}

/* kapkový obrys */
#archive-container .entry.loop-entry::before {
    content: "";
    position: absolute;
    inset: 8px;
    border-radius: 22px 2px 22px 2px;
    border: 4px solid #F99123;
    pointer-events: none;
}

/* hover */
#archive-container .entry.loop-entry:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 38px rgba(0,0,0,0.14);
}

/* ===== NADPIS ===== */
#archive-container .entry-title a {
    color: #2a2968;
    text-decoration: none;
}

#archive-container .entry-title a:hover {
    text-decoration: underline;
}

/* ===== META ===== */
#archive-container .entry-meta {
    font-size: 13px;
    opacity: 0.8;
    margin-bottom: 14px;
}

/* ===== TEXT ===== */
#archive-container .entry-summary {
    font-size: 15px;
    line-height: 1.55;
}

/* ===== CTA ===== */
#archive-container .post-more-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 14px;
    font-weight: 600;
    color: #2a2968;
}

@media (max-width: 768px) {

    #archive-container .entry.loop-entry {
        border-radius: 22px 4px 22px 4px;
        padding: 20px;
    }

    #archive-container .entry.loop-entry::before {
        border-radius: 18px 2px 18px 2px;
    }
}
/* #endregion */


/* #region >>>>>     SINGLE POST – KAPKOVITÝ RÁMEČEK (stejně jako archiv)    <<<<<<<<jf*/
body.single #main .single-entry {
    position: relative;
    background: #ffffff;
    padding: 22px 22px 26px;
    border-radius: 28px 4px 28px 4px; /* LT RT RB LB */
    overflow: hidden;
    box-shadow: 0 10px 26px rgba(0,0,0,0.08);
    transition: transform .25s ease, box-shadow .25s ease;
}

/* kapkový obrys */
body.single #main .single-entry::before {
    content: "";
    position: absolute;
    inset: 8px;
    border-radius: 22px 2px 22px 2px; /* LT RT RB LB */
    border: 4px solid #F99123;
    pointer-events: none;
}

/* hover efekt (jemný) */
body.single #main .single-entry:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 32px rgba(0,0,0,0.12);
}

/* ===== NADPIS ===== */
body.single #main .single-entry .entry-title {
    margin-bottom: 14px;
}

body.single #main .single-entry .entry-title a {
    color: #2a2968;
    text-decoration: none;
}

body.single #main .single-entry .entry-title a:hover {
    text-decoration: underline;
}

/* ===== META ===== */
body.single #main .single-entry .entry-meta {
    font-size: 13px;
    opacity: 0.8;
    margin-bottom: 18px;
}

/* ===== TEXT ===== */
body.single #main .single-entry .entry-content.single-content {
    font-size: 15px;
    line-height: 1.55;
}

/* ===== CTA / ODKAZY uvnitř single (pokud jsou) ===== */
body.single #main .single-entry .post-more-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 14px;
    font-weight: 600;
    color: #2a2968;
}

@media (max-width: 768px) {
    body.single #main .single-entry {
        border-radius: 22px 4px 22px 4px;
        padding: 20px;
    }

    body.single #main .single-entry::before {
        border-radius: 18px 2px 18px 2px;
    }
}
/* #endregion */


/*  #region <<<<<<<     posun (ADMIN + DATUM) u jednoho postu    >>>>>>>>jfk*/
body.single section.entry-hero .entry-header .entry-meta.entry-meta-divider-dot {
    display: flex;             /* flex pro centrování */
    justify-content: center;   /* zarovnání na střed */
    gap: 12px;                 /* mezera mezi autorem a datem */
    font-size: 15px;           /* větší písmo */
    margin-top: 12px;          /* odsazení od nadpisu */
}

body.single section.entry-hero .entry-header .entry-meta.entry-meta-divider-dot .posted-by,
body.single section.entry-hero .entry-header .entry-meta.entry-meta-divider-dot .posted-on {
    display: inline-block;     /* zachováme je vedle sebe */
    font-weight: 500;          /* trochu tučnější */
}
/* #endregion */


/* #region  <<<<<<<  odstranění stínu mezi hlavním obsahem a footerem -  a asi je to to poslední CSS podle všeho!!   >>>>>>>>jfk*/
#inner-wrap {
    box-shadow: none !important;
}
body.single article.single-entry {
    box-shadow: none !important;
}

article.entry.content-bg {
    box-shadow: none !important;
}
/* #endregion */


/* #region  <<<<<<<     první běh Termíny  >>>>>>>>jfk*/
.info-kapka {
    margin: 1px auto;
    max-width: 1000px;
    display: block;
}

.info-row {
    display: flex;
    gap: 28px;
    justify-content: center;
    align-items: stretch;
}

/* jednotlivé bloky */
.info-item {
    flex: 1;
    background: linear-gradient(135deg, #2a2968 0%, #1f1e52 100%);
    color: #ffffff;
    padding: 28px 26px 30px;
    border-radius: 26px 0 26px 0;
    box-shadow: 0 10px 26px rgba(0,0,0,0.22);
    text-align: center;
    position: relative;
}

/* popisek */
.info-label {
    display: block;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: #F99123;
    margin-bottom: 12px;
}

/* hodnota – HLAVNÍ DŮRAZ */
.info-value {
    font-size: 26px;
    font-weight: 900;
    line-height: 1.15;
    color: #ffffff;
}

/* ===== MENŠÍ DISPLEJE – STÁLE V ŘADĚ ===== */
@media (max-width: 768px) {
    .info-row {
        gap: 16px;
    }

    .info-value {
        font-size: 22px;
    }

    .info-item {
        padding: 18px 22px 20px; 
    }
}

/* ===== RESPONZIVITA – POD SEBE OD 913px ===== */
@media (max-width: 913px) {
    .info-row {
        flex-direction: column;
        gap: 16px;
    }
}

/* ===== MALÉ MOBILY – ZMENŠENÍ PÍSMA POD 425px ===== */
@media (max-width: 425px) {
    .info-label {
        font-size: 16px;
    }

    .info-value {
        font-size: 16px;
        line-height: 1.2;
    }
}
/* #endregion */


/* #region <<<<<<<     první běh Smluvní podmínky    >>>>>>>>jfk*/
.doc-button-wrap {
    margin: 20px auto;
    max-width: 280px;     /* ještě menší než předtím */
    width: 100%;
}

/* celý prvek je klikací */
.doc-button-link {
    display: block;
    text-decoration: none;
}

/* samotné tlačítko */
.doc-button-box {
    background: linear-gradient(135deg, #2a2968 0%, #1f1e52 100%);
    color: #ffffff;
    padding: 14px 16px 16px;   /* kompaktní výška */
    border-radius: 18px 0 18px 0;
    text-align: center;
    box-shadow: 0 6px 18px rgba(0,0,0,0.20);
    transition: transform 0.18s ease, box-shadow 0.25s ease;
}

/* hover / active */
.doc-button-link:hover .doc-button-box {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(0,0,0,0.26);
}

.doc-button-link:active .doc-button-box {
    transform: translateY(-1px);
}

/* horní popisek */
.doc-button-label {
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: #F99123;
    margin-bottom: 4px;
}

/* hlavní text */
.doc-button-title {
    display: block;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.2;
}

/* ===== MALÉ MOBILY ===== */
@media (max-width: 425px) {
    .doc-button-wrap {
        max-width: 240px;
    }

    .doc-button-box {
        padding: 12px 14px 14px;
    }

    .doc-button-label {
        font-size: 13px;
    }

    .doc-button-title {
        font-size: 16px;
    }
}
/* #endregion */


/* #region <<<<<<<    WooCommmerce - Zvýraznit celý stav skladu   >>>>>>>>jfk*/
.stock.in-stock {
    font-size: 20px !important;      /* zvětšit text */
    font-weight: bold !important;     /* tučně */
    color: #e63946 !important;        /* nová barva textu */
    margin-top: 10px !important;      /* volitelně odsazení od okolí */
}
/* #endregion */


/* #region  <<<<<<<<  stránka Obchod WooCoomerce  >>>>>>>>*/
/* Odsazení celého obsahu obchodu od horního headeru */
.archive.woocommerce #inner-wrap {
    padding-top: 60px !important;
}

/* Pokud bys chtěl ladit i mezeru mezi tvým novým nadpisem a produkty */
.shop-custom-title {
    margin-bottom: 40px !important;
    margin-top: 20px !important;
}

/* Zarovnání produktů na střed, pokud jich je málo */
.woocommerce ul.products {
    justify-content: center;
}

/* Stylizace tlačítek v archivu produktů */
.archive.woocommerce ul.products li.product a.button.add_to_cart_button {
    border-radius: 22px 0 22px 0 !important; /* Kapka rohy */
    background-color: #2A2968 !important;   /* Tmavě modrá jako v menu */
    color: #ffffff !important;
    padding: 12px 25px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease !important;
    border: none !important;
}

/* Hover stav pro tlačítka */
.archive.woocommerce ul.products li.product a.button.add_to_cart_button:hover {
    background-color: #F99123 !important;   /* Oranžová při najetí */
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important;
}

/* Úprava ikonky (spinneru) při přidávání do košíku */
.archive.woocommerce .add_to_cart_button .kadence-svg-iconset {
    margin-left: 8px;
}


/* Změna mřížky na sloupec pod sebou */
.archive.woocommerce ul.products {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    max-width: 900px; /* Aby seznam nebyl přes celou obrazovku moc široký */
    margin: 0 auto !important;
}

/* Úprava jednotlivé karty produktu na řádek */
.archive.woocommerce ul.products li.product {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 15px 25px !important;
    width: 100% !important;
    margin: 0 !important;
    gap: 20px;
}

/* Zmenšení obrázku v seznamu */
.archive.woocommerce ul.products li.product .woocommerce-loop-image-link {
    flex: 0 0 100px !important; /* Pevná šířka obrázku */
    margin-bottom: 0 !important;
}

/* Detaily produktu (název) */
.archive.woocommerce ul.products li.product .product-details {
    flex-grow: 1 !important;
    text-align: left !important;
    padding: 0 !important;
}

/* Cena a tlačítko doprava */
.archive.woocommerce ul.products li.product .price,
.archive.woocommerce ul.products li.product .product-action-wrap {
    margin: 0 !important;
    display: flex;
    align-items: center;
}

/* Mobilní zobrazení - pod 600px to hodíme zpět pod sebe, aby to nebylo zmáčknuté */
@media (max-width: 600px) {
    .archive.woocommerce ul.products li.product {
        flex-direction: column !important;
        text-align: center !important;
    }
    .archive.woocommerce ul.products li.product .product-details {
        text-align: center !important;
    }
}

/* Stylování nadpisu běhu v seznamu */
.archive.woocommerce ul.products li.product .woocommerce-loop-product__title_ink {
    color: #2A2968 !important; /* Naše modrá */
    font-size: 24px !important;  /* Pořádná velikost */
    font-weight: 800 !important; /* Extra tučné, aby to sedělo ke "kapka" stylu */
    text-transform: uppercase;   /* Velká písmena pro důraz */
    text-decoration: none !important;
    transition: color 0.2s ease;
}

/* Hover efekt na názvu (propojení s oranžovou) */
.archive.woocommerce ul.products li.product .woocommerce-loop-product__title_ink:hover {
    color: #F99123 !important;
}

/* Menší doladění pro mobil, aby nadpis nebyl moc obří */
@media (max-width: 600px) {
    .archive.woocommerce ul.products li.product .woocommerce-loop-product__title_ink {
        font-size: 20px !important;
    }
}

/* Stylování ceny v seznamu produktů */
.archive.woocommerce ul.products li.product span.price {
    color: #F99123 !important; /* Tvoje oranžová */
    font-size: 20px !important;  /* O něco menší než název (ten má 24px) */
    font-weight: 700 !important;
    display: block;            /* Aby byla pod nadpisem */
    margin-top: 5px !important;
}

/* Úprava symbolu měny (Kč), aby nebyl tak dominantní jako číslovka */
.archive.woocommerce ul.products li.product span.price .woocommerce-Price-currencySymbol {
    font-size: 0.85em; /* Trochu zmenšíme to "Kč" */
    margin-left: 4px;
}

/* 1. Zmenšení obrázku a galerie */
.single-product .woocommerce-product-gallery {
    max-width: 300px;
    margin: 0 auto 20px auto !important;
    float: none !important;
}

/* 2. Responzivní úpravy pro mobilní zobrazení */
@media (max-width: 600px) {
    .single-product .summary.entry-summary {
        width: 100% !important;
        float: none !important;
        padding: 0 20px; /* Zvětšený padding pro texty */
        box-sizing: border-box;
        text-align: center;
    }

    .single-product form.cart {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }

    /* Tlačítko Přidat do košíku */
    .single-product .single_add_to_cart_button.button {
        width: 100% !important;
        max-width: 260px; /* Trochu jsem ho zúžil, aby vypadalo lépe */
        margin-left: 0 !important;
        white-space: normal;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: auto !important;
        min-height: 48px;
        padding: 10px 15px !important;
        font-size: 15px !important;
        line-height: 1.2 !important;
    }

    /* 3. OPRAVENÁ ÚPRAVA TABŮ (Popis produktu) */
    .woocommerce-tabs.wc-tabs-wrapper {
        padding: 0 30px !important; /* Větší boční padding, aby to nebylo ke kraji */
        margin: 30px auto !important;
        width: 100% !important;
        max-width: 500px; /* Omezení šířky na mobilu */
        box-sizing: border-box !important;
    }

    .woocommerce-tabs ul.tabs {
        padding: 0 !important;
        margin: 0 0 0 0 !important;
        display: block !important;
        width: 100% !important;
        border: none !important; /* Odstranění linky, pokud tam je */
    }

    .woocommerce-tabs ul.tabs li {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        border-radius: 15px 0 15px 0 !important;
        margin: 0 0 5px 0 !important;
        text-align: center;
        display: block !important;
    }

    .woocommerce-tabs ul.tabs li a {
        display: block !important;
        width: 100% !important;
        padding: 12px 10px !important;
        box-sizing: border-box !important;
    }

    /* Panel s textem pod tlačítkem Popis */
    .woocommerce-Tabs-panel {
        width: 100% !important;
        padding: 20px 15px !important;
        border: 1px solid #eee;
        border-radius: 0 0 22px 0;
        box-sizing: border-box !important;
        margin-top: -1px; /* Propojení s tabem nahoře */
    }
}

/* Speciální zmenšení fontu pro extrémně úzké telefony */
@media (max-width: 400px) {
    .single-product .single_add_to_cart_button.button {
        font-size: 14px !important;
    }
    .woocommerce-tabs.wc-tabs-wrapper {
        padding: 0 20px !important; /* Na úplně malých telefonech trochu ubereme padding */
    }
}
/* #endregion*/


/* #region  <<<<<<<<  stránka Košík WooCoomerce  >>>>>>>>*/
/* Skrytí sekce "Novinka" a doporučených produktů v prázdném košíku */
.wp-block-woocommerce-empty-cart-block h2:last-of-type, 
.wp-block-woocommerce-empty-cart-block .wc-block-product-new {
    display: none !important;
}

/* Skrytí té dělící čáry (teček), aby tam nestrašila */
.wp-block-woocommerce-empty-cart-block .wp-block-separator {
    display: none !important;
}
/* #endregion*/


/* #region  <<<<<<<<  stránka Košík - odstranění Free Shipping WooCoomerce  >>>>>>>>*/
.wc-block-cart__sidebar .wc-block-components-totals-shipping,
.wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-shipping-block {
    display: none !important;
}

/* Pokud by tam zbyl prázdný prostor nebo čára */
.wc-block-components-totals-wrapper {
    border-top: none !important;
}
/* #endregion*/


/* #region   >>>>>>  všechny tlačítka v shopu jako kapky  <<<<<<<*/
.wc-block-cart__submit-button {
    border-radius: 22px 0 22px 0 !important;
    background-color: #2A2968 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

.wc-block-cart__submit-button:hover {
    background-color: #F99123 !important;
}

/**/
/* Tlačítko "Přidat do košíku" v detailu produktu */
.single-product .single_add_to_cart_button.button {
    border-radius: 22px 0 22px 0 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

/* Tlačítko "Zobrazit košík" v oznámení (to v tom zeleném pruhu) */
.woocommerce-message .button.wc-forward {
    border-radius: 18px 0 18px 0 !important;
    font-weight: 700 !important;
}

/* Políčko pro výběr množství (množstevní input) */
.single-product .quantity input.qty {
    border-radius: 12px 0 12px 0 !important;
}
/* #endregion*/


/* #region   >>>>>>  Skryje nadpis Order extra na stránce potvrzení objednávky   <<<<<<<*/
.woocommerce-order h2:contains('Order extra'), 
.woocommerce-order-details + h2 {
    display: none !important;
}
/* #endregion*/


/* #region   >>>>>>  DNES - zmenšení obrázků v katalogu mobil   <<<<<<<*/
@media (max-width: 600px) {
    /* Zmenšení obalu obrázku */
    .archive.woocommerce ul.products li.product .woocommerce-loop-image-link {
        max-width: 120px !important; /* Upravte si podle potřeby (původně bylo 100% šířky) */
        margin: 0 auto 10px auto !important; /* Vycentrování a mezera pod obrázkem */
        display: block !important;
    }

    /* Zajištění, že samotný img se přizpůsobí novému obalu */
    .archive.woocommerce ul.products li.product .woocommerce-loop-image-link img {
        width: 100% !important;
        height: auto !important;
    }

    /* Vynucení zarovnání textu a ceny pod obrázkem na střed */
    .archive.woocommerce ul.products li.product .product-details,
    .archive.woocommerce ul.products li.product .price {
        text-align: center !important;
        justify-content: center !important;
        margin-bottom: 5px !important;
    }
}
/* #endregion*/


/* #region >>>>>> POKLADNA - NOTIFIKACE (Tlačítko Košík) <<<<<< */
/* Základní úprava pro všechny velikosti - zarovnání */
.woocommerce-message {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap; /* Povolí zalomení */
    gap: 15px;
}

/* Úprava samotného tlačítka "Zobrazit nebo upravit košík" */
.woocommerce-message .button.wc-forward {
    float: none !important; /* Zrušíme původní float */
    font-size: 13px !important; /* Zmenšení fontu */
    padding: 8px 16px !important; /* Menší rozměry tlačítka */
    border-radius: 18px 0 18px 0 !important; /* Držíme váš styl kapky */
    text-transform: uppercase;
    font-weight: 700;
}

/* Bod zlomu při 760px */
@media (max-width: 760px) {
    .woocommerce-message {
        flex-direction: column !important; /* Text a tlačítko pod sebe */
        align-items: center !important;
        text-align: center;
    }

    .woocommerce-message .button.wc-forward {
        margin-top: 10px !important; /* Odsazení od textu nad ním */
        width: auto !important;
        display: inline-block;
    }
}
/* #endregion */


/* #region >>>>>> UNIVERZÁLNÍ TLAČÍTKO PŘIHLÁŠKY - dole na stránkách běhů, výtvarky, podzimky... <<<<<< */
.button-kapka-prihlaska {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #2a2968;
    color: #ffffff !important;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none !important;
    letter-spacing: 0.5px;
    border-radius: 22px 0 22px 0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.18);
    transition: all 0.25s ease;
    /* Velikost pro Desktop */
    font-size: 18px;
    padding: 15px 35px;
}

.button-kapka-prihlaska:hover {
    background: #F99123; /* Při najetí oranžová */
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.25);
}

/* Responzivita pro tablety a mobily */
@media (max-width: 780px) {
    .button-kapka-prihlaska {
        font-size: 14px; /* Menší font */
        padding: 12px 24px; /* Menší vycpávka */
        border-radius: 18px 0 18px 0; /* Trochu jemnější kapka */
    }
}
/* #endregion */


/* #region >>>>>> DETAIL PRODUKTU - ZÁLOŽKY (TABS) <<<<<< */

/* 1. Odstranění šedých čar a pozadí u navigace záložek */
.woocommerce-tabs.wc-tabs-wrapper {
    border: none !important;
    margin-top: 40px !important;
}

.woocommerce-tabs ul.tabs {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin-bottom: 20px !important;
}

/* 2. Stylování samotného "tlačítka" záložky (Popis) */
.woocommerce-tabs ul.tabs li {
    background-color: #2a2968 !important; /* Naše modrá */
    border: none !important;
    border-radius: 18px 0 18px 0 !important; /* Kapka styl */
    padding: 0 !important;
}

.woocommerce-tabs ul.tabs li a {
    color: #ffffff !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 12px 25px !important;
    display: inline-block;
}

/* Aktivní záložka - oranžová */
.woocommerce-tabs ul.tabs li.active {
    background-color: #F99123 !important;
}

/* 3. Panel s obsahem (ten text Termín, Věk...) */
.woocommerce-tabs .woocommerce-Tabs-panel {
    background: #ffffff !important;
    padding: 30px !important;
    border: 3px solid #EDEDF2 !important; /* Jemný rám jako u kapka-outline */
    border-radius: 0 30px 0 30px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}

/* Zvětšení a úprava fontu uvnitř popisu */
.woocommerce-tabs .woocommerce-Tabs-panel p {
    font-size: 1.2rem !important; /* Větší písmo */
    line-height: 1.6;
    color: #2a2968;
    font-weight: 500;
    margin: 0;
}

/* Zvýraznění hvězdičky nebo oddělovače v textu */
.woocommerce-tabs .woocommerce-Tabs-panel p:first-line {
    font-weight: 700;
}

/* Responzivita pro mobil */
@media (max-width: 768px) {
    .woocommerce-tabs .woocommerce-Tabs-panel {
        padding: 20px !important;
    }
    .woocommerce-tabs .woocommerce-Tabs-panel p {
        font-size: 1rem !important;
        text-align: center;
    }
    .woocommerce-tabs ul.tabs {
        text-align: center;
    }
}
/* #endregion */


/* #region >>>>>> FINÁLNÍ RESPONSIVE FIX (Viewport ~400px) <<<<<< */
@media (max-width: 500px) {
    /* 1. TEXT MAXIMÁLNĚ DO KRAJŮ (Ale s citem) */
    /* Zmenšíme hlavní padding článku - z původních 22px na 10px */
    body.single #main .single-entry, 
    article.entry.content-bg {
        padding: 12px 10px 20px !important; 
        margin-left: 0 !important;
        margin-right: 0 !important;
        border-radius: 15px 0 15px 0 !important; /* Trochu zjemníme rohy na malém displeji */
    }

    /* Oranžový tenký rám posuneme úplně ke kraji, aby netlačil na text */
    body.single #main .single-entry::before {
        inset: 4px !important;
        border-width: 2px !important; /* Tenčí linka vypadá na mobilu lépe */
    }

    /* Vynutíme roztažení vnitřního obsahu */
    .entry-content-wrap, 
    .entry-content.single-content,
    .site-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* 2. OBRÁZKY (Zmenšení a centrování) */
    /* Aby obrázek nebyl "od stěny ke stěně" a nepůsobil tak agresivně */
    .kapka-img img, 
    figure.wp-block-image.kapka-img {
        max-width: 90% !important; /* Zmenšíme na 80% šířky */
        margin: 20px auto !important; /* Vycentrovat a přidat prostor nad/pod */
        display: block !important;
        height: auto !important;
    }

    /* 3. KOREKCE KAPEK (NADPISTŮ) */
    /* Nadpisy v modrých polích zmenšíme, aby nezabíraly 4 řádky */
    .kapka {
        font-size: 13px !important;
        padding: 6px 14px !important;
        margin-top: 35px !important;
        margin-bottom: 25px !important;
        display: table !important; /* Zajistí, že se šířka přizpůsobí textu a neletí přes celý displej */
        margin-left: 0 !important; /* Zarovnání k levému okraji textu */
    }

    /* 4. INFO BLOKY (Termíny) */
    /* Ty tvoje info-item modré boxy - zmenšíme padding, ať nejsou tak obří */
    .info-item {
        padding: 15px 12px !important;
    }
    .info-value {
        font-size: 18px !important;
    }

    /* 5. HERO SEKCE (Nadpis nahoře) */
    /* Kapka-outline (ten velký bílý rám s tlustým okrajem) */
    .kapka-outline {
        padding: 10px 15px !important;
        border-width: 10px !important; /* Původně 30px - to na mobilu sežralo všechno místo */
    }
    
    .custom-hero-title {
        font-size: 1.4rem !important;
    }

    /* 6. ODDĚLOVAČ (Čára) */
    .custom-divider {
        width: 60% !important; /* Původních 600px by vytvořilo horizontální scroll */
        margin: 25px auto !important;
    }
}
/* #endregion */


/* #region >>>>>> KADENCE ADVANCED GALLERY - TÁBOR STYL - kapky aby byly všude bez nutnosti dávat třídu... <<<<<< */
/* Kontejner a mezery */
.wp-block-kadence-advancedgallery {
    margin-bottom: 40px;
}

/* Styl miniatur (Kapka) */
.kadence-blocks-gallery-item img {
    border-radius: 30px 0 30px 0 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    transition: all 0.3s ease-in-out !important;
    object-fit: cover;
}

/* Efekt při najetí */
.kadence-blocks-gallery-item:hover img {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}

/* Pokud chceš skrýt popisky u fotek i v Kadenci */
.kadence-blocks-gallery-item .caption-style-base {
    display: none !important;
}
/* #endregion */


/* #region >>>>>> stylování Fotogaleri  <<<<<< */
/* Kontejner pro tlačítka pod sebou */
.tabor-rozcestnik {
    display: flex;
    flex-direction: column;
    gap: 15px; /* Mezera mezi tlačítky */
    max-width: 500px; /* Aby nebyla přes celou obrazovku na PC */
    margin: 20px auto; /* Vycentrování celého bloku */
}

/* Základní styl tlačítka */
.tabor-button {
    display: block;
    padding: 20px 30px;
    background-color: #2a2968; /* Tady si dej svou táborovou zelenou */
    color: #ffffff !important;
    text-decoration: none !important;
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 30px 0 30px 0; /* Kapka styl */
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    transition: all 0.3s ease;
}

/* Efekt při najetí (Hover) */
.tabor-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 15px rgba(0,0,0,0.25);
    background-color: #F99123; /* O něco světlejší při najetí */
}

/* Styl pro "Nezařazené" (pokud chceš, aby bylo trochu jiné) */
.tabor-button.secondary {
    font-size: 1rem;
    margin-top: 10px;
}

/* Úprava pro mobily */
@media (max-width: 600px) {
    .tabor-button {
        padding: 15px 20px;
        font-size: 1.1rem;
    }
}

/* Úprava vnitřku tlačítka pro obrázek a text */
.tabor-button {
    display: flex !important; /* Aby šly věci vedle sebe */
    align-items: center;      /* Vycentrování na střed výšky */
    justify-content: flex-start; /* Zarovnání od začátku */
    padding: 10px 25px !important; /* Menší padding kvůli výšce ikonky */
}

.tabor-button img {
    width: 50px;              /* Šířka ikonky */
    height: 50px;             /* Výška ikonky */
    margin-right: 20px;       /* Mezera mezi fotkou a textem */
    object-fit: contain;      /* Aby se ikonka nedeformovala */
    border-radius: 50%;       /* Pokud chceš ikonky kulaté, jinak smaž */
    background: rgba(255,255,255,0.1); /* Jemný podklad pod ikonkou */
}

.tabor-button span {
    flex: 1;                  /* Text zabere zbytek místa */
    text-align: left;         /* Text vlevo (vypadá to s ikonkou lépe) */
}
/* #endregion */


/* #region >>>>>> vypnutí fade efektu u miniatur v Advanced Galery  <<<<<< */
/* Vypne původní pohyb a přidá decentní ztmavení */
.kadence-blocks-gallery-item:hover img {
    transform: none !important; /* Zruší poskočení/zvětšení */
    filter: brightness(0.8) !important; /* Ztmaví obrázek na 80 % jasu */
    transition: filter 0.3s ease; /* Změna proběhne plynule, ne skokově */
}

/* Volitelné: Zajistí, aby přechod byl plynulý i při odjetí myší */
.kadence-blocks-gallery-item img {
    transition: filter 0.3s ease;
}
/* #endregion */


/* #region >>>>>> footer  <<<<<< */
/* --- ČISTÝ FOOTER BEZ KAPEK --- */
/* Vycentrování obsahu ve sloupcích */
.footer-col {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Úprava nadpisů - odstranění čáry, pokud ji nechcete, nebo jen barva */
.footer-col h3 {
    color: #F99123; /* Tvá oranžovo-žlutá */
    text-transform: uppercase;
    font-weight: 800;
    margin-bottom: 30px;
    border: none; /* Odstraněna čára pro čistší vzhled */
}

/* Seznam odkazů pod sebou a na střed */
.footer-sub-menu {
    display: flex;
    flex-direction: column;
    align-items: center; /* Vystředění odkazů v bloku */
    gap: 18px;
    margin-top: 10px;
}

/* Styl textových odkazů */
.footer-sub-menu a {
    color: #ffffff !important;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    background: none; /* Žádné kapky */
    padding: 0;
    border: none;
    transition: color 0.2s ease; /* Jen rychlá změna barvy */
}

/* Hover - okamžitá změna barvy na žlutou */
.footer-sub-menu a:hover {
    color: #F99123 !important;
    transform: none; /* Žádný pohyb */
    background: none;
    box-shadow: none;
}

/* Kontakt - vystředění textu */
.footer-col p {
    color: #ffffff;
    text-align: center;
    line-height: 1.8;
    font-size: 15px;
}

@media (max-width: 900px) {
    .custom-footer-inner {
        gap: 40px;
    }
}

.footer-logo {
    margin-top: 5px;   /* Mezera nad logem */
    max-width: 150px;   /* Uprav si velikost podle potřeby */
    height: auto;
    display: block;     /* Aby fungovalo vycentrování */
}

/* --- STYL LOGA V PATIČCE --- */
.footer-logo-wrapper {
    /*margin-top: 25px;*/
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.footer-logo {
    width: 100px; /* Odpovídá cca 30% původní velikosti */
    height: auto;
}
/* #endregion */


/* #region >>>>>> PLASTICKÁ TLAČÍTKA FOOTER (KAPKY) <<<<<< */

/* Mezery mezi tlačítky */
.footer-col:nth-child(2) .footer-sub-menu,
.footer-col:nth-child(3) .footer-sub-menu {
    gap: 20px;
}

/* Základní stav tlačítek s efektem kapky */
.footer-col:nth-child(2) .footer-sub-menu a,
.footer-col:nth-child(3) .footer-sub-menu a {
    background: #36357e;
    color: #ffffff !important;
    width: 240px;
    padding: 10px 15px;
    
    /* TVOJE KAPKY: Zaoblení levý horní a pravý dolní roh */
    border-radius: 20px 0 20px 0 !important; 
    
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-align: center;
    display: block;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    
    /* 3D efekt - stíny musí kopírovat tvar kapky */
    box-shadow: 
        0 4px 0px #15143a, 
        0 6px 10px rgba(0,0,0,0.3);
    
    position: relative;
    top: 0;
}

/* Hover efekt (Najetí myší) */
.footer-col:nth-child(2) .footer-sub-menu a:hover,
.footer-col:nth-child(3) .footer-sub-menu a:hover {
    background: #F99123 !important;
    color: #ffffff !important;
    top: -3px;
    /* Při hoveru zůstává tvar kapky */
    border-radius: 20px 0 20px 0 !important;
    box-shadow: 
        0 6px 0px #d47a1b,
        0 10px 15px rgba(0,0,0,0.4);
}

/* Active efekt (Kliknutí) */
.footer-col:nth-child(2) .footer-sub-menu a:active,
.footer-col:nth-child(3) .footer-sub-menu a:active {
    top: 2px;
    border-radius: 20px 0 20px 0 !important;
    box-shadow: 
        0 2px 0px #d47a1b,
        0 4px 6px rgba(0,0,0,0.3);
}

/* Responzivita */
@media (max-width: 600px) {
    .footer-col:nth-child(2) .footer-sub-menu a,
    .footer-col:nth-child(3) .footer-sub-menu a {
        width: 100%;
        max-width: 260px;
        margin-left: auto;
        margin-right: auto;
    }
}
/* #endregion */


/* #region >>>>>> !!!!! tohle kdyžtak smazat kdyby byly potíže se sticky - jde o přiblížení obsahu stránky nahoru k názvu stránky <<<<<< */
/* Jemné přiblížení obsahu k nadpisu o cca 10-15px */
#primary.content-area {
    margin-top: 0 !important;
}

.site-main {
    padding-top: 0 !important;
}

.entry-content-wrap {
    padding-top: 0 !important;
}

/* Toto je ten hlavní "tahač" - upravte si -10px podle potřeby */
.entry-content.single-content {
    margin-top: -8px !important;  /*bylo -15*/
}
/* #endregion */


/* #region >>>>>> empty  <<<<<< */
/* >>>>>> Sjednocení detailu produktu na střed pro všechny šířky <<<<<< */

/* 1. Hlavní kontejner popisku (nadpis, cena, sklad, tlačítko) */
.single-product .summary.entry-summary {
    float: none !important;      /* Zrušíme plavání vpravo */
    width: 100% !important;      /* Roztáhneme na celou šířku pod obrázek */
    max-width: 600px !important; /* Omezíme šířku, aby text nebyl moc roztažený */
    margin: 0 auto !important;   /* Vycentrování celého bloku */
    text-align: center !important; /* Vycentrování textů (nadpis, cena) */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important; /* Vycentrování prvků uvnitř (tlačítko) */
}

/* 2. Úprava formuláře košíku, aby i on centroval své vnitřky */
.single-product form.cart {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 20px auto !important;
}

/* 3. Zajištění, že cena a sklad jsou pod sebou na středu */
.single-product .summary.entry-summary .price,
.single-product .summary.entry-summary .stock {
    justify-content: center !important;
    display: flex !important;
    width: 100% !important;
}

/* 4. Oprava pro tablety (720px - 900px), kde Kadence drží sloupce */
@media (min-width: 601px) {
    .single-product div.product {
        display: flex !important;
        flex-direction: column !important; /* Změníme layout z řádku na sloupec */
        align-items: center !important;
    }
}
/* Skrytí lupy (gallery trigger) v detailu produktu */
.woocommerce-product-gallery__trigger {
    display: none !important;
}
/* #endregion */


/* #region >>>>>> okraj u WooCoomerce - stránka jednoho produktu - odstranění obrázku  <<<<<< */
/* Úplné odstranění galerie obrázků v detailu produktu */
.single-product .woocommerce-product-gallery {
    display: none !important;
}

/* Roztažení textového shrnutí na celou šířku po odstranění obrázku */
.single-product .summary.entry-summary {
    width: 100% !important;
    float: none !important;
    margin: 0 auto !important;
    max-width: 800px !important; /* Volitelné: aby text nebyl přes celou šířku monitoru */
    text-align: center !important;
}

/* Vycentrování formuláře a tlačítka po odstranění obrázku */
.single-product form.cart {
    justify-content: center !important;
    margin-top: 30px !important;
}

/* Odsazení detailu produktu od horního menu (headeru) */
.single-product #inner-wrap {
    padding-top: 30px !important;
}

/* Pokud bys chtěl posunout jen ten konkrétní nadpis "První běh" ještě víc dolů */
.single-product .summary.entry-summary {
    margin-top: 40px !important;
}

/* Zajištění, že tabulka s popisem (v záložkách) má také odstup od tlačítka */
.single-product .woocommerce-tabs.wc-tabs-wrapper {
    margin-top: 50px !important;
}
/* #endregion */


/* #region >>>>>>   HURRYTIMER Countdown   <<<<<<<< */
/* Hlavní kontejner */
.hurrytimer-campaign {
    background: transparent !important;
    padding: 20px 0 !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto !important;
    text-align: center;
    width: 100%;
    max-width: 600px;
}

/* Nadpis "ZAČÁTEK TÁBORA" */
.hurrytimer-headline {
    color: #F99123 !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    /*margin-bottom: 25px !important; /* Trochu víc místa pod nadpisem */
    font-size: 1.8rem !important;
    visibility: hidden;
    position: relative;
    display: block;
    width: 100%;
    min-height: 1.6em;
}

.hurrytimer-headline::after {
    content: "ZAČÁTEK TÁBORA";
    visibility: visible;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    text-align: center;
    white-space: nowrap;
}

/* Kontejner pro bloky */
.hurrytimer-timer {
    display: flex !important;
    align-items: flex-start;
    justify-content: center;
    gap: 8px; /* Mírně staženo k sobě */
}

.hurrytimer-timer-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 50px; /* Fixní šířka bloku pro stabilitu */
}

/* Styl pro samotná čísla */
.hurrytimer-timer-digit {
    font-size: 36px !important; /* Mírně zvětšeno */
    font-weight: 900 !important;
    line-height: 1 !important;
    color: #2a2968 !important;
    font-family: "Courier New", Courier, monospace;
}

/* Styl pro oddělovače (dvojtečky) */
.hurrytimer-timer-sep {
    color: #F99123 !important;
    font-size: 30px !important;
    font-weight: 900 !important;
    padding-top: 4px !important;
}

/* STYL PRO POPISKY D, H, M, S */
.hurrytimer-timer-label {
    display: block !important;
    font-size: 14px !important; /* Zvětšeno pro lepší čitelnost */
    text-transform: uppercase;
    font-weight: 900;
    color: #F99123 !important;
    margin-top: 4px !important;
    visibility: hidden;
    position: relative;
    width: 100%;
}

/* Nahrazení textu za jednopísmenné zkratky */
.hurrytimer-timer-block:nth-child(1) .hurrytimer-timer-label::after { content: "D"; visibility: visible; position: absolute; left: 50%; transform: translateX(-50%); }
.hurrytimer-timer-block:nth-child(3) .hurrytimer-timer-label::after { content: "H"; visibility: visible; position: absolute; left: 50%; transform: translateX(-50%); }
.hurrytimer-timer-block:nth-child(5) .hurrytimer-timer-label::after { content: "M"; visibility: visible; position: absolute; left: 50%; transform: translateX(-50%); }
.hurrytimer-timer-block:nth-child(7) .hurrytimer-timer-label::after { content: "S"; visibility: visible; position: absolute; left: 50%; transform: translateX(-50%); }

/* Mobilní ladění */
@media (max-width: 480px) {
    .hurrytimer-timer-digit { font-size: 28px !important; }
    .hurrytimer-timer-block { min-width: 40px; }
    .hurrytimer-timer-sep { font-size: 24px !important; }
    .hurrytimer-timer-label { font-size: 12px !important; }
}
/* #endregion */


/* #region  <<<<<<<  OPRAVA ODSAZENÍ TEXTU (VŠECHNY PŘÍSPĚVKY)    >>>>>>>>jfk*/
/* Cílíme přímo na textový obsah, aby se odlepil od oranžového rámečku */
body.single .entry-content.single-content {
    padding-left: 40px !important;
    padding-right: 40px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    display: block; /* Pojistka pro správné vykreslení paddingu */
}

/* Úprava pro mobilní telefony */
@media (max-width: 768px) {
    body.single .entry-content.single-content {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

/* Odstranění přebytečného overflow, který by mohl padding "schovávat" */
body.single #main .single-entry {
    overflow: visible !important;
}
/* #endregion */


/* #region >>>>>> empty  <<<<<< */
/* #endregion */