/* ───────────────────────────────────────────────────────────────────────── ZKRÁCENÍ POPISU KATEGORIE — vzhled Popis kategorie (.category-perex) se ořízne na zadanou výšku, pod něj přijde tlačítko pro rozbalení. Text zůstává v DOM (SEO), jen je vizuálně oříznutý. JS moduly v Javascript/: prestarter_category_text.js (zkrácení, tlačítko) + category_text.js (rozbalení na klik). Zkracuje se JEN když běží JS: třídu html.qram-perex-js nastaví prestarter hned v (a jen na kategorii). Bez JS zůstává popis celý — nikdy neskrytý text bez tlačítka. Výšky, přechod i rychlost jsou TADY. JS si výšku čte z --qram-perex-limit a délku animace z transition, nic se neopakuje. Selektor musí sedět s CONFIG.selector v Javascript/prestarter_category_text.js. ───────────────────────────────────────────────────────────────────────── */ /* Zkrácený popis. --qram-perex-height nastavuje JS jen při rozbalování (konkrétní px pro animaci, pak none); jinak platí --qram-perex-limit. */ html.qram-perex-js body.type-category .category-perex { --qram-perex-limit: 140px; /* výška zkráceného popisu (desktop) */ max-height: var(--qram-perex-height, var(--qram-perex-limit)); overflow: hidden; position: relative; transition: max-height 350ms ease; /* rychlost rozbalení */ } /* Krátký popis (nevejde se víc než limit + tolerance) — beze změny. */ html.qram-perex-js body.type-category .category-perex.qram-perex--full { max-height: none; overflow: visible; } .category-perex.qram-perex--collapsed{ margin-bottom: 5px; } /* Překrytí konce textu (přechod do ztracena) u zkráceného popisu. */ html.qram-perex-js body.type-category .category-perex.qram-perex--collapsed::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 70px; /* výška překrytí */ background: linear-gradient(to bottom, transparent, #f5f6f8); /* BARVA PŘEKRYTÍ — #ffffff = barva pozadí pod popisem */ opacity: 1; transition: opacity 200ms ease; pointer-events: none; } html.qram-perex-js body.type-category .category-perex.qram-perex--expanded::after { opacity: 0; } /* Tlačítko „Zobrazit celý popis" (text v prestarter_category_text.js) — po kliku zmizí. */ .qram-perex-toggle { display: inline-flex; align-items: center; gap: 8px; margin: 8px 0 18px; padding: 0; border: 0; background: none; font: inherit; font-size: .9em; line-height: 1.4; color: var(--color-primary, #1a73a7); text-decoration: underline; cursor: pointer; } .qram-perex-toggle:hover { text-decoration: none; } .qram-perex-toggle:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; } /* Šipka dolů. */ .qram-perex-toggle::after { content: ""; width: .45em; height: .45em; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-25%) rotate(45deg); } /* Mobil — nižší zkrácený popis. */ @media (max-width: 767px) { html.qram-perex-js body.type-category .category-perex { --qram-perex-limit: 140px; /* výška zkráceného popisu (mobil) */ } } @media (prefers-reduced-motion: reduce) { html.qram-perex-js body.type-category .category-perex, html.qram-perex-js body.type-category .category-perex::after { transition: none; } } .siteCookies--bottom.siteCookies--scrolled {background-color: #153190} .siteCookies__button {background-color: #fff; color: #000000} .siteCookies__button:hover {background-color: #fff; color: #153190} .siteCookies__form {background-color: #153190eb; padding: 30px 30px 30px 30px} .cookiesSetting__button--green {background-color: #153190}; .siteCookies__link.js-cookies-settings a {background-color: #153190!important}; .cookiesSetting__button--green:hover {background-color: #153190!important; color: #fff}; @media (min-width: 768px){ .partners__content { height: 160px; } .partners__image-block { max-width: 100%; height: 100%; } } .partners__image-block img { border-radius: 18px; } .partners__content { height: 100%; overflow: hidden; padding: 0px; } .partners__image-block { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 100%; height: 100%; } .partners__image-block img { display: block; width: 100%; height: 100%; object-fit: cover; } .benefitBanner__picture { height: 45px; } .benefitBanner__picture img { max-height: 45px; max-width: 45px; } @media (min-width: 480px){ .benefitBanner__title { font-size: 16px; }} .next-to-carousel-banners .extended-banner-text:not(:empty), .banners-top-block .extended-banner-text:not(:empty){ margin-top: 10px; } .custom-footer__banner3 p{ color: var(--footer-color); } .news-item-detail .text img{ border-radius: 20px; } .table-responsive table { width: 100% !important; } .table-responsive table, .table-responsive th, .table-responsive td { border: 1px solid #ddd; padding: 8px; } @media (max-width: 768px) { .table-responsive { overflow-x: auto; } } .js-cookiesConsentSubmit[value="reject"] { background-color: transparent !important; color: white !important; } .contact-container { display: flex; flex-wrap: wrap; justify-content: space-between; background-color: #D9EBFB; padding: 10px; color: #202020; font-size: 24px; } .contact-container a{ color: #202020; } .contact-container a:hover{ opacity: 0.6; } .contact-item { flex: 1; padding: 5px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; } .contact-icon { margin-right: 5px; } @media (max-width: 768px) { .contact-container { flex-direction: column; } .contact-item { justify-content: center; }} #footer.no-newsletter { margin-top: 0px; } body > div.custom-footer__banner5.footer-item.accordion__item.js-accordion-item > div{ margin-bottom: 0px; } #footer > div.container.footer-rows > div.site-name {display: none;} .tsunami-kontakt-form-contact{ border: 1px solid #e0e8ff; background: #eceef3; padding: 15px; border-radius: 10px } .type-page .content-inner article .tsunami-kontakt-form-contact > p{ font-weight: 500; font-size: 1.8rem; } .contact-address__content ul{ margin-top: 0; padding-top: 0; } .contact-address__content li{ line-height: 180%; } /*** tsunami ***/ .tsunami-contact-container-in{ width: 96%; max-width: 1400px; margin: auto; display: flex; flex-wrap: wrap; justify-content: space-between; } body.id-29 .pageArticleDetail header{ display: none; }