.elementor-1938 .elementor-element.elementor-element-f0258a7{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;}.elementor-1938 .elementor-element.elementor-element-f0258a7 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-1938 .elementor-element.elementor-element-3c54c69{--spacer-size:50px;}.elementor-1938 .elementor-element.elementor-element-2453e74{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;}.elementor-1938 .elementor-element.elementor-element-731b8b6{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;}.elementor-1938 .elementor-element.elementor-element-731b8b6 > .elementor-widget-container{background-color:#ECECEC;padding:30px 30px 30px 30px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#02010100;border-radius:15px 15px 15px 15px;}.elementor-1938 .elementor-element.elementor-element-731b8b6:hover .elementor-widget-container{background-color:#D1D1D1;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );}.elementor-1938 .elementor-element.elementor-element-731b8b6.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-1938 .elementor-element.elementor-element-731b8b6:hover > .elementor-widget-container{border-radius:30px 30px 30px 30px;}.elementor-1938 .elementor-element.elementor-element-5d1646c{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;}.elementor-1938 .elementor-element.elementor-element-5d1646c > .elementor-widget-container{background-color:#ECECEC;padding:30px 30px 30px 30px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#02010100;border-radius:15px 15px 15px 15px;}.elementor-1938 .elementor-element.elementor-element-5d1646c:hover .elementor-widget-container{background-color:#D1D1D1;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );}.elementor-1938 .elementor-element.elementor-element-5d1646c.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-1938 .elementor-element.elementor-element-5d1646c:hover > .elementor-widget-container{border-radius:30px 30px 30px 30px;}.elementor-1938 .elementor-element.elementor-element-24ae699{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;}.elementor-1938 .elementor-element.elementor-element-24ae699 > .elementor-widget-container{background-color:#ECECEC;padding:30px 30px 30px 30px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#02010100;border-radius:15px 15px 15px 15px;}.elementor-1938 .elementor-element.elementor-element-24ae699:hover .elementor-widget-container{background-color:#D1D1D1;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );}.elementor-1938 .elementor-element.elementor-element-24ae699.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-1938 .elementor-element.elementor-element-24ae699:hover > .elementor-widget-container{border-radius:30px 30px 30px 30px;}/* Start custom CSS for html, class: .elementor-element-f0258a7 *//* Seznam složek pod sebou */
.folder-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* Celý řádek jedné složky */
.folder-link {
  --folder-color: #8a8a8a;

  display: inline-flex;
  align-items: center;
  gap: 12px;
  width: fit-content;
  text-decoration: none;
  color: #333333;
  font-size: 18px;
  font-weight: 500;
  cursor: pointer;
}

/* Obal samotné ikony */
.folder-icon {
  display: inline-flex;
  width: 48px;
  height: auto;
  flex-shrink: 0;
}

/* SVG ikona složky */
.folder-svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

/* Obrys složky */
.folder-outline {
  fill: none;
  stroke: var(--folder-color);
  stroke-width: 5;
  stroke-linejoin: round;
  stroke-linecap: round;
}

/* Výplň složky */
.folder-fill {
  fill: var(--folder-color);
  opacity: 1;
}

/* Maska výplně před hover efektem */
.folder-fill-mask {
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.45s ease;
}

/* Efekt výplně při najetí myší */
.folder-link:hover .folder-fill-mask {
  transform: scaleX(1);
}

/* Textový obal */
.folder-text {
  position: relative;
  display: inline-block;
  min-width: 120px;
  color: #333333;
}

/* Výchozí text Dokumenty 1 až Dokumenty 5 */
.text-default {
  display: inline-block;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
}

/* Text Otevřít */
.text-hover {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
}

/* Při hoveru se výchozí text skryje */
.folder-link:hover .text-default {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px);
}

/* Při hoveru se zobrazí text Otevřít */
.folder-link:hover .text-hover {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Složka 1 — šedá */
.folder-1 {
  --folder-color: #8a8a8a;
}

/* Složka 2 — pastelová bordó */
.folder-2 {
  --folder-color: #b86b7a;
}

/* Složka 3 — pastelová petrolejová */
.folder-3 {
  --folder-color: #4f8f91;
}

/* Složka 4 — tlumená tmavě modrá */
.folder-4 {
  --folder-color: #526f9f;
}

/* Složka 5 — pastelová okrová */
.folder-5 {
  --folder-color: #c79a45;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-731b8b6 *//* Hlavní obal všech ikon pod sebou */
.icon-list {
  display: flex;                     /* Aktivuje flexbox */
  flex-direction: column;            /* Řádky budou pod sebou */
  gap: 14px;                         /* Mezera mezi jednotlivými řádky */
}

/* Celý klikací řádek jedné ikony */
.icon-link {
  --icon-color: #00A651;             /* Výchozí barva ikony, jednotlivé řádky ji níže přepíšou */

  display: inline-flex;              /* Ikona a text budou vedle sebe */
  align-items: center;               /* Svislé zarovnání ikony a textu na střed */
  gap: 12px;                         /* Mezera mezi ikonou a textem */
  width: fit-content;                /* Šířka řádku bude jen podle obsahu */
  text-decoration: none;             /* Zruší podtržení odkazu */
  color: #666666;                    /* Výchozí barva textu */
  font-size: 18px;                   /* Velikost textu */
  font-weight: 500;                  /* Tloušťka písma */
  cursor: pointer;                   /* Při najetí se zobrazí kurzor ruky */
  transition: color 0.6s ease;       /* Plynulá změna barvy textu při hoveru */
}

/* Barva textu při najetí myší na celý řádek */
.icon-link:hover {
  color: #333333;                    /* Tmavší barva textu při hoveru */
}

/* Obal samotné SVG ikony */
.icon-symbol {
  display: inline-flex;              /* Pomáhá správnému zarovnání SVG */
  width: 48px;                       /* TADY měníš velikost všech ikon */
  height: auto;                      /* Výška se dopočítá automaticky podle poměru SVG */
  flex-shrink: 0;                    /* Ikona se nebude zmenšovat při nedostatku místa */
}

/* Samotné SVG */
.icon-svg {
  display: block;                    /* Odstraní drobnou spodní mezeru pod SVG */
  width: 100%;                       /* SVG vyplní šířku obalu .icon-symbol */
  height: auto;                      /* Zachová přirozený poměr stran */
  overflow: visible;                 /* Zabrání nechtěnému oříznutí silnějších linek */
}

/* Hlavní obrys ikony */
.icon-outline {
  fill: none;                        /* Obrys nemá pevnou výplň */
  stroke: var(--icon-color);         /* Barva obrysu podle konkrétní ikony */
  stroke-width: 5;                   /* Síla linky obrysu */
  stroke-linejoin: round;            /* Zaoblené spoje čar */
  stroke-linecap: round;             /* Zaoblené konce čar */
}

/* Vnitřní linky ikony, například linky v knize nebo oblouk zámku */
.icon-detail {
  fill: none;                        /* Bez výplně */
  stroke: var(--icon-color);         /* Stejná barva jako hlavní ikona */
  stroke-width: 5;                   /* Síla vnitřních linek */
  stroke-linejoin: round;            /* Zaoblené spoje linek */
  stroke-linecap: round;             /* Zaoblené konce linek */
}

/* Kruhový detail, například kulatá část klíčové dírky */
.icon-detail-circle {
  fill: var(--icon-color);           /* Barva kruhu podle konkrétní ikony */
  stroke: none;                      /* Bez obrysu */
}

/* Vnitřní výplň ikony, která se odkryje při hoveru */
.icon-fill {
  fill: var(--icon-color);           /* Výplň má stejnou barvu jako obrys */
  opacity: 1;                        /* Plná čistá barva bez průhlednosti */
}

/* Maska, která na začátku skryje výplň ikony */
.icon-fill-mask {
  transform: scaleX(0);              /* Výplň je na začátku skrytá */
  transform-origin: left center;     /* Výplň se bude roztahovat zleva doprava */
  transition: transform 0.6s ease;   /* Rychlost a plynulost vyplnění ikony */
}

/* Při najetí myší se výplň ikony postupně zobrazí */
.icon-link:hover .icon-fill-mask {
  transform: scaleX(1);              /* Výplň se roztáhne na celou šířku ikony */
}

/* Textový obal vedle ikony */
.icon-text {
  position: relative;                /* Umožní překrytí výchozího a hover textu */
  display: inline-block;             /* Text se chová jako samostatný blok */
  min-width: 130px;                  /* Rezerva pro delší hover text */
  color: inherit;                    /* Přebírá barvu z .icon-link */
}

/* Výchozí text, například Směr, Pravidla, Zabezpečeno */
.text-default {
  display: inline-block;             /* Umožní plynulý posun textu */
  opacity: 1;                        /* Text je běžně viditelný */
  visibility: visible;               /* Text je aktivně viditelný */
  transform: translateY(0);          /* Výchozí poloha textu */
  transition: opacity 0.6s ease, transform 0.6s ease, visibility 0.6s ease;
}

/* Text, který se zobrazí po najetí, například Pokračovat, Číst, Odemknout */
.text-hover {
  position: absolute;                /* Umístí hover text přes původní text */
  left: 0;                           /* Zarovnání zleva */
  top: 0;                            /* Zarovnání shora */
  opacity: 0;                        /* Na začátku je skrytý */
  visibility: hidden;                /* Na začátku není viditelný */
  transform: translateY(6px);        /* Je mírně posunutý dolů */
  transition: opacity 0.6s ease, transform 0.6s ease, visibility 0.6s ease;
}

/* Při hoveru se původní text skryje a lehce posune nahoru */
.icon-link:hover .text-default {
  opacity: 0;                        /* Původní text zmizí */
  visibility: hidden;                /* Původní text se skryje */
  transform: translateY(-6px);       /* Původní text odjede lehce nahoru */
}

/* Při hoveru se nový text zobrazí */
.icon-link:hover .text-hover {
  opacity: 1;                        /* Hover text se zobrazí */
  visibility: visible;               /* Hover text je viditelný */
  transform: translateY(0);          /* Hover text najede do správné pozice */
}

/* Ikona 1 — čistá zelená */
.icon-arrow {
  --icon-color: #00A651;             /* Barva šipky */
}

/* Ikona 2 — čistá modrá */
.icon-book {
  --icon-color: #007BFF;             /* Barva knihy */
}

/* Ikona 3 — čistá červená */
.icon-lock {
  --icon-color: #E53935;             /* Barva zámku */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5d1646c *//* Hlavní obal sady Archiv / Dopis / Uložiště */
.docset-archive-list {
  display: flex;                              /* Aktivuje řazení prvků */
  flex-direction: column;                     /* Ikony budou pod sebou */
  gap: 14px;                                  /* Mezera mezi řádky */
}

/* Jeden klikací řádek */
.docset-archive-link {
  --docset-archive-color: #7B2CBF;            /* Výchozí barva, každá ikona ji níže přepíše */

  display: inline-flex;                       /* Ikona a text vedle sebe */
  align-items: center;                        /* Svislé zarovnání na střed */
  gap: 12px;                                  /* Mezera mezi ikonou a textem */
  width: fit-content;                         /* Šířka pouze podle obsahu */
  text-decoration: none;                      /* Bez podtržení odkazu */
  color: #666666;                             /* Výchozí barva textu */
  font-size: 18px;                            /* Velikost textu */
  font-weight: 500;                           /* Síla písma */
  cursor: pointer;                            /* Kurzor ruky */
  transition: color 0.6s ease;                /* Plynulá změna barvy textu */
}

/* Barva textu při hoveru */
.docset-archive-link:hover {
  color: #333333;                             /* Tmavší text při najetí */
}

/* Obal SVG ikony */
.docset-archive-symbol {
  display: inline-flex;                       /* Správné zarovnání SVG */
  width: 48px;                                /* Velikost ikony */
  height: auto;                               /* Automatická výška */
  flex-shrink: 0;                             /* Ikona se nezmenší */
}

/* Samotné SVG */
.docset-archive-svg {
  display: block;                             /* Odstraní spodní mezeru */
  width: 100%;                                /* SVG vyplní obal */
  height: auto;                               /* Zachová poměr stran */
  overflow: visible;                          /* Neořízne silnější linky */
}

/* Obrys ikony */
.docset-archive-outline {
  fill: none;                                 /* Bez výplně */
  stroke: var(--docset-archive-color);        /* Barva obrysu */
  stroke-width: 5;                            /* Síla obrysu */
  stroke-linejoin: round;                     /* Zaoblené spoje */
  stroke-linecap: round;                      /* Zaoblené konce */
}

/* Vnitřní detaily ikony */
.docset-archive-detail {
  fill: none;                                 /* Bez výplně */
  stroke: var(--docset-archive-color);        /* Stejná barva jako ikona */
  stroke-width: 5;                            /* Síla detailů */
  stroke-linejoin: round;                     /* Zaoblené spoje */
  stroke-linecap: round;                      /* Zaoblené konce */
}

/* Výplň ikony */
.docset-archive-fill {
  fill: var(--docset-archive-color);          /* Stejná barva jako obrys */
  opacity: 1;                                 /* Plná barva */
}

/* Maska výplně */
.docset-archive-fill-mask {
  transform: scaleX(0);                       /* Výplň je skrytá */
  transform-origin: left center;              /* Výplň začíná zleva */
  transition: transform 0.6s ease;            /* Rychlost vyplnění */
}

/* Hover efekt výplně */
.docset-archive-link:hover .docset-archive-fill-mask {
  transform: scaleX(1);                       /* Výplň se roztáhne */
}

/* Textový obal */
.docset-archive-text {
  position: relative;                         /* Umožní překrytí textů */
  display: inline-block;                      /* Blokové chování textu */
  min-width: 130px;                           /* Rezerva pro delší hover text */
  color: inherit;                             /* Přebírá barvu odkazu */
}

/* Výchozí text */
.docset-archive-text-default {
  display: inline-block;                      /* Umožní animaci */
  opacity: 1;                                 /* Viditelný stav */
  visibility: visible;                        /* Viditelnost */
  transform: translateY(0);                   /* Výchozí pozice */
  transition: opacity 0.6s ease, transform 0.6s ease, visibility 0.6s ease;
}

/* Hover text */
.docset-archive-text-hover {
  position: absolute;                         /* Překryje původní text */
  left: 0;                                    /* Zarovnání vlevo */
  top: 0;                                     /* Zarovnání nahoru */
  opacity: 0;                                 /* Skrytý stav */
  visibility: hidden;                         /* Skrytý text */
  transform: translateY(6px);                 /* Posun dolů */
  transition: opacity 0.6s ease, transform 0.6s ease, visibility 0.6s ease;
}

/* Skrytí výchozího textu při hoveru */
.docset-archive-link:hover .docset-archive-text-default {
  opacity: 0;                                 /* Text zmizí */
  visibility: hidden;                         /* Text se skryje */
  transform: translateY(-6px);                /* Posun nahoru */
}

/* Zobrazení hover textu */
.docset-archive-link:hover .docset-archive-text-hover {
  opacity: 1;                                 /* Text se zobrazí */
  visibility: visible;                        /* Text bude viditelný */
  transform: translateY(0);                   /* Vrátí se do pozice */
}

/* Fialová archivní krabice */
.docset-archive-box {
  --docset-archive-color: #7B2CBF;
}

/* Žlutá obálka */
.docset-archive-envelope {
  --docset-archive-color: #F5C400;
}

/* Tmavě modrý cloud */
.docset-archive-cloud {
  --docset-archive-color: #003B73;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-24ae699 *//* Hlavní obal sady Certifikát / Faktura / Provozní řád */
.docset-office-list {
  display: flex;                              /* Aktivuje řazení prvků */
  flex-direction: column;                     /* Ikony budou pod sebou */
  gap: 14px;                                  /* Mezera mezi řádky */
}

/* Jeden klikací řádek */
.docset-office-link {
  --docset-office-color: #E91E63;             /* Výchozí barva, každá ikona ji níže přepíše */

  display: inline-flex;                       /* Ikona a text vedle sebe */
  align-items: center;                        /* Svislé zarovnání na střed */
  gap: 12px;                                  /* Mezera mezi ikonou a textem */
  width: fit-content;                         /* Šířka pouze podle obsahu */
  text-decoration: none;                      /* Bez podtržení odkazu */
  color: #666666;                             /* Výchozí barva textu */
  font-size: 18px;                            /* Velikost textu */
  font-weight: 500;                           /* Síla písma */
  cursor: pointer;                            /* Kurzor ruky */
  transition: color 0.6s ease;                /* Plynulá změna barvy textu */
}

/* Barva textu při hoveru */
.docset-office-link:hover {
  color: #333333;                             /* Tmavší text při najetí */
}

/* Obal SVG ikony */
.docset-office-symbol {
  display: inline-flex;                       /* Správné zarovnání SVG */
  width: 48px;                                /* Velikost ikony */
  height: auto;                               /* Automatická výška */
  flex-shrink: 0;                             /* Ikona se nezmenší */
}

/* Samotné SVG */
.docset-office-svg {
  display: block;                             /* Odstraní spodní mezeru */
  width: 100%;                                /* SVG vyplní obal */
  height: auto;                               /* Zachová poměr stran */
  overflow: visible;                          /* Neořízne silnější linky */
}

/* Obrys ikony */
.docset-office-outline {
  fill: none;                                 /* Bez výplně */
  stroke: var(--docset-office-color);         /* Barva obrysu */
  stroke-width: 5;                            /* Síla obrysu */
  stroke-linejoin: round;                     /* Zaoblené spoje */
  stroke-linecap: round;                      /* Zaoblené konce */
}

/* Vnitřní detaily ikony */
.docset-office-detail {
  fill: none;                                 /* Bez výplně */
  stroke: var(--docset-office-color);         /* Stejná barva jako ikona */
  stroke-width: 5;                            /* Síla detailů */
  stroke-linejoin: round;                     /* Zaoblené spoje */
  stroke-linecap: round;                      /* Zaoblené konce */
}

/* Kruh / pečeť certifikátu */
.docset-office-circle-outline {
  fill: none;                                 /* Pouze obrys kruhu */
  stroke: var(--docset-office-color);         /* Barva obrysu kruhu */
  stroke-width: 5;                            /* Síla kruhu */
}

/* Výplň ikony */
.docset-office-fill {
  fill: var(--docset-office-color);           /* Stejná barva jako obrys */
  opacity: 1;                                 /* Plná barva */
}

/* Maska výplně */
.docset-office-fill-mask {
  transform: scaleX(0);                       /* Výplň je skrytá */
  transform-origin: left center;              /* Výplň začíná zleva */
  transition: transform 0.6s ease;            /* Rychlost vyplnění */
}

/* Hover efekt výplně */
.docset-office-link:hover .docset-office-fill-mask {
  transform: scaleX(1);                       /* Výplň se roztáhne */
}

/* Textový obal */
.docset-office-text {
  position: relative;                         /* Umožní překrytí textů */
  display: inline-block;                      /* Blokové chování textu */
  min-width: 140px;                           /* Rezerva pro text Provozní řád */
  color: inherit;                             /* Přebírá barvu odkazu */
}

/* Výchozí text */
.docset-office-text-default {
  display: inline-block;                      /* Umožní animaci */
  opacity: 1;                                 /* Viditelný stav */
  visibility: visible;                        /* Viditelnost */
  transform: translateY(0);                   /* Výchozí pozice */
  transition: opacity 0.6s ease, transform 0.6s ease, visibility 0.6s ease;
}

/* Hover text */
.docset-office-text-hover {
  position: absolute;                         /* Překryje původní text */
  left: 0;                                    /* Zarovnání vlevo */
  top: 0;                                     /* Zarovnání nahoru */
  opacity: 0;                                 /* Skrytý stav */
  visibility: hidden;                         /* Skrytý text */
  transform: translateY(6px);                 /* Posun dolů */
  transition: opacity 0.6s ease, transform 0.6s ease, visibility 0.6s ease;
}

/* Skrytí výchozího textu při hoveru */
.docset-office-link:hover .docset-office-text-default {
  opacity: 0;                                 /* Text zmizí */
  visibility: hidden;                         /* Text se skryje */
  transform: translateY(-6px);                /* Posun nahoru */
}

/* Zobrazení hover textu */
.docset-office-link:hover .docset-office-text-hover {
  opacity: 1;                                 /* Text se zobrazí */
  visibility: visible;                        /* Text bude viditelný */
  transform: translateY(0);                   /* Vrátí se do pozice */
}

/* Růžová ikona certifikátu */
.docset-office-certificate {
  --docset-office-color: #E91E63;
}

/* Oranžová ikona faktury */
.docset-office-invoice {
  --docset-office-color: #FF8C00;
}

/* Tyrkysová ikona provozního řádu */
.docset-office-rules {
  --docset-office-color: #00AFAF;
}/* End custom CSS */