/*
Theme Name: Chytre Domy Atelier
Theme URI: https://chytredomy.net/
Author: Jan Papoušek
Description: Block theme pro Chytré domy – elektroinstalace, tepelná čerpadla a řízení technologií rodinného domu. Obsah stránek je v editoru stránek, šablony jsou tenké (hlavička, obsah, výzva, patička).
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.0
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: chytre-domy-atelier
*/

/* Generated file – edit tools/style.base.css and run "node tools/build-style.mjs". */

/* Fonts from our own server (Font Library uploads, files in assets/fonts/, SIL OFL 1.1) – no Google Fonts request */
@font-face { font-family: "Sora"; font-style: normal; font-weight: 100 800; font-display: swap; src: url("/wp-content/uploads/fonts/sora-latin-ext-wght-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Sora"; font-style: normal; font-weight: 100 800; font-display: swap; src: url("/wp-content/uploads/fonts/sora-latin-wght-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Source Sans 3"; font-style: normal; font-weight: 200 900; font-display: swap; src: url("/wp-content/uploads/fonts/source-sans-3-latin-ext-wght-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Source Sans 3"; font-style: normal; font-weight: 200 900; font-display: swap; src: url("/wp-content/uploads/fonts/source-sans-3-latin-wght-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Source Sans 3"; font-style: italic; font-weight: 200 900; font-display: swap; src: url("/wp-content/uploads/fonts/source-sans-3-latin-ext-wght-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Source Sans 3"; font-style: italic; font-weight: 200 900; font-display: swap; src: url("/wp-content/uploads/fonts/source-sans-3-latin-wght-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }

:root {
  --cd-radius: 20px;
  --cd-radius-s: 12px;
  --cd-shadow: 0 1px 2px rgba(16, 38, 63, 0.05), 0 8px 24px rgba(16, 38, 63, 0.06);
  --cd-shadow-hover: 0 2px 4px rgba(16, 38, 63, 0.06), 0 18px 40px rgba(16, 38, 63, 0.12);
  --cd-ink: #122033;
  --cd-navy: #10263f;
  --cd-blue: #1d4f80;
  --cd-sky: #8cc4e6;
  --cd-signal: #fb9a00;
  --cd-line: #d7e1ea;
  --cd-soft: #e9f0f6;
  --cd-muted: #526377;
  --cd-header-h: 72px;
}

/* ---------- Base ---------- */

html { scroll-behavior: smooth; scroll-padding-top: calc(var(--cd-header-h) + 16px); }
body { font-kerning: normal; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
::selection { background: var(--cd-sky); color: var(--cd-navy); }
:where(a, button, input, select, textarea, summary):focus-visible { outline: 2px solid var(--cd-signal); outline-offset: 3px; border-radius: 4px; }
.wp-site-blocks { padding: 0; }
.wp-site-blocks > * { margin-block: 0; }
.cd-main { margin: 0; }
.cd-main .wp-block-post-content > .alignfull,
.cd-main .wp-block-post-content > .alignfull + * { margin-block-start: 0; }
.cd-main .wp-block-post-content > *:last-child { margin-block-end: 0; }
p:empty { display: none; }
strong { font-weight: 700; }

/* ---------- Header ---------- */

header.wp-block-template-part { position: sticky; top: 0; z-index: 60; }
body.admin-bar header.wp-block-template-part { top: 32px; }
@media (max-width: 782px) { body.admin-bar header.wp-block-template-part { top: 0; } }

/* Blur lives on a pseudo-element: backdrop-filter on .cd-header itself would trap the fixed mobile menu overlay. */
.cd-header {
  position: relative;
  border-bottom: 1px solid rgba(215, 225, 234, 0.8);
}
.cd-header::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: saturate(160%) blur(12px);
  -webkit-backdrop-filter: saturate(160%) blur(12px);
}
.cd-header__bar { min-height: var(--cd-header-h); gap: 20px; padding-block: 10px; }
.cd-brand { gap: 12px; flex-shrink: 0; }
.cd-brand__mark { display: block; width: 46px; height: 46px; line-height: 0; }
.cd-brand__mark svg { width: 46px; height: 46px; }
.cd-footer .cd-brand__mark { background: #fff; border-radius: 12px; padding: 4px; box-sizing: content-box; width: 40px; height: 40px; }
.cd-footer .cd-brand__mark svg { width: 40px; height: 40px; }
.cd-brand__text { gap: 0; }
.cd-brand__text .wp-block-site-title { margin: 0; line-height: 1.1; }
.cd-brand__tag { margin: 2px 0 0; font-size: 0.8rem; line-height: 1.2; color: var(--cd-muted); letter-spacing: 0.01em; }

.cd-nav { flex: 1 1 auto; }
.cd-nav .wp-block-navigation__container { gap: 4px 6px; }
.cd-nav .wp-block-navigation-item__content { padding: 10px 10px; border-radius: 10px; color: var(--cd-ink); transition: background 0.15s, color 0.15s; }
.cd-nav .wp-block-navigation-item__content:hover { background: var(--cd-soft); color: var(--cd-blue); }
.cd-nav .current-menu-item > .wp-block-navigation-item__content,
.cd-nav .current-menu-ancestor > .wp-block-navigation-item__content,
.cd-nav [aria-current="page"] { color: var(--cd-blue); }
.cd-nav .wp-block-navigation__submenu-icon { margin-left: 2px; }
.cd-nav .wp-block-navigation__submenu-container {
  border: 1px solid var(--cd-line) !important;
  border-radius: 16px;
  padding: 8px !important;
  min-width: 270px !important;
  box-shadow: var(--cd-shadow-hover);
  background: #fff !important;
}
.cd-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: 9px 12px; font-weight: 500; }
.cd-header__cta { flex-shrink: 0; }
.cd-header__cta .wp-block-button__link { padding: 11px 20px; font-size: 0.95rem; }

/* collapse to the overlay menu earlier than core's 600px so the bar never wraps */
@media (max-width: 1240px) {
  .cd-nav .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex !important; }
  .cd-nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none !important; }
  .cd-nav .is-menu-open .wp-block-navigation__responsive-container-close { display: flex !important; }
  .cd-nav .is-menu-open .wp-block-navigation__submenu-container { position: static !important; visibility: visible !important; opacity: 1 !important; height: auto !important; width: auto !important; }
  .cd-nav .is-menu-open .wp-block-navigation__container { flex-direction: column; }
  .cd-nav .is-menu-open .wp-block-navigation-item { flex-direction: column; align-items: flex-start; }
  .cd-nav .is-menu-open .wp-block-navigation__submenu-icon { display: none; }
  .cd-nav { flex: 0 0 auto; margin-left: auto; }
}

/* mobile overlay menu */
.cd-nav .is-menu-open { --navigation-layout-justification-setting: flex-start; --navigation-layout-justify: flex-start; }
.cd-nav .is-menu-open .wp-block-navigation__responsive-container-content,
.cd-nav .is-menu-open .wp-block-navigation__container,
.cd-nav .is-menu-open .wp-block-navigation-item,
.cd-nav .is-menu-open .wp-block-navigation__submenu-container { align-items: flex-start !important; justify-content: flex-start !important; text-align: left; }
.cd-nav .is-menu-open .wp-block-navigation__responsive-container-content { padding-bottom: 110px !important; }
.cd-nav .wp-block-navigation__responsive-container.is-menu-open { padding: 24px; background: #fff; }
.cd-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { padding-top: 56px; align-items: flex-start; }
.cd-nav .is-menu-open .wp-block-navigation__container { gap: 2px; align-items: flex-start; }
.cd-nav .is-menu-open .wp-block-navigation-item__content { font-size: 1.2rem; padding: 8px 0 !important; }
.cd-nav .is-menu-open .wp-block-navigation__submenu-container { border: 0 !important; box-shadow: none; padding: 0 0 8px 14px !important; min-width: 0 !important; }
.cd-nav .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content { font-size: 1rem; color: var(--cd-muted); padding: 5px 0 !important; }
.cd-nav .wp-block-navigation__responsive-container-open { padding: 8px; border-radius: 10px; background: var(--cd-soft); }

@media (max-width: 1360px) {
  .cd-nav .wp-block-navigation-item__content { padding: 10px 7px; }
}
/* the full menu already names the services and leaves no room in the 1200px bar,
   so the tagline only shows while the menu is collapsed and there is space beside the logo */
.cd-brand__tag { display: none; }
@media (min-width: 768px) and (max-width: 1240px) {
  .cd-brand__tag { display: block; }
}
@media (max-width: 600px) {
  .cd-header .cd-header__cta { display: none !important; }
  :root { --cd-header-h: 64px; }
}

/* ---------- Shared bits ---------- */

.cd-kicker {
  display: inline-flex; align-items: center; gap: 10px;
  margin-bottom: 0;
  font-size: 0.8rem; line-height: 1.3; font-weight: 700; letter-spacing: 0.13em; text-transform: uppercase;
  color: var(--cd-blue);
}
.cd-kicker::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--cd-signal); flex-shrink: 0; }
.cd-lead { font-size: clamp(1.1rem, 1.6vw, 1.28rem); line-height: 1.6; color: var(--cd-muted); max-width: 44rem; }
.cd-muted { color: var(--cd-muted); }
.cd-small { font-size: 0.92rem; }
.cd-center { text-align: center; margin-inline: auto; }

.cd-more { margin-top: auto; padding-top: 6px; }
.cd-more a { font-weight: 700; text-decoration: none; }
.cd-more a::after {
  content: ""; display: inline-block; vertical-align: -4px; margin-left: 8px; width: 18px; height: 18px; background: currentColor;
  -webkit-mask: var(--cd-arrow) center / contain no-repeat; mask: var(--cd-arrow) center / contain no-repeat;
  transition: transform 0.2s;
}
.cd-more a:hover::after { transform: translateX(4px); }

/* Buttons */
.wp-block-button__link { transition: background 0.18s, color 0.18s, border-color 0.18s, transform 0.18s; }
.wp-block-button__link:active { transform: translateY(1px); }
.wp-block-button.is-style-outline .wp-block-button__link { border: 2px solid currentColor; background: transparent; color: var(--cd-blue); padding: 12px 24px; }
.wp-block-button.is-style-outline .wp-block-button__link:hover { background: var(--cd-soft); color: var(--cd-navy); }
.cd-btn-signal .wp-block-button__link { background: var(--cd-signal); color: var(--cd-navy); }
.cd-btn-signal .wp-block-button__link:hover { background: #ffae33; color: var(--cd-navy); }

/* ---------- Hero ---------- */

.cd-hero {
  position: relative; overflow: hidden; isolation: isolate;
  background: linear-gradient(135deg, #0d1f33 0%, #12304f 55%, #1d4f80 100%);
  color: #e8f0f7;
  padding-top: clamp(40px, 6vw, 84px) !important;
  padding-bottom: clamp(56px, 7vw, 96px) !important;
}
.cd-hero::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size: 64px 64px;
  -webkit-mask-image: radial-gradient(ellipse at 80% 20%, #000 10%, transparent 70%);
  mask-image: radial-gradient(ellipse at 80% 20%, #000 10%, transparent 70%);
}
.cd-hero::after {
  content: ""; position: absolute; z-index: -1; pointer-events: none;
  right: max(-60px, calc((100vw - 1200px) / 2 - 80px)); top: 50%; width: clamp(260px, 32vw, 440px); aspect-ratio: 1; transform: translateY(-50%);
  background: rgba(140, 196, 230, 0.13);
  -webkit-mask: var(--cd-icon, none) center / contain no-repeat; mask: var(--cd-icon, none) center / contain no-repeat;
}
.cd-hero h1, .cd-hero h2 { color: #fff; max-width: 20ch; }
.cd-hero .cd-kicker { color: var(--cd-sky); }
.cd-hero .cd-lead { color: #c9d9e7; }
.cd-hero p { color: #d6e3ee; }
.cd-hero a:not(.wp-block-button__link) { color: #fff; }
.cd-hero .wp-block-button.is-style-outline .wp-block-button__link { color: #fff; border-color: rgba(255,255,255,.45); }
.cd-hero .wp-block-button.is-style-outline .wp-block-button__link:hover { background: rgba(255,255,255,.1); border-color: #fff; }
.cd-hero .wp-block-buttons { margin-top: 28px; }

/* Narrow blocks inside 1200px constrained sections stay left-aligned with the grid. */
.cd-hero > h1, .cd-hero > h2, .cd-hero > .cd-lead, .cd-hero > .cd-meta,
.cd-section > .cd-section-head, .cd-section > .cd-lead {
  margin-left: max(0px, calc((100% - 1200px) / 2)) !important;
  margin-right: auto !important;
}

.cd-hero--home {
  background:
    linear-gradient(100deg, rgba(10, 24, 40, 0.94) 0%, rgba(13, 31, 51, 0.84) 40%, rgba(16, 38, 63, 0.5) 66%, rgba(16, 38, 63, 0.12) 100%),
    url("/wp-content/uploads/2026/10/hero-tepelne-cerpadlo.jpg") 72% 45% / cover no-repeat;
  padding-top: clamp(64px, 9vw, 128px) !important;
  padding-bottom: clamp(64px, 9vw, 120px) !important;
}
.cd-hero--home::after { display: none; }
/* real photo behind the text: on narrow screens the text spans the full width, so the overlay stays even */
@media (min-width: 783px) and (max-width: 1536px) {
  .cd-hero--home { background-image: linear-gradient(100deg, rgba(10, 24, 40, 0.94) 0%, rgba(13, 31, 51, 0.84) 40%, rgba(16, 38, 63, 0.5) 66%, rgba(16, 38, 63, 0.12) 100%), url("/wp-content/uploads/2026/10/hero-tepelne-cerpadlo-1536x864.jpg"); }
}
@media (max-width: 782px) {
  .cd-hero--home { background: linear-gradient(rgba(10, 24, 40, 0.9), rgba(13, 31, 51, 0.82)), url("/wp-content/uploads/2026/10/hero-tepelne-cerpadlo-768x432.jpg") 72% 45% / cover no-repeat; }
}
.cd-hero--home h1 { max-width: 17ch; }

.cd-hero-facts { list-style: none; padding: 0 !important; margin: 26px 0 0; display: flex; flex-wrap: wrap; gap: 10px 22px; }
.cd-hero-facts li { position: relative; padding-left: 30px; font-weight: 600; color: #e3edf5; font-size: 0.98rem; }
.cd-hero-facts li::before { content: ""; position: absolute; left: 0; top: 0.18em; width: 21px; height: 21px; border-radius: 50%; background: var(--cd-signal); }
.cd-hero-facts li::after {
  content: ""; position: absolute; left: 4px; top: calc(0.18em + 4px); width: 13px; height: 13px; background: var(--cd-navy);
  -webkit-mask: var(--cd-icon) center / contain no-repeat; mask: var(--cd-icon) center / contain no-repeat;
}

/* Breadcrumbs */
.cd-breadcrumbs ol { list-style: none; margin: 0 0 22px; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 0; font-size: 0.88rem; }
.cd-breadcrumbs li { color: #9fb6cc; }
.cd-breadcrumbs li + li::before { content: "/"; margin: 0 10px; color: rgba(159, 182, 204, 0.6); }
.cd-breadcrumbs a { color: #c9d9e7 !important; text-decoration: none; }
.cd-breadcrumbs a:hover { color: #fff !important; text-decoration: underline; }
.cd-hero .wp-block-shortcode, .cd-hero > .wp-block-group__inner-container > p:first-child:empty { margin: 0; }

/* ---------- Sections ---------- */

.cd-section { padding-block: clamp(56px, 7vw, 96px) !important; }
.cd-section--tight { padding-block: clamp(40px, 5vw, 64px) !important; }
.cd-section--white { background: #fff; }
.cd-section--soft { background: var(--cd-soft); }
.cd-section--dark { background: var(--cd-navy); color: #dbe6f0; }
.cd-section--dark h2, .cd-section--dark h3, .cd-section--dark h4 { color: #fff; }
.cd-section--dark .cd-kicker { color: var(--cd-sky); }
.cd-section--dark .cd-lead, .cd-section--dark .cd-muted { color: #b5c7d8; }
.cd-section--dark a:not(.wp-block-button__link) { color: #fff; }
.cd-section-head { margin-bottom: clamp(28px, 4vw, 44px) !important; max-width: 48rem; }
.cd-section-head > * + * { margin-top: 14px; }
.cd-section-head h2 { margin-top: 12px; }

/* Answer block (GEO) */
.cd-answer {
  position: relative; background: #fff; border: 1px solid var(--cd-line); border-left: 5px solid var(--cd-signal);
  border-radius: var(--cd-radius); padding: clamp(22px, 3vw, 34px) !important; box-shadow: var(--cd-shadow);
}
.cd-answer > * + * { margin-top: 14px; }
.cd-answer__label { font-size: 0.78rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--cd-blue); margin: 0; }
.cd-answer p:not(.cd-answer__label) { font-size: clamp(1.06rem, 1.4vw, 1.18rem); line-height: 1.62; }
.cd-answer-wrap { margin-top: calc(-1 * clamp(36px, 5vw, 56px)) !important; position: relative; z-index: 2; padding-bottom: clamp(40px, 5vw, 64px) !important; }

.cd-anchors { list-style: none; padding: 0 !important; display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 0; }
.cd-anchors li a {
  display: inline-block; padding: 7px 14px; border-radius: 999px; border: 1px solid var(--cd-line);
  background: var(--cd-soft); color: var(--cd-ink); text-decoration: none; font-size: 0.92rem; font-weight: 600;
}
.cd-anchors li a:hover { border-color: var(--cd-blue); color: var(--cd-blue); background: #fff; }

/* Cards */
.cd-card {
  position: relative; display: flex; flex-direction: column; gap: 10px;
  background: #fff; border: 1px solid var(--cd-line); border-radius: var(--cd-radius);
  padding: clamp(22px, 2.6vw, 30px) !important; box-shadow: var(--cd-shadow);
  transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
}
.cd-card > * { margin-block: 0 !important; }
.cd-card h3, .cd-card h4 { margin: 0; }
.cd-card p { color: var(--cd-muted); }
.cd-card--link:hover { transform: translateY(-3px); box-shadow: var(--cd-shadow-hover); border-color: #b9cddd; }
.cd-card--link h3 a, .cd-card--link h4 a { color: inherit; text-decoration: none; }
.cd-card--link h3 a::after, .cd-card--link h4 a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.cd-card--link .cd-more { position: relative; z-index: 1; }
.cd-card--feature { padding: clamp(26px, 3.4vw, 40px) !important; }
.cd-card--feature h3 { font-size: clamp(1.4rem, 2.2vw, 1.75rem); }
.cd-card--dark { background: var(--cd-navy); border-color: var(--cd-navy); color: #dbe6f0; }
.cd-card--dark h3, .cd-card--dark h4 { color: #fff; }
.cd-card--dark p { color: #b5c7d8; }
.cd-card--soft { background: var(--cd-soft); border-color: transparent; box-shadow: none; }
.cd-section--dark .cd-card { background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.12); box-shadow: none; }
.cd-section--dark .cd-card p { color: #b5c7d8; }
.cd-card .cd-links { margin-top: 4px; }
.cd-card--link .cd-links { position: relative; z-index: 1; }

/* Icon heading: <h3 class="cd-i cd-i--bolt"> */
.cd-i { position: relative; padding-top: 64px; }
.cd-i::before { content: ""; position: absolute; top: 0; left: 0; width: 48px; height: 48px; border-radius: 14px; background: var(--cd-soft); }
.cd-i::after {
  content: ""; position: absolute; top: 12px; left: 12px; width: 24px; height: 24px; background: var(--cd-blue);
  -webkit-mask: var(--cd-icon) center / contain no-repeat; mask: var(--cd-icon) center / contain no-repeat;
}
.cd-card--dark .cd-i::before, .cd-section--dark .cd-i::before { background: rgba(140, 196, 230, 0.14); }
.cd-card--dark .cd-i::after, .cd-section--dark .cd-i::after { background: var(--cd-sky); }
.cd-hero:not([class*="cd-i--"])::after { display: none; }

/* Grids (layout comes from the block's grid layout; these are fallbacks for older markup) */
.cd-grid > * { margin: 0 !important; }

/* Lists */
.cd-check, .cd-warn, .cd-links { list-style: none; padding-left: 0 !important; }
.cd-check li, .cd-warn li { position: relative; padding-left: 34px; }
.cd-check li + li, .cd-warn li + li { margin-top: 10px; }
.cd-check li::before, .cd-warn li::before {
  content: ""; position: absolute; left: 0; top: 0.2em; width: 22px; height: 22px; border-radius: 50%;
  background: #dcebf7;
}
.cd-check li::after, .cd-warn li::after {
  content: ""; position: absolute; left: 4px; top: calc(0.2em + 4px); width: 14px; height: 14px; background: var(--cd-blue);
  -webkit-mask: var(--cd-icon) center / contain no-repeat; mask: var(--cd-icon) center / contain no-repeat;
}
.cd-warn li::before { background: #fdebd0; }
.cd-warn li::after { background: #b86b0c; }
.cd-section--dark .cd-check li::before, .cd-card--dark .cd-check li::before { background: rgba(140, 196, 230, 0.18); }
.cd-section--dark .cd-check li::after, .cd-card--dark .cd-check li::after { background: var(--cd-sky); }

.cd-links li { border-top: 1px solid var(--cd-line); }
.cd-links li:last-child { border-bottom: 1px solid var(--cd-line); }
.cd-links li a { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 2px; font-weight: 600; text-decoration: none; color: var(--cd-ink); }
.cd-links li a::after {
  content: ""; width: 18px; height: 18px; flex-shrink: 0; background: var(--cd-blue);
  -webkit-mask: var(--cd-arrow) center / contain no-repeat; mask: var(--cd-arrow) center / contain no-repeat; transition: transform 0.2s;
}
.cd-links li a:hover { color: var(--cd-blue); }
.cd-links li a:hover::after { transform: translateX(4px); }
.cd-section--dark .cd-links li, .cd-card--dark .cd-links li { border-color: rgba(255,255,255,.14); }
.cd-section--dark .cd-links li a, .cd-card--dark .cd-links li a { color: #fff; }
.cd-section--dark .cd-links li a::after, .cd-card--dark .cd-links li a::after { background: var(--cd-sky); }

.cd-chips { list-style: none; padding: 0 !important; display: flex; flex-wrap: wrap; gap: 8px; }
.cd-chips li { padding: 6px 13px; border-radius: 999px; background: var(--cd-soft); color: var(--cd-navy); font-size: 0.9rem; font-weight: 600; }
.cd-section--dark .cd-chips li { background: rgba(255,255,255,.08); color: #e3edf5; }

/* Steps */
.cd-steps { counter-reset: cdstep; }
.cd-step { counter-increment: cdstep; position: relative; background: #fff; border: 1px solid var(--cd-line); border-radius: var(--cd-radius); padding: 26px 24px 24px !important; }
.cd-step > * { margin-block: 0 !important; }
.cd-step > * + * { margin-top: 8px !important; }
.cd-step::before {
  content: counter(cdstep, decimal-leading-zero); display: block; margin-bottom: 16px;
  font-family: var(--wp--preset--font-family--display); font-weight: 800; font-size: 1.05rem; letter-spacing: 0.04em;
  color: var(--cd-blue); width: 46px; height: 46px; line-height: 46px; text-align: center; border-radius: 50%; background: var(--cd-soft);
}
.cd-step p { color: var(--cd-muted); }
.cd-section--dark .cd-step { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.12); }
.cd-section--dark .cd-step::before { background: var(--cd-signal); color: var(--cd-navy); }
.cd-section--dark .cd-step p { color: #b5c7d8; }

/* Timeline (vertical) */
.cd-timeline { position: relative; }
.cd-timeline > .cd-tl-item { position: relative; padding: 0 0 26px 40px !important; margin: 0 !important; }
.cd-timeline > .cd-tl-item::before { content: ""; position: absolute; left: 7px; top: 8px; bottom: -6px; width: 2px; background: var(--cd-line); }
.cd-timeline > .cd-tl-item:last-child::before { display: none; }
.cd-timeline > .cd-tl-item::after { content: ""; position: absolute; left: 0; top: 4px; width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 4px solid var(--cd-blue); box-sizing: border-box; }
.cd-tl-item > * { margin-block: 0 !important; }
.cd-tl-item > * + * { margin-top: 6px !important; }
.cd-tl-item p { color: var(--cd-muted); }
.cd-tl-when { font-size: 0.8rem !important; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--cd-blue) !important; }

/* Callouts */
.cd-callout { border-radius: var(--cd-radius); padding: clamp(20px, 2.6vw, 28px) !important; background: var(--cd-soft); border: 1px solid #cfe0ee; }
.cd-callout > * + * { margin-top: 10px; }
.cd-callout--warn { background: #fff6e8; border-color: #f4d6a6; }
.cd-callout--warn h3, .cd-callout--warn h4, .cd-callout--warn strong { color: #7a4a06; }
.cd-callout h3, .cd-callout h4 { font-size: 1.1rem; margin: 0; }

/* Compare old/new */
.cd-compare--old { background: #f7f8fa; border-style: dashed !important; box-shadow: none !important; }
.cd-compare--old h3 { color: var(--cd-muted); }
.cd-compare--new { border: 2px solid var(--cd-blue) !important; }

/* Tables */
.cd-table { overflow-x: auto; margin-block: 24px; }
.cd-table table { width: 100%; border-collapse: separate; border-spacing: 0; background: #fff; border: 1px solid var(--cd-line); border-radius: 16px; overflow: hidden; font-size: 0.98rem; min-width: 560px; }
.cd-table th, .cd-table td { padding: 13px 16px; text-align: left; vertical-align: top; border: 0; border-bottom: 1px solid var(--cd-line); }
.cd-table thead th { background: var(--cd-navy); color: #fff; font-family: var(--wp--preset--font-family--display); font-size: 0.9rem; font-weight: 600; letter-spacing: 0.01em; }
.cd-table tbody tr:last-child td { border-bottom: 0; }
.cd-table tbody tr:nth-child(even) td { background: #f8fafc; }
.cd-table td:first-child { font-weight: 600; color: var(--cd-ink); }
.cd-table figcaption { font-size: 0.88rem; color: var(--cd-muted); margin-top: 10px; }

/* FAQ */
.cd-faq-list { border-top: 1px solid var(--cd-line); }
.cd-faq-list > .wp-block-details { margin: 0 !important; }
.cd-faq { border-bottom: 1px solid var(--cd-line); }
.cd-faq summary {
  list-style: none; cursor: pointer; position: relative; padding: 20px 52px 20px 0;
  font-family: var(--wp--preset--font-family--display); font-weight: 600; font-size: 1.08rem; line-height: 1.4; letter-spacing: -0.01em; color: var(--cd-ink);
}
.cd-faq summary::-webkit-details-marker { display: none; }
.cd-faq summary::after {
  content: "+"; position: absolute; right: 2px; top: 50%; transform: translateY(-50%);
  width: 34px; height: 34px; line-height: 32px; text-align: center; border-radius: 50%; background: var(--cd-soft); color: var(--cd-blue);
  font-family: var(--wp--preset--font-family--body); font-size: 1.4rem; font-weight: 400; transition: transform 0.2s, background 0.2s;
}
.cd-faq[open] summary::after { content: "−"; background: var(--cd-blue); color: #fff; }
.cd-faq summary:hover { color: var(--cd-blue); }
.cd-faq > :not(summary) { margin: 0 0 18px; color: var(--cd-muted); max-width: 46rem; }
.cd-faq > :not(summary) + :not(summary) { margin-top: -6px; }

/* Brand tiles */
.cd-brands { list-style: none; padding: 0 !important; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; }
.cd-brands li {
  display: flex; flex-direction: column; gap: 2px; align-items: center; justify-content: center; min-height: 76px; padding: 12px; text-align: center;
  border: 1px solid var(--cd-line); border-radius: 14px; background: #fff;
  font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: 1.15rem; letter-spacing: -0.01em; color: var(--cd-navy);
}
.cd-brands li small { display: block; font-family: var(--wp--preset--font-family--body); font-weight: 500; font-size: 0.78rem; color: var(--cd-muted); letter-spacing: 0; }

/* Diagram (inline SVG) */
.cd-diagram { margin: 0; }
.cd-diagram svg { display: block; width: 100%; height: auto; }

/* Region / map */
.cd-map { border-radius: var(--cd-radius); overflow: hidden; border: 1px solid var(--cd-line); box-shadow: var(--cd-shadow); line-height: 0; background: var(--cd-soft); }
.cd-map iframe { width: 100%; height: clamp(280px, 38vw, 420px); border: 0; }
.cd-map__note { font-size: 0.86rem; color: var(--cd-muted); margin-top: 10px; }

/* Article (poradna) */
.cd-article > h2 { margin-top: clamp(40px, 5vw, 56px); scroll-margin-top: calc(var(--cd-header-h) + 20px); }
.cd-article > h3 { margin-top: 30px; }
.cd-article > p, .cd-article > ul, .cd-article > ol { font-size: 1.08rem; }
.cd-article .cd-callout, .cd-article .cd-answer { margin-block: 28px; }
.cd-article-body { padding-block: clamp(40px, 5vw, 64px) clamp(56px, 7vw, 88px) !important; }
.cd-toc { background: #fff; border: 1px solid var(--cd-line); border-radius: var(--cd-radius); padding: 22px 26px !important; }
.cd-toc > p { margin: 0 0 8px; font-weight: 700; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.12em; color: var(--cd-blue); }
.cd-toc ol { margin: 0; padding-left: 1.2rem; }
.cd-toc li + li { margin-top: 4px; }
.cd-toc a { text-decoration: none; font-weight: 600; }
.cd-toc a:hover { text-decoration: underline; }
.cd-meta { font-size: 0.9rem; color: #9fb6cc !important; margin-top: 18px !important; }

/* CTA band */
.cd-cta {
  position: relative; overflow: hidden; isolation: isolate;
  background: linear-gradient(120deg, #0d1f33 0%, #163a5f 100%); color: #dbe6f0;
}
.cd-cta::after {
  content: ""; position: absolute; z-index: -1; width: 520px; height: 520px; right: -140px; top: -180px; border-radius: 50%;
  background: radial-gradient(circle, rgba(240,164,58,.22) 0%, rgba(240,164,58,0) 65%);
}
.cd-cta h2 { color: #fff; max-width: 22ch; }
.cd-cta .cd-kicker { color: var(--cd-sky); }
.cd-cta p { color: #c3d4e3; max-width: 40rem; }
.cd-cta .wp-block-button.is-style-outline .wp-block-button__link { color: #fff; border-color: rgba(255,255,255,.45); }
.cd-cta .wp-block-button.is-style-outline .wp-block-button__link:hover { background: rgba(255,255,255,.1); border-color: #fff; }
.cd-cta .cd-contact { margin-top: 8px; }
.cd-page-poptavka .cd-cta-part, .cd-page-kontakt .cd-cta-part { display: none; }

/* Contact list (shortcode) */
.cd-contact { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.cd-contact__item { position: relative; padding-left: 44px; min-height: 32px; display: flex; flex-direction: column; justify-content: center; }
.cd-contact__item::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; border-radius: 10px; background: var(--cd-soft); }
.cd-contact__item::after {
  content: ""; position: absolute; left: 7px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; background: var(--cd-blue);
  -webkit-mask: var(--cd-icon) center / contain no-repeat; mask: var(--cd-icon) center / contain no-repeat;
}
.cd-contact__label { font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.1em; color: var(--cd-muted); font-weight: 700; line-height: 1.3; }
.cd-contact__value { font-weight: 600; line-height: 1.4; }
.cd-contact__value a { text-decoration: none; }
.cd-contact__value a:hover { text-decoration: underline; }
.cd-contact--cards { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; }
.cd-contact__value { overflow-wrap: anywhere; }
.cd-contact--cards .cd-contact__item { background: #fff; border: 1px solid var(--cd-line); border-radius: 16px; padding: 18px 18px 18px 66px; min-height: 76px; }
.cd-contact--cards .cd-contact__item::before { left: 18px; width: 36px; height: 36px; }
.cd-contact--cards .cd-contact__item::after { left: 27px; }
.cd-contact--cards .cd-contact__value { font-size: 1.08rem; }
.cd-section--dark .cd-contact__item::before, .cd-cta .cd-contact__item::before, .cd-footer .cd-contact__item::before { background: rgba(140,196,230,.14); }
.cd-section--dark .cd-contact__item::after, .cd-cta .cd-contact__item::after, .cd-footer .cd-contact__item::after { background: var(--cd-sky); }
.cd-section--dark .cd-contact__label, .cd-cta .cd-contact__label, .cd-footer .cd-contact__label { color: #8ea6bd; }
.cd-section--dark .cd-contact__value, .cd-cta .cd-contact__value, .cd-footer .cd-contact__value, .cd-footer .cd-contact__value a, .cd-cta .cd-contact__value a { color: #fff; }

/* ---------- Photos (realizace) ---------- */

/* uniform 4:3 tiles, caption overlaid by core; click opens the core lightbox */
.cd-gallery.wp-block-gallery.has-nested-images { gap: 12px; margin: 0; }
.cd-gallery.wp-block-gallery.has-nested-images figure.wp-block-image { border-radius: var(--cd-radius-s); overflow: hidden; background: var(--cd-soft); }
.cd-gallery.wp-block-gallery.has-nested-images figure.wp-block-image img { aspect-ratio: 4 / 3; height: auto; object-fit: cover; }
.cd-gallery.wp-block-gallery.has-nested-images figure.wp-block-image figcaption { font-size: 0.86rem; line-height: 1.35; padding: 32px 12px 10px; text-align: left; }
.cd-photo { margin: 0; }
.cd-photo img { border-radius: var(--cd-radius); width: 100%; height: auto; }
.cd-photo figcaption { color: var(--cd-muted); font-size: 0.9rem; margin-top: 8px; }

.cd-project .cd-project__meta { font-size: 0.86rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--cd-muted); }
.cd-project .cd-gallery { margin-top: 6px !important; }
/* project strips: equal tiles, a short last row stays left-aligned instead of stretching */
.cd-project .cd-gallery.wp-block-gallery.has-nested-images figure.wp-block-image { flex-grow: 0; }
@media (max-width: 900px) {
  .cd-project .cd-gallery.wp-block-gallery.has-nested-images figure.wp-block-image { width: calc(50% - 6px) !important; }
}
.cd-section--soft .cd-project, .cd-section--white .cd-project { box-shadow: none; }
.cd-more-photos { margin-top: 18px !important; font-weight: 600; }

/* ---------- Form ---------- */

.cd-form { display: grid; gap: 18px; }
.cd-form fieldset { margin: 0; border: 1px solid var(--cd-line); border-radius: var(--cd-radius); background: #fff; padding: clamp(20px, 3vw, 30px); min-width: 0; box-shadow: var(--cd-shadow); }
.cd-form legend { float: left; width: 100%; padding: 0; margin: 0 0 18px; display: flex; align-items: center; gap: 12px; font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: 1.15rem; letter-spacing: -0.015em; color: var(--cd-ink); }
.cd-form legend + * { clear: both; }
.cd-form__num { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: var(--cd-navy); color: #fff; font-size: 0.92rem; flex-shrink: 0; }
.cd-choices { display: flex; flex-wrap: wrap; gap: 10px; }
.cd-choice { position: relative; cursor: pointer; }
.cd-choice input { position: absolute; opacity: 0; inset: 0; cursor: pointer; }
.cd-choice span { display: inline-block; padding: 11px 16px; border: 1.5px solid var(--cd-line); border-radius: 12px; background: #fff; font-weight: 600; font-size: 0.97rem; line-height: 1.3; transition: border-color .15s, background .15s, color .15s; }
.cd-choice:hover span { border-color: #9db8cf; }
.cd-choice input:checked + span { border-color: var(--cd-blue); background: var(--cd-blue); color: #fff; }
.cd-choice input:focus-visible + span { outline: 2px solid var(--cd-signal); outline-offset: 2px; }
.cd-form__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 0 16px; }
.cd-form p { margin: 0 0 14px; }
.cd-form label { display: block; font-weight: 600; font-size: 0.95rem; margin-bottom: 6px; color: var(--cd-ink); }
.cd-form abbr { text-decoration: none; color: #c0392b; }
.cd-form input[type="text"], .cd-form input[type="email"], .cd-form input[type="tel"], .cd-form select, .cd-form textarea {
  width: 100%; box-sizing: border-box; padding: 12px 14px; border: 1.5px solid var(--cd-line); border-radius: 12px; background: #fbfcfd;
  font: inherit; font-size: 1rem; color: var(--cd-ink); transition: border-color .15s, box-shadow .15s, background .15s;
}
.cd-form textarea { resize: vertical; min-height: 130px; }
.cd-form input:focus, .cd-form select:focus, .cd-form textarea:focus { outline: none; border-color: var(--cd-blue); background: #fff; box-shadow: 0 0 0 4px rgba(29, 79, 128, 0.12); }
.cd-form__hint { display: block; margin-top: 6px; font-size: 0.88rem; color: var(--cd-muted); }
.cd-form__submit { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; padding: 4px 4px 0; }
.cd-form__submit button { border: 0; cursor: pointer; font-family: inherit; background: var(--cd-signal); color: var(--cd-navy); font-weight: 700; font-size: 1.05rem; padding: 16px 32px; border-radius: 999px; }
.cd-form__submit button:hover { background: #ffae33; }
.cd-form__privacy { flex: 1 1 260px; margin: 0 !important; font-size: 0.88rem; color: var(--cd-muted); }
.cd-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.cd-form-error { background: #fdecea; border: 1px solid #f5c2bd; color: #8a1f13; border-radius: 12px; padding: 12px 16px; margin: 0 !important; }
.cd-form-done { background: #fff; border: 1px solid var(--cd-line); border-left: 5px solid #2e9d63; border-radius: var(--cd-radius); padding: 28px; box-shadow: var(--cd-shadow); }
.cd-form-done__title { font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: 1.35rem; color: var(--cd-ink); margin-top: 0; }

/* ---------- Footer ---------- */

.cd-footer { padding-block: clamp(48px, 6vw, 72px) 22px !important; background: #0b1b2d; color: #a9bccf; font-size: 0.97rem; }
.cd-footer a { color: #dbe6f0; text-decoration: none; }
.cd-footer a:hover { color: #fff; text-decoration: underline; }
.cd-footer h2, .cd-footer h3 { color: #fff; font-size: 0.82rem; text-transform: uppercase; letter-spacing: 0.13em; font-family: var(--wp--preset--font-family--body); font-weight: 700; margin-bottom: 14px; }
.cd-footer ul { list-style: none; padding: 0 !important; margin: 0; }
.cd-footer ul:not(.cd-contact) li + li { margin-top: 8px; }
.cd-footer .wp-block-site-title a { color: #fff; }
.cd-footer__about { max-width: 30rem; }
.cd-footer__about p { color: #a9bccf; }
.cd-footer__bottom { margin-top: clamp(32px, 5vw, 56px) !important; padding-top: 20px; gap: 10px 24px; border-top: 1px solid rgba(255,255,255,.1); font-size: 0.88rem; color: #7f96ad; }
.cd-footer__bottom p { margin: 0; }
.cd-footer__bottom a { color: #a9bccf; }
@media (max-width: 1100px) and (min-width: 782px) {
  .cd-footer__cols { flex-wrap: wrap !important; row-gap: 32px; }
  .cd-footer__cols > .wp-block-column { flex-basis: calc(50% - 1.5em) !important; flex-grow: 0 !important; }
  .cd-footer__cols > .cd-footer__about { flex-basis: 100% !important; }
}

/* Mobile CTA bar */
.cd-mobilebar { display: none; }
@media (max-width: 781px) {
  .cd-mobilebar {
    display: flex; gap: 8px; position: fixed; z-index: 70; left: 10px; right: 10px; bottom: 10px; padding: 8px;
    background: rgba(16, 38, 63, 0.96); border-radius: 18px; box-shadow: 0 12px 30px rgba(10, 22, 36, 0.3);
    backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  }
  .cd-mobilebar a { flex: 1; text-align: center; padding: 12px 10px; border-radius: 12px; font-weight: 700; text-decoration: none !important; font-size: 0.98rem; }
  .cd-mobilebar__main { background: var(--cd-signal); color: var(--cd-navy) !important; flex: 1.6 !important; }
  .cd-mobilebar__alt { background: rgba(255,255,255,.1); color: #fff !important; }
  body { padding-bottom: 76px; }
  .cd-page-poptavka .cd-mobilebar { display: none; }
  .cd-page-poptavka { padding-bottom: 0; }
}

/* Consent bar (GA4 only after "Přijmout statistiku"); both choices carry the same weight */
.cd-consent {
  position: fixed; z-index: 80; left: 16px; bottom: 16px; max-width: 420px; padding: 18px 20px;
  background: #fff; color: var(--cd-ink); border: 1px solid var(--cd-line); border-radius: var(--cd-radius-s);
  box-shadow: 0 16px 40px rgba(10, 22, 36, 0.22); font-size: 0.95rem; line-height: 1.5;
}
.cd-consent[hidden] { display: none; }
.cd-consent p { margin: 0 0 14px; }
.cd-consent__actions { display: flex; gap: 10px; }
.cd-consent__btn {
  flex: 1; padding: 11px 14px; border-radius: 10px; border: 2px solid var(--cd-navy);
  background: #fff; color: var(--cd-navy); font: inherit; font-weight: 700; cursor: pointer;
}
.cd-consent__btn:hover, .cd-consent__btn:focus-visible { background: var(--cd-navy); color: #fff; }
.cd-linkbtn { padding: 0; border: 0; background: none; color: inherit; font: inherit; text-decoration: underline; cursor: pointer; }
.cd-footer__bottom .cd-linkbtn { color: #a9bccf; }
@media (max-width: 781px) {
  .cd-consent { left: 10px; right: 10px; bottom: 86px; max-width: none; }
}

/* ---------- Responsive helpers ---------- */

@media (max-width: 781px) {
  .cd-hero::after { opacity: 0.5; width: 240px; right: -70px; top: 30%; }
  .cd-hide-mobile { display: none !important; }
  .wp-block-columns.cd-cols-gap { gap: 24px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; animation: none !important; }
}

/* Editor tweaks */
.editor-styles-wrapper .cd-mobilebar { display: none; }
.editor-styles-wrapper .cd-hero::after { opacity: 0.6; }

/* ---------- Icons (generated by tools/build-style.mjs) ---------- */
.cd-i--bolt, .cd-ico-bolt { --cd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M13%202%204.5%2013.5H11L10%2022l8.5-11.5H12z%27%2F%3E%3C%2Fsvg%3E"); }
.cd-i--heat, .cd-ico-heat { --cd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%272%27%2F%3E%3Cpath%20d%3D%27M12%2010c0-3.5.8-6.5%203.6-6.5%202%200%202.8%202%201.6%203.7L14%2010M14%2012c3.5%200%206.5.8%206.5%203.6%200%202-2%202.8-3.7%201.6L14%2014M12%2014c0%203.5-.8%206.5-3.6%206.5-2%200-2.8-2-1.6-3.7L10%2014M10%2012c-3.5%200-6.5-.8-6.5-3.6%200-2%202-2.8%203.7-1.6L10%2010%27%2F%3E%3C%2Fsvg%3E"); }
.cd-i--home, .cd-ico-home { --cd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%2011.5%2012%204l9%207.5%27%2F%3E%3Cpath%20d%3D%27M5.5%209.8V20h13V9.8%27%2F%3E%3Cpath%20d%3D%27M10%2020v-5.5h4V20%27%2F%3E%3C%2Fsvg%3E"); }
.cd-i--build, .cd-ico-build { --cd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%2021h18%27%2F%3E%3Cpath%20d%3D%27M6%2021V11l6-5%206%205v10%27%2F%3E%3Cpath%20d%3D%27M6%2011h12M10%2021v-4h4v4M12%206V3%27%2F%3E%3C%2Fsvg%3E"); }
.cd-i--wrench, .cd-ico-wrench { --cd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M14.5%205.5a4.5%204.5%200%200%200%205.6%205.6L21%2012l-9%209-2.5-2.5%27%2F%3E%3Cpath%20d%3D%27M9.5%2018.5%203%2012l9-9%20.9.9a4.5%204.5%200%200%200%201.6%201.6%27%2F%3E%3Ccircle%20cx%3D%2717%27%20cy%3D%277%27%20r%3D%271%27%2F%3E%3C%2Fsvg%3E"); }
.cd-i--swap, .cd-ico-swap { --cd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%207.5h14l-3.5-3.5M20%2016.5H6l3.5%203.5%27%2F%3E%3C%2Fsvg%3E"); }
.cd-i--pin, .cd-ico-pin { --cd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%2021s-7-6.1-7-11.2a7%207%200%200%201%2014%200C19%2014.9%2012%2021%2012%2021z%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%279.8%27%20r%3D%272.6%27%2F%3E%3C%2Fsvg%3E"); }
.cd-i--sliders, .cd-ico-sliders { --cd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%206h9M17%206h3M4%2012h3M11%2012h9M4%2018h11M19%2018h1%27%2F%3E%3Ccircle%20cx%3D%2715%27%20cy%3D%276%27%20r%3D%272%27%2F%3E%3Ccircle%20cx%3D%279%27%20cy%3D%2712%27%20r%3D%272%27%2F%3E%3Ccircle%20cx%3D%2717%27%20cy%3D%2718%27%20r%3D%272%27%2F%3E%3C%2Fsvg%3E"); }
.cd-i--chip, .cd-ico-chip { --cd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%277%27%20y%3D%277%27%20width%3D%2710%27%20height%3D%2710%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M10%203v4M14%203v4M10%2017v4M14%2017v4M3%2010h4M3%2014h4M17%2010h4M17%2014h4%27%2F%3E%3C%2Fsvg%3E"); }
.cd-i--check, .cd-ico-check { --cd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27m5%2012.5%204.5%204.5L19%207%27%2F%3E%3C%2Fsvg%3E"); }
.cd-i--sun, .cd-ico-sun { --cd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%274%27%2F%3E%3Cpath%20d%3D%27M12%202.5v2M12%2019.5v2M4.6%204.6l1.4%201.4M18%2018l1.4%201.4M2.5%2012h2M19.5%2012h2M4.6%2019.4%206%2018M18%206l1.4-1.4%27%2F%3E%3C%2Fsvg%3E"); }
.cd-i--air, .cd-ico-air { --cd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%208.5h10.5a3%203%200%201%200-3-3M3%2012.5h15a3%203%200%201%201-3%203M3%2016.5h6%27%2F%3E%3C%2Fsvg%3E"); }
.cd-i--shield, .cd-ico-shield { --cd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%203%204.5%206v5.5c0%204.7%203.2%208%207.5%209.5%204.3-1.5%207.5-4.8%207.5-9.5V6z%27%2F%3E%3Cpath%20d%3D%27m9%2012%202.2%202.2L15.5%2010%27%2F%3E%3C%2Fsvg%3E"); }
.cd-i--doc, .cd-ico-doc { --cd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M6%203h8.5L19%207.5V21H6z%27%2F%3E%3Cpath%20d%3D%27M14%203v5h5M9%2013h7M9%2017h5%27%2F%3E%3C%2Fsvg%3E"); }
.cd-i--phone, .cd-ico-phone { --cd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M6.5%203.5h3l1.8%204.6-2.2%201.4a11%2011%200%200%200%205.4%205.4l1.4-2.2%204.6%201.8v3a2%202%200%200%201-2.1%202A16.5%2016.5%200%200%201%204.5%205.6a2%202%200%200%201%202-2.1z%27%2F%3E%3C%2Fsvg%3E"); }
.cd-i--mail, .cd-ico-mail { --cd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%275%27%20width%3D%2718%27%20height%3D%2714%27%20rx%3D%272.5%27%2F%3E%3Cpath%20d%3D%27m3.5%207%208.5%206%208.5-6%27%2F%3E%3C%2Fsvg%3E"); }
.cd-i--clock, .cd-ico-clock { --cd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%279%27%2F%3E%3Cpath%20d%3D%27M12%207v5l3.2%202%27%2F%3E%3C%2Fsvg%3E"); }
.cd-i--book, .cd-ico-book { --cd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%2019.5V5.5A2.5%202.5%200%200%201%206.5%203H20v15H6.5A2.5%202.5%200%200%200%204%2020.5%202.5%202.5%200%200%200%206.5%2023H20v-5%27%2F%3E%3C%2Fsvg%3E"); }
.cd-i--plug, .cd-ico-plug { --cd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M9%202.5v5M15%202.5v5M6%207.5h12v4a6%206%200%200%201-12%200zM12%2017.5V22%27%2F%3E%3C%2Fsvg%3E"); }
.cd-i--gauge, .cd-ico-gauge { --cd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3.5%2018a9.5%209.5%200%201%201%2017%200%27%2F%3E%3Cpath%20d%3D%27m12%2014%204.5-4.5%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2714%27%20r%3D%271.2%27%2F%3E%3C%2Fsvg%3E"); }
.cd-i--alert, .cd-ico-alert { --cd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%203.5%202.5%2020h19z%27%2F%3E%3Cpath%20d%3D%27M12%2010v4.5M12%2017.3v.2%27%2F%3E%3C%2Fsvg%3E"); }
.cd-i--map, .cd-ico-map { --cd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M9%204%203%206.5v13.5l6-2.5%206%202.5%206-2.5V4l-6%202.5z%27%2F%3E%3Cpath%20d%3D%27M9%204v13.5M15%206.5V20%27%2F%3E%3C%2Fsvg%3E"); }
.cd-i--users, .cd-ico-users { --cd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%279%27%20cy%3D%278%27%20r%3D%273.5%27%2F%3E%3Cpath%20d%3D%27M2.5%2020c.8-3.6%203.3-5.5%206.5-5.5s5.7%201.9%206.5%205.5M16%204.8a3.5%203.5%200%200%201%200%206.4M18%2014.8c1.9.8%203.1%202.5%203.5%205.2%27%2F%3E%3C%2Fsvg%3E"); }
.cd-i--arrow, .cd-ico-arrow { --cd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M5%2012h14M13%206l6%206-6%206%27%2F%3E%3C%2Fsvg%3E"); }
.cd-i--pencil, .cd-ico-pencil { --cd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%2020h4L19.5%208.5a2.8%202.8%200%200%200-4-4L4%2016z%27%2F%3E%3Cpath%20d%3D%27m13.5%206.5%204%204%27%2F%3E%3C%2Fsvg%3E"); }
.cd-i--snow, .cd-ico-snow { --cd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%202.5v19M3.8%207.2l16.4%209.6M3.8%2016.8l16.4-9.6M9.5%204l2.5%202%202.5-2M9.5%2020l2.5-2%202.5%202%27%2F%3E%3C%2Fsvg%3E"); }
.cd-i--euro, .cd-ico-euro { --cd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M17.5%206.5A7%207%200%201%200%2017.5%2017.5%27%2F%3E%3Cpath%20d%3D%27M4%2010.5h9M4%2013.5h9%27%2F%3E%3C%2Fsvg%3E"); }
.cd-i--layers, .cd-ico-layers { --cd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27m12%203%209%205-9%205-9-5z%27%2F%3E%3Cpath%20d%3D%27m3%2013%209%205%209-5%27%2F%3E%3C%2Fsvg%3E"); }
.cd-i--thermo, .cd-ico-thermo { --cd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M14%2014.6V5a2%202%200%201%200-4%200v9.6a4%204%200%201%200%204%200z%27%2F%3E%3Cpath%20d%3D%27M12%209.5v6.5%27%2F%3E%3C%2Fsvg%3E"); }
.cd-check li, .cd-hero-facts li { --cd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27m5%2012.5%204.5%204.5L19%207%27%2F%3E%3C%2Fsvg%3E"); }
.cd-warn li { --cd-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%203.5%202.5%2020h19z%27%2F%3E%3Cpath%20d%3D%27M12%2010v4.5M12%2017.3v.2%27%2F%3E%3C%2Fsvg%3E"); }
.cd-links li, .cd-more a { --cd-arrow: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M5%2012h14M13%206l6%206-6%206%27%2F%3E%3C%2Fsvg%3E"); }