/*
 * CarLab – vlastní styly webu.
 * Načítá se z child theme (functions.php), aby přežily aktualizace šablony Karsfix.
 * Barvy a písma přebírají design šablony: modrá #1E3C7B, tmavá #151313, text #565656,
 * světlá plocha #F0F2F4, nadpisy Sora, text Raleway, zaoblení 30px.
 */

/* ---------- O nás: úvod (sekce .cl-onas-intro) ---------- */
.elementor .cl-onas-intro .elementor-column.cl-onas-photo-col > .elementor-widget-wrap{padding-right:70px}
.elementor .cl-onas-photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:30px}
.elementor .cl-onas-lead .pbmit-heading-subheading .pbmit-element-title{font-size:30px;line-height:42px;font-weight:500;letter-spacing:-.5px;color:#151313}
.elementor .cl-onas-lead .pbmit-heading-subheading{margin-bottom:30px}
.elementor .cl-onas-story,
.elementor .cl-tl-text,
.elementor .cl-tl-now{font-family:"Raleway",sans-serif;font-size:16px;line-height:1.75;font-weight:400;color:#565656}
.elementor .cl-onas-story p,
.elementor .cl-tl-text p,
.elementor .cl-tl-now p{margin:0 0 12px}
.elementor .cl-onas-story p:last-child,
.elementor .cl-tl-text p:last-child,
.elementor .cl-tl-now p:last-child{margin-bottom:0}
.elementor .cl-onas-story strong,
.elementor .cl-tl-text strong{color:#151313;font-weight:700}
.elementor .elementor-widget.cl-onas-story,.elementor .elementor-widget.cl-onas-motto{max-width:720px}
.elementor .cl-onas-motto{margin-top:40px;padding:36px 40px;background:#F0F2F4;border-radius:30px}
.elementor .cl-onas-motto p{margin:0;font-family:"Sora",sans-serif;font-size:20px;line-height:30px;font-weight:500;letter-spacing:-.5px;color:#151313}
.elementor .cl-onas-motto p + p{margin-top:8px}
.elementor .cl-onas-motto strong{font-weight:700;color:#1E3C7B}

/* ---------- O nás: časová osa „Naše cesta“ (sekce .cl-tl) ---------- */
.elementor .cl-tl{--tl-x:25%;margin:0 20px;background:#F0F2F4;border-radius:30px}
.elementor .cl-tl > .elementor-container{padding:0 40px}
.elementor .cl-tl-heading .pbmit-heading-subheading{margin-bottom:80px}
.elementor .cl-tl-row > .elementor-container{position:relative}
/* svislá linka a bod – stejné pojetí jako timeline šablony (tenká linka, modrý bod) */
.elementor .cl-tl-row > .elementor-container::before{content:"";position:absolute;left:var(--tl-x);top:0;bottom:0;width:1px;background:rgba(21,19,19,.15)}
.elementor .cl-tl-first > .elementor-container::before{top:32px}
.elementor .cl-tl-last > .elementor-container::before{bottom:auto;height:32px}
.elementor .cl-tl-row > .elementor-container::after{content:"";position:absolute;left:calc(var(--tl-x) - 6px);top:26px;width:13px;height:13px;border-radius:50%;background:#1E3C7B;box-shadow:0 0 0 6px #F0F2F4}
.elementor .cl-tl-last > .elementor-container::after{left:calc(var(--tl-x) - 9px);top:23px;width:19px;height:19px}
/* letopočet – obrysové číslice jako u timeline šablony */
.elementor .elementor-column.cl-tl-year > .elementor-widget-wrap{padding:0 48px 0 0}
.elementor .cl-tl-year .elementor-heading-title{font-family:"Sora",sans-serif;font-size:64px;line-height:64px;font-weight:700;letter-spacing:-2px;text-align:right;color:transparent;-webkit-text-stroke:1.5px #1E3C7B}
.elementor .cl-tl-last .cl-tl-year .elementor-heading-title{color:#1E3C7B;-webkit-text-stroke:0}
.elementor .elementor-column.cl-tl-body > .elementor-widget-wrap{padding:14px 0 70px 48px}
.elementor .elementor-widget.cl-tl-text{max-width:720px}
.elementor .cl-tl-text p:first-child{font-size:17px;font-weight:600;color:#151313}
.elementor .elementor-widget.cl-tl-photo{max-width:460px;margin-top:28px}
.elementor .cl-tl-photo img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:30px}
.elementor .cl-tl-last .elementor-column.cl-tl-body > .elementor-widget-wrap{padding-top:0;padding-bottom:0}
.elementor .elementor-widget.cl-tl-now{max-width:800px;padding:44px 48px;background:#1E3C7B;border-radius:30px}
.elementor .cl-tl-now p,
.elementor .cl-tl-now strong{color:rgba(255,255,255,.9)}
.elementor .cl-tl-now p:first-child{font-family:"Sora",sans-serif;font-size:24px;line-height:32px;font-weight:700;letter-spacing:-1px;color:#fff;margin-bottom:18px}
.elementor .cl-tl-now p:last-child{margin-top:20px;font-weight:700;color:#fff}

/* ---------- Notebook ---------- */
@media (max-width:1366px){
	.elementor .cl-onas-intro > .elementor-container{padding:0 30px}
}

/* ---------- Tablet ---------- */
@media (max-width:1024px){
	.elementor .cl-onas-intro .elementor-column.cl-onas-photo-col > .elementor-widget-wrap{padding:0 0 40px}
	.elementor .cl-onas-photo img{aspect-ratio:16/9}
	.elementor .cl-onas-lead .pbmit-heading-subheading .pbmit-element-title{font-size:26px;line-height:36px}
	.elementor .cl-tl > .elementor-container{padding:0 30px}
	.elementor .cl-tl-heading .pbmit-heading-subheading{margin-bottom:60px}
	.elementor .elementor-column.cl-tl-year > .elementor-widget-wrap{padding-right:36px}
	.elementor .cl-tl-year .elementor-heading-title{font-size:48px;line-height:52px}
	.elementor .elementor-column.cl-tl-body > .elementor-widget-wrap{padding:10px 0 56px 36px}
	.elementor .cl-tl-row > .elementor-container::after{top:20px}
	.elementor .cl-tl-last > .elementor-container::after{top:17px}
	.elementor .cl-tl-first > .elementor-container::before{top:26px}
	.elementor .cl-tl-last > .elementor-container::before{height:26px}
}

/* ---------- Mobil ---------- */
@media (max-width:767px){
	.elementor .cl-onas-intro > .elementor-container{padding:0 20px}
	.elementor .cl-onas-intro .elementor-column.cl-onas-photo-col > .elementor-widget-wrap{padding-bottom:30px}
	.elementor .cl-onas-photo img{aspect-ratio:4/3;border-radius:20px}
	.elementor .cl-onas-lead .pbmit-heading-subheading .pbmit-element-title{font-size:22px;line-height:32px}
	.elementor .cl-onas-motto{margin-top:30px;padding:26px 24px;border-radius:20px}
	.elementor .cl-onas-motto p{font-size:18px;line-height:27px}
	.elementor .cl-tl{--tl-x:6px;margin:0 10px;border-radius:20px}
	.elementor .cl-tl > .elementor-container{padding:0 20px}
	.elementor .cl-tl-heading .pbmit-heading-subheading{margin-bottom:40px}
	.elementor .elementor-column.cl-tl-year > .elementor-widget-wrap{padding:0 0 0 30px}
	.elementor .cl-tl-year .elementor-heading-title{font-size:40px;line-height:44px;text-align:left}
	.elementor .elementor-column.cl-tl-body > .elementor-widget-wrap{padding:8px 0 44px 30px}
	.elementor .cl-tl-row > .elementor-container::after{top:16px}
	.elementor .cl-tl-last > .elementor-container::after{top:13px}
	.elementor .cl-tl-first > .elementor-container::before{top:22px}
	.elementor .cl-tl-last > .elementor-container::before{height:22px}
	.elementor .cl-tl-last .elementor-column.cl-tl-body > .elementor-widget-wrap{padding-top:8px}
	.elementor .cl-tl-text p:first-child{font-size:16px}
	.elementor .cl-tl-photo{margin-top:22px}
	.elementor .cl-tl-photo img{border-radius:20px}
	.elementor .cl-tl-now{padding:28px 24px;border-radius:20px}
	.elementor .cl-tl-now p:first-child{font-size:20px;line-height:28px}
}

/* ---------- O nás: Naše filozofie (sekce .cl-filo) ---------- */
.elementor .cl-filo{margin:0 20px 100px;background:#1E3C7B;border-radius:30px}
.elementor .cl-filo > .elementor-container{padding:0 40px}
.elementor .cl-filo-heading .pbmit-heading-subheading{margin-bottom:64px}
.elementor .cl-filo-heading .pbmit-heading-subheading .pbmit-element-title{color:#fff}
.elementor .cl-filo-claims{margin-bottom:64px}
.elementor .elementor-column.cl-filo-col > .elementor-widget-wrap{padding:0 20px}
.elementor .cl-filo .cl-filo-icon .elementor-icon{display:inline-flex;align-items:center;justify-content:center;width:88px;height:88px;font-size:32px;border-radius:50%;border:1px solid rgba(255,255,255,.35);color:#fff}
.elementor .cl-filo .cl-filo-icon .elementor-icon svg{width:1em;height:1em;fill:#fff}
.elementor .cl-filo .cl-filo-key .cl-filo-icon .elementor-icon{background:#fff;border-color:#fff}
.elementor .cl-filo .cl-filo-key .cl-filo-icon .elementor-icon svg{fill:#1E3C7B}
.elementor .cl-filo-claim .elementor-heading-title{margin-top:26px;font-family:"Sora",sans-serif;font-size:24px;line-height:32px;font-weight:700;letter-spacing:-1px;color:rgba(255,255,255,.65)}
.elementor .cl-filo-key .cl-filo-claim .elementor-heading-title{color:#fff}
.elementor .cl-filo-text{max-width:720px;margin:0 auto;text-align:center;font-family:"Raleway",sans-serif;font-size:17px;line-height:1.75;font-weight:400;color:rgba(255,255,255,.85)}
.elementor .cl-filo-text p{margin:0 0 6px;color:rgba(255,255,255,.85)}
.elementor .cl-filo-text p:last-child{margin:26px 0 0;font-family:"Sora",sans-serif;font-size:20px;line-height:30px;letter-spacing:-.5px;color:#fff}
.elementor .cl-filo-text strong{font-weight:700;color:#fff}

@media (max-width:1024px){
	.elementor .cl-filo{margin-bottom:80px}
	.elementor .cl-filo > .elementor-container{padding:0 30px}
	.elementor .cl-filo-claim .elementor-heading-title{font-size:20px;line-height:28px}
}
@media (max-width:767px){
	.elementor .cl-filo{margin:0 10px 60px;border-radius:20px}
	.elementor .cl-filo > .elementor-container{padding:0 20px}
	.elementor .cl-filo-heading .pbmit-heading-subheading{margin-bottom:40px}
	.elementor .cl-filo-claims{margin-bottom:40px}
	.elementor .elementor-column.cl-filo-col > .elementor-widget-wrap{padding:0 0 32px}
	.elementor .cl-filo .cl-filo-icon .elementor-icon{width:72px;height:72px;font-size:26px}
	.elementor .cl-filo-claim .elementor-heading-title{margin-top:18px}
	.elementor .cl-filo-text{font-size:16px}
	.elementor .cl-filo-text p:last-child{font-size:18px;line-height:27px}
}

/* ==========================================================================
   Obecné komponenty pro nové stránky (CarLab Academy, Junior Technik…)
   Třídy staví skripty ze složky skripty/ (lib.php). Hlavní sekce nesou .cl-sec.
   ========================================================================== */

/* Mezery mezi widgety (šablona je nuluje) */
.elementor .cl-sec .elementor-element.elementor-widget:not(:last-child){margin-bottom:24px}
.elementor .cl-sec .elementor-element.elementor-widget.cl-heading:not(:last-child){margin-bottom:0}
.elementor .cl-sec .elementor-element.elementor-widget.cl-h3:not(:last-child){margin-bottom:12px}

/* Přepínač podstránek */
.cl-subnav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;width:max-content;max-width:100%;margin:0 auto;padding:6px;background:#F0F2F4;border-radius:40px}
.cl-subnav a{display:block;padding:12px 26px;border-radius:30px;font-family:"Sora",sans-serif;font-size:15px;line-height:22px;font-weight:600;color:#151313;text-decoration:none;transition:background-color .2s,color .2s}
.cl-subnav a:hover{background:#fff;color:#1E3C7B}
.cl-subnav a.is-active{background:#1E3C7B;color:#fff}
.cl-subnav a:focus-visible{outline:2px solid #1E3C7B;outline-offset:2px}

/* Nadpisy */
.elementor .cl-heading .pbmit-heading-subheading{margin-bottom:30px}
.elementor .cl-heading .pbmit-heading-subheading .pbmit-element-title{font-size:40px;line-height:50px;letter-spacing:-2px}
.elementor .cl-heading--center .pbmit-heading-subheading{margin-bottom:56px}
.elementor .cl-heading--light .pbmit-heading-subheading .pbmit-element-title{color:#fff}
.elementor .cl-heading--light .pbmit-heading-subheading .pbmit-element-subtitle{color:rgba(255,255,255,.75)}
.elementor .cl-h3 .elementor-heading-title{font-family:"Sora",sans-serif;font-size:24px;line-height:30px;font-weight:700;letter-spacing:-1px;color:#151313}

/* Text */
.elementor .cl-text,.elementor .cl-lead{font-family:"Raleway",sans-serif;font-size:16px;line-height:1.75;font-weight:400;color:#565656}
.elementor .cl-text p,.elementor .cl-lead p{margin:0 0 14px}
.elementor .cl-text p:last-child,.elementor .cl-lead p:last-child{margin-bottom:0}
.elementor .cl-text strong{color:#151313;font-weight:700}
.elementor .elementor-widget.cl-text,.elementor .elementor-widget.cl-lead,.elementor .elementor-widget.cl-quote{max-width:720px}
.elementor .cl-lead,.elementor .cl-lead p{font-size:19px;line-height:1.6;font-weight:500;color:#151313}
.elementor .cl-lead strong{font-weight:700}
.elementor .elementor-widget.cl-text--center{margin-left:auto;margin-right:auto;text-align:center}
.elementor .cl-text--light,.elementor .cl-text--light p,.elementor .cl-text--light strong{color:rgba(255,255,255,.85)}

/* Citát / zvýrazněná myšlenka */
.elementor .cl-quote{margin-top:10px;padding:30px 36px;background:#F0F2F4;border-radius:30px}
.elementor .cl-quote p{margin:0;font-family:"Sora",sans-serif;font-size:19px;line-height:29px;font-weight:500;letter-spacing:-.4px;color:#151313}
.elementor .cl-quote p + p{margin-top:6px}
.elementor .cl-quote strong{font-weight:700;color:#1E3C7B}

/* Závěrečné sdělení */
.elementor .elementor-widget.cl-statement{max-width:920px;margin:0 auto;text-align:center}
.elementor .cl-statement p{margin:0;font-family:"Sora",sans-serif;font-size:28px;line-height:40px;font-weight:500;letter-spacing:-.8px;color:#151313}
.elementor .cl-statement p + p{margin-top:14px}
.elementor .cl-statement strong{font-weight:700;color:#1E3C7B}

/* Fotky */
.elementor .cl-photo img{display:block;width:100%;object-fit:cover;border-radius:30px}
.elementor .cl-photo--portrait img{aspect-ratio:4/5}
.elementor .cl-photo--card img{aspect-ratio:16/10;border-radius:20px}

/* Text + fotka vedle sebe */
.elementor .cl-split .elementor-column.cl-col-text > .elementor-widget-wrap{align-content:center}
.elementor .elementor-column.cl-col-photo--right > .elementor-widget-wrap{padding-left:70px}
.elementor .elementor-column.cl-col-photo--left > .elementor-widget-wrap{padding-right:70px}
.elementor .cl-narrow .elementor-widget.cl-text{max-width:760px}

/* Panely */
.elementor .cl-panel{margin:0 20px;background:#F0F2F4;border-radius:30px}
.elementor .cl-panel > .elementor-container{padding:0 40px}
.elementor .cl-panel--blue{background:#1E3C7B}

/* Karty (sloupce vnitřní sekce .cl-cards) */
.elementor .cl-cards > .elementor-container{margin:0 -15px}
.elementor .cl-cards--center > .elementor-container{justify-content:center}
.elementor .elementor-column.cl-card > .elementor-widget-wrap{flex-direction:column;flex-wrap:nowrap;width:calc(100% - 30px);margin:15px;padding:40px;background:#fff;border-radius:30px}
.elementor .elementor-column.cl-card--blue > .elementor-widget-wrap{background:#1E3C7B}
.elementor .cl-card .elementor-widget{width:100%}
.elementor .cl-card .elementor-widget-button{margin-top:auto;padding-top:10px}
.elementor .cl-card--blue .cl-h3 .elementor-heading-title{color:#fff}
.elementor .cl-card--blue .cl-text,.elementor .cl-card--blue .cl-text p,.elementor .cl-card--blue .cl-text li{color:rgba(255,255,255,.85)}
.elementor .cl-card--blue .cl-text strong{color:#fff}
.elementor .cl-card .cl-icon .elementor-icon-wrapper{text-align:left}
.elementor .cl-card .cl-icon .elementor-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;font-size:26px;border-radius:50%;background:#F0F2F4}
.elementor .cl-card .cl-icon .elementor-icon svg{width:1em;height:1em;fill:#1E3C7B}
.elementor .cl-card .cl-icon--light .elementor-icon{background:rgba(255,255,255,.12)}
.elementor .cl-card .cl-icon--light .elementor-icon svg{fill:#fff}

/* Seznam s fajfkami (na modré kartě) */
.cl-checklist{list-style:none;margin:18px 0 0;padding:0}
.cl-checklist li{position:relative;padding:13px 0 13px 32px;border-top:1px solid rgba(255,255,255,.15)}
.cl-checklist li::before{content:"";position:absolute;left:6px;top:18px;width:7px;height:13px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}

/* Kroky postupu */
.cl-steps{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:6px 0 0;padding:0;counter-reset:cl-step}
.cl-steps li{counter-increment:cl-step;display:flex;align-items:center;gap:10px;padding:8px 18px 8px 8px;background:#F0F2F4;border-radius:30px;font-family:"Sora",sans-serif;font-size:15px;line-height:22px;font-weight:600;color:#151313}
.cl-steps li::before{content:counter(cl-step);display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#1E3C7B;color:#fff;font-size:13px}

/* Tlačítko */
.elementor .elementor-element.elementor-widget-button.cl-btn .elementor-button{display:inline-flex;align-items:center;padding:14px 28px;border-radius:30px;background:#1E3C7B;color:#fff;font-family:"Sora",sans-serif;font-size:15px;line-height:22px;font-weight:600;transition:background-color .2s,color .2s}
.elementor .elementor-element.elementor-widget-button.cl-btn .elementor-button:hover,.elementor .elementor-element.elementor-widget-button.cl-btn .elementor-button:focus-visible{background:#151313;color:#fff}
.elementor .cl-card--blue .elementor-element.elementor-widget-button.cl-btn .elementor-button,.elementor .elementor-element.elementor-widget-button.cl-btn--light .elementor-button{background:#fff;color:#1E3C7B}
.elementor .elementor-element.elementor-widget-button.cl-btn--light .elementor-button:hover,.elementor .elementor-element.elementor-widget-button.cl-btn--light .elementor-button:focus-visible{background:#F0F2F4;color:#1E3C7B}
.elementor .cl-btn--light .elementor-button-wrapper{text-align:center}

/* Rozvrh (modrý panel) */
.elementor .cl-groups > .elementor-container{margin:0 -12px}
.elementor .elementor-column.cl-group > .elementor-widget-wrap{width:calc(100% - 24px);margin:12px;padding:32px 24px;text-align:center;border:1px solid rgba(255,255,255,.18);border-radius:30px;background:rgba(255,255,255,.06)}
.elementor .cl-group-name .elementor-heading-title{font-size:20px;letter-spacing:1px;color:rgba(255,255,255,.75)}
.elementor .cl-group-when p{margin:0}
.elementor .cl-group-when .cl-group-day{font-size:16px;color:rgba(255,255,255,.85)}
.elementor .cl-group-when .cl-group-time{margin-top:4px;font-family:"Sora",sans-serif;font-size:30px;line-height:38px;font-weight:700;letter-spacing:-1px;color:#fff}
.cl-facts{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;list-style:none;margin:36px 0 30px;padding:0}
.cl-facts li{display:flex;flex-direction:column;align-items:center;min-width:150px;padding:14px 22px;border-radius:20px;background:rgba(255,255,255,.08)}
.cl-facts span{font-family:"Raleway",sans-serif;font-size:13px;line-height:20px;color:rgba(255,255,255,.7)}
.cl-facts strong{font-family:"Sora",sans-serif;font-size:17px;line-height:26px;font-weight:700;color:#fff}

/* Fotogalerie */
.elementor .cl-gallery .gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0}
.elementor .cl-gallery .gallery br{display:none}
.elementor .cl-gallery .gallery .gallery-item{width:auto;max-width:none;margin:0;padding:0}
.elementor .cl-gallery .gallery-item img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border:0;border-radius:20px;transition:opacity .2s}
.elementor .cl-gallery .gallery-item a:hover img{opacity:.85}
.elementor .cl-gallery .gallery-item a:focus-visible{outline:2px solid #1E3C7B;outline-offset:3px;border-radius:20px}

@media (max-width:1366px){
	.elementor .cl-sec:not(.cl-panel) > .elementor-container{padding-left:30px;padding-right:30px}
}
@media (max-width:1024px){
	.elementor .cl-heading .pbmit-heading-subheading .pbmit-element-title{font-size:34px;line-height:42px}
	.elementor .cl-heading--center .pbmit-heading-subheading{margin-bottom:44px}
	.elementor .cl-statement p{font-size:24px;line-height:34px}
	.elementor .elementor-column.cl-col-photo--right > .elementor-widget-wrap{padding:40px 0 0}
	.elementor .elementor-column.cl-col-photo--left > .elementor-widget-wrap{padding:0 0 40px}
	.elementor .cl-photo--portrait img{aspect-ratio:16/10}
	.elementor .cl-panel > .elementor-container{padding:0 30px}
	.elementor .elementor-column.cl-card > .elementor-widget-wrap{padding:32px}
	.elementor .cl-group-when .cl-group-time{font-size:24px;line-height:32px}
	.elementor .cl-gallery .gallery{grid-template-columns:repeat(2,1fr);gap:16px}
}
@media (max-width:767px){
	.elementor .cl-sec:not(.cl-panel) > .elementor-container{padding-left:20px;padding-right:20px}
	.cl-subnav{width:100%;border-radius:24px}
	.cl-subnav a{flex:1 1 auto;padding:10px 16px;font-size:14px;text-align:center}
	.elementor .cl-heading .pbmit-heading-subheading .pbmit-element-title{font-size:28px;line-height:36px;letter-spacing:-1px}
	.elementor .cl-heading--center .pbmit-heading-subheading{margin-bottom:32px}
	.elementor .cl-lead,.elementor .cl-lead p{font-size:17px}
	.elementor .cl-quote{padding:24px}
	.elementor .cl-quote p{font-size:17px;line-height:26px}
	.elementor .cl-statement p{font-size:20px;line-height:30px;letter-spacing:-.5px}
	.elementor .cl-photo img{border-radius:20px}
	.elementor .cl-photo--portrait img{aspect-ratio:4/3}
	.elementor .cl-panel{margin:0 10px;border-radius:20px}
	.elementor .cl-panel > .elementor-container{padding:0 20px}
	.elementor .cl-cards > .elementor-container{margin:0}
	.elementor .elementor-column.cl-card > .elementor-widget-wrap{width:100%;margin:0 0 16px;padding:26px 22px;border-radius:20px}
	.elementor .cl-groups > .elementor-container{margin:0}
	.elementor .elementor-column.cl-group > .elementor-widget-wrap{width:100%;margin:0 0 12px;padding:20px;border-radius:20px}
	.elementor .cl-sec .elementor-element.elementor-widget.cl-group-name:not(:last-child){margin-bottom:4px}
	.cl-facts{gap:8px}
	.cl-facts li{min-width:calc(50% - 4px);padding:12px}
	.elementor .cl-gallery .gallery{grid-template-columns:1fr;gap:12px}
}

/* ---------- Hlavička: 8 položek hlavního menu se musí vejít na jeden řádek ---------- */
@media (min-width:1201px){
	html body.pbmit-top-menu-more-than-six .pbmit-header-style-2 .pbmit-navbar div > ul > li{padding:0 16px}
}
@media (min-width:1201px) and (max-width:1500px){
	html body.pbmit-top-menu-more-than-six .pbmit-header-style-2 .pbmit-navbar div > ul > li{padding:0 11px}
}
@media (min-width:1201px) and (max-width:1366px){
	html body.pbmit-top-menu-more-than-six .pbmit-header-style-2 .pbmit-navbar div > ul > li{padding:0 8px}
	html body.pbmit-top-menu-more-than-six .pbmit-header-style-2 .pbmit-navbar div > ul > li > a{font-size:14px}
}

/* ==========================================================================
   Právní stránky (Obchodní podmínky, Zásady ochrany osobních údajů)
   ========================================================================== */
.elementor .cl-legal-intro .elementor-widget.cl-legal-lead{max-width:820px}
.cl-legal-meta{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:6px 0 0;padding:0}
.cl-legal-meta li{display:flex;flex-direction:column;padding:12px 20px;border-radius:20px;background:#F0F2F4}
.cl-legal-meta span{font-family:"Raleway",sans-serif;font-size:13px;line-height:20px;color:#565656}
.cl-legal-meta strong{font-family:"Sora",sans-serif;font-size:15px;line-height:22px;font-weight:600;color:#151313}

/* Obsah článků. Šablona má na body a .site overflow:hidden, což vypíná position:sticky.
   Na stránkách s obsahem článků ho nahrazuje overflow-x:clip (ořez zůstává, lepení funguje). */
body:has(.cl-toc-widget),body:has(.cl-toc-widget) #page.site{overflow:visible;overflow-x:clip}
/* Šablona má html{scroll-behavior:smooth}, které se tluče s animací kotev Elementoru – posun ke článku by se zastavil. */
html:has(.cl-toc-widget){scroll-behavior:auto}
.elementor .elementor-column.cl-legal-aside > .elementor-widget-wrap{padding-right:50px}
.elementor .cl-sec .elementor-element.elementor-widget.cl-toc-widget{position:sticky;top:130px;align-self:flex-start}
.cl-toc{max-height:calc(100vh - 160px);overflow:auto;padding:28px 26px;border-radius:30px;background:#F0F2F4}
.cl-toc summary{list-style:none;margin-bottom:14px;font-family:"Sora",sans-serif;font-size:20px;line-height:28px;font-weight:700;letter-spacing:-.5px;color:#151313;cursor:pointer}
.cl-toc summary::-webkit-details-marker{display:none}
.cl-toc ol{list-style:none;margin:0;padding:0}
.cl-toc li + li{margin-top:2px}
.cl-toc a{display:flex;gap:8px;padding:6px 10px;border-radius:12px;font-family:"Raleway",sans-serif;font-size:14px;line-height:20px;color:#151313;text-decoration:none;transition:background-color .2s,color .2s}
.cl-toc a span{flex:0 0 26px;font-family:"Sora",sans-serif;font-weight:600;color:#1E3C7B}
.cl-toc a:hover,.cl-toc a:focus-visible{background:#fff;color:#1E3C7B}

/* Články */
.elementor .elementor-widget.cl-legal-article{max-width:820px;font-family:"Raleway",sans-serif;font-size:16px;line-height:1.75;color:#565656}
.elementor .cl-sec .elementor-element.elementor-widget.cl-legal-article:not(:last-child){margin-bottom:0}
.elementor .cl-legal-article{padding:44px 0;border-top:1px solid #E3E6EA}
.elementor .cl-legal-body .cl-legal-article:first-child{padding-top:0;border-top:0}
.elementor .cl-legal-article h2{display:flex;align-items:center;gap:16px;scroll-margin-top:130px;margin:0 0 24px;font-family:"Sora",sans-serif;font-size:26px;line-height:32px;font-weight:700;letter-spacing:-1px;color:#151313}
.elementor .cl-legal-no{display:inline-flex;flex:0 0 44px;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#1E3C7B;color:#fff;font-size:16px;letter-spacing:0}
.elementor .cl-legal-article p{margin:0 0 12px}
.elementor .cl-legal-article p:last-child{margin-bottom:0}
.elementor .cl-legal-article strong{color:#151313}
.elementor .cl-legal-article a{color:#1E3C7B;text-decoration:underline;text-underline-offset:2px}
.cl-legal-clause{display:grid;grid-template-columns:52px 1fr;gap:0 8px;scroll-margin-top:130px}
.cl-legal-clause + .cl-legal-clause{margin-top:16px}
.cl-legal-cno{padding-top:2px;font-family:"Sora",sans-serif;font-size:14px;line-height:26px;font-weight:600;color:#1E3C7B}
.cl-legal-letters,.cl-legal-bullets{margin:8px 0 12px;padding:0;list-style:none}
.cl-legal-letters{counter-reset:cl-letter}
.cl-legal-letters li,.cl-legal-bullets li{position:relative;padding-left:30px}
.cl-legal-letters li + li,.cl-legal-bullets li + li{margin-top:4px}
.cl-legal-letters li{counter-increment:cl-letter}
.cl-legal-letters li::before{content:counter(cl-letter,lower-alpha) ")";position:absolute;left:0;font-family:"Sora",sans-serif;font-size:14px;font-weight:600;color:#1E3C7B}
.cl-legal-bullets li::before{content:"";position:absolute;left:8px;top:11px;width:6px;height:6px;border-radius:50%;background:#1E3C7B}
.elementor .cl-legal-article .cl-legal-address{margin:12px 0;padding:18px 22px;border-radius:20px;background:#F0F2F4;font-size:15px;line-height:1.7;color:#151313}
.cl-legal-quote{margin:14px 0 0;padding:20px 24px;border-left:4px solid #1E3C7B;border-radius:0 20px 20px 0;background:#F0F2F4}
.elementor .cl-legal-quote p{font-family:"Sora",sans-serif;font-size:16px;line-height:26px;font-weight:500;color:#151313}

@media (max-width:1024px){
	.elementor .elementor-column.cl-legal-aside > .elementor-widget-wrap{padding:0 0 30px}
	.elementor .cl-sec .elementor-element.elementor-widget.cl-toc-widget{position:static}
	.cl-toc{max-height:none;padding:20px 22px}
	.cl-toc summary{margin:0;display:flex;justify-content:space-between;align-items:center}
	.cl-toc summary::after{content:"";width:9px;height:9px;margin-right:4px;border:solid #1E3C7B;border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform .2s}
	.cl-toc[open] summary{margin-bottom:14px}
	.cl-toc[open] summary::after{transform:rotate(-135deg)}
	.cl-toc ol{columns:2;column-gap:12px}
	.cl-toc li{break-inside:avoid}
}
@media (max-width:767px){
	.cl-toc ol{columns:1}
	.elementor .cl-legal-article{padding:32px 0}
	.elementor .cl-legal-article h2{gap:12px;font-size:21px;line-height:27px}
	.elementor .cl-legal-no{flex-basis:36px;width:36px;height:36px;font-size:14px}
	.cl-legal-clause{grid-template-columns:40px 1fr;gap:0 4px}
	.cl-legal-cno{font-size:13px}
	.cl-legal-meta li{flex:1 1 40%;padding:10px 14px}
}

/* ==========================================================================
   Karty služeb (widget šablony pbmit_service_element, styl 1) – stránka Služby i homepage.
   Stejná výška karet, omezený počet řádků, patička s ikonou dole, klikací celá karta.
   Podtitulek (výčet s „•“) označuje filtr carlab_service_excerpt_tags ve functions.php.
   ========================================================================== */
.pbmit-element-posts-wrapper.row:has(> .pbmit-ele-service){display:flex;flex-wrap:wrap}
.pbmit-element-posts-wrapper.row:has(> .pbmit-ele-service)::before,
.pbmit-element-posts-wrapper.row:has(> .pbmit-ele-service)::after{display:none}
.pbmit-ele-service.pbmit-service-style-1{display:flex}
.swiper-wrapper:has(> .pbmit-ele-service){align-items:stretch}
.swiper-wrapper > .pbmit-ele-service.swiper-slide{height:auto}
.swiper-wrapper > .pbmit-ele-service.swiper-slide > .pbminfotech-post-item{height:100%} /* JS šablony dává slidu na tabletu inline display:block */
@media (max-width:767px){ /* na mobilu je vidět jen jedna karta, stejná výška by v ní nechávala prázdné místo */
	.swiper-wrapper > .pbmit-ele-service.swiper-slide > .pbminfotech-post-item{height:auto}
}
.pbmit-service-style-1 .pbminfotech-post-item{position:relative;display:flex;flex-direction:column;width:100%;transition:border-color .2s,box-shadow .2s}
.pbmit-service-style-1 .pbmit-box-content-wrap{display:flex;flex:1 1 auto;flex-direction:column}
.pbmit-service-style-1 .pbmit-content-box{display:flex;flex:1 1 auto;flex-direction:column}
.pbmit-service-style-1 .pbmit-service-title{display:-webkit-box;min-height:56px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pbmit-service-style-1 .pbmit-service-title a::after{content:"";position:absolute;inset:0;z-index:1;border-radius:30px}
.pbmit-service-style-1 .pbmit-service-btn-wrapper{z-index:2}
.pbmit-service-style-1 .pbminfotech-post-item:hover{border-color:#1E3C7B;box-shadow:0 18px 40px -24px rgba(30,60,123,.45)}
.pbmit-service-style-1 .pbmit-service-title a:focus-visible{outline:none}
.pbmit-service-style-1 .pbminfotech-post-item:has(.pbmit-service-title a:focus-visible){border-color:#1E3C7B;box-shadow:0 0 0 3px rgba(30,60,123,.35)}
.pbmit-service-style-1 .pbmit-service-description{flex:1 1 auto;min-height:128px;margin-bottom:24px}
.pbmit-service-style-1 .pbmit-service-description p{margin:0}
.pbmit-service-style-1 .pbmit-service-description .cl-srv-tags{display:-webkit-box;margin-bottom:6px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:"Sora",sans-serif;font-size:13px;line-height:20px;font-weight:600;color:#1E3C7B}
.pbmit-service-style-1 .pbmit-service-description .cl-srv-tags + p:not(.cl-srv-tags){margin-top:10px}
.pbmit-service-style-1 .pbmit-service-description p:not(.cl-srv-tags){display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pbmit-service-style-1 .pbmit-service-description p:not(.cl-srv-tags) ~ p:not(.cl-srv-tags){display:none}
.pbmit-service-style-1 .pbmit-service-icon{margin-top:auto}
@media (max-width:767px){
	.pbmit-service-style-1 .pbmit-service-title{display:block;min-height:0;-webkit-line-clamp:unset;overflow:visible}
	.pbmit-service-style-1 .pbmit-service-description{min-height:0}
}

/* ---------- Detail služby (šablona motivu, single-pbmit-service) ---------- */
.single-pbmit-service .pbmit-title-bar-wrapper .pbmit-tbar-subtitle{font-size:15px;color:rgba(255,255,255,.8)}
.single-pbmit-service .site-content .pbmit_widget_list_all_posts ul > li a{padding-top:11px;padding-bottom:11px;text-transform:none;font-size:15px;line-height:22px;font-weight:500}
.single-pbmit-service .pbmit-entry-content p,
.single-pbmit-service .pbmit-entry-content li{font-size:16px;line-height:1.75}
.single-pbmit-service .pbmit-entry-content p{margin:0 0 16px}
.single-pbmit-service .pbmit-entry-content b,
.single-pbmit-service .pbmit-entry-content strong{color:#151313}
.single-pbmit-service .pbmit-entry-content .cl-srv-tags{margin:30px 0 22px;font-family:"Sora",sans-serif;font-size:15px;line-height:24px;font-weight:600;color:#1E3C7B}
.single-pbmit-service .pbmit-entry-content .cl-srv-tags b,
.single-pbmit-service .pbmit-entry-content .cl-srv-tags strong{font-weight:600;color:inherit}
.single-pbmit-service .pbmit-entry-content .cl-srv-tags + .cl-srv-tags{margin-top:-14px}
/* nadpisy textu služby; nadpisy widgetů Elementoru (.pbmit-element-title, např. formulář u služby 559) mají vlastní velikost */
.single-pbmit-service .pbmit-entry-content h2:not(.pbmit-element-title),
.single-pbmit-service .pbmit-entry-content h3:not(.pbmit-element-title){margin:44px 0 16px;font-size:26px;line-height:32px;letter-spacing:-1px}
.single-pbmit-service .pbmit-entry-content ul{margin:0 0 24px;padding:0;list-style:none}
.single-pbmit-service .pbmit-entry-content ul li{position:relative;padding-left:30px}
.single-pbmit-service .pbmit-entry-content ul li + li{margin-top:8px}
.single-pbmit-service .pbmit-entry-content ul li::before{content:"";position:absolute;left:5px;top:7px;width:7px;height:12px;border:solid #1E3C7B;border-width:0 2px 2px 0;transform:rotate(45deg)}
@media (max-width:767px){
	.single-pbmit-service .pbmit-entry-content h2:not(.pbmit-element-title),
	.single-pbmit-service .pbmit-entry-content h3:not(.pbmit-element-title){margin-top:34px;font-size:22px;line-height:28px}
}

/* ---------- Ceník (karty kategorií s tabulkou cen) ---------- */
.elementor .elementor-column.cl-card--grey > .elementor-widget-wrap{background:#F0F2F4}
.elementor .cl-card--grey .cl-icon .elementor-icon{background:#fff}
.elementor .cl-heading--tight .pbmit-heading-subheading{margin-bottom:24px}
.elementor .cl-panel--cta{margin-bottom:100px}
.elementor .cl-price table.cl-price-table{width:100%;margin:0;border:0;border-collapse:collapse;background:none}
.elementor .cl-price .cl-price-table tr{border:0}
.cl-price-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.elementor .cl-price .cl-price-table td{padding:14px 0;border:0;border-top:1px solid rgba(21,19,19,.1);background:none;vertical-align:top;font-size:16px;line-height:24px}
.elementor .cl-price .cl-price-table tr:first-child td{border-top:0;padding-top:4px}
.elementor .cl-price .cl-price-table td:first-child{padding-right:16px;color:#151313}
.elementor .cl-price .cl-price-table td:last-child{text-align:right;white-space:nowrap;font-family:"Sora",sans-serif;font-weight:600;color:#1E3C7B}
@media (max-width:767px){
	.elementor .cl-panel--cta{margin-bottom:60px}
	.elementor .cl-price .cl-price-table td{font-size:15px;line-height:22px;padding:12px 0}
}

/* ---------- Patička: sociální sítě ([pbmit-social-links] ve widgetu firmy) ---------- */
footer .pbmit-footer-widget ul.pbmit-social-links{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 0;padding:0;list-style:none}
footer .pbmit-footer-widget ul.pbmit-social-links li.pbmit-social-li{margin:0;padding:0}
footer .pbmit-footer-widget ul.pbmit-social-links li.pbmit-social-li a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.25);border-radius:50%;color:#fff;transition:background-color .2s,border-color .2s}
footer .pbmit-footer-widget ul.pbmit-social-links li.pbmit-social-li a:hover,
footer .pbmit-footer-widget ul.pbmit-social-links li.pbmit-social-li a:focus-visible{background:#1E3C7B;border-color:#1E3C7B;color:#fff}
footer .pbmit-footer-widget ul.pbmit-social-links li.pbmit-social-li a i{font-size:16px;line-height:1}

/* ---------- Responzivita: mřížky widgetů šablony (služby, boxy, ikony, blog) ----------
   Řádek .row má záporné okraje, které se na tabletu a mobilu nevyrovnají odsazením sekce,
   takže karty lícovaly s okrajem displeje. Kladný okraj vytvoří mezeru jako u ostatních sekcí. */
@media (max-width:1024px){
	.elementor .elementor-widget .pbmit-element-posts-wrapper.row{margin-left:15px;margin-right:15px}
}
@media (max-width:767px){
	.elementor .elementor-widget .pbmit-element-posts-wrapper.row{margin-left:5px;margin-right:5px}
}

/* ---------- Homepage (ID 103): opravy pro mobil a tablet ---------- */
/* Karta „Přehledný ceník“ (sloupec 8045f56): fotka na pozadí se na užším displeji dostala pod nadpis → bílý přechod pod text. */
@media (max-width:1024px){
	.elementor-103 .elementor-element-8045f56 > .elementor-widget-wrap{position:relative}
	.elementor-103 .elementor-element-8045f56 > .elementor-widget-wrap::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#fff 40%,rgba(255,255,255,.85) 60%,rgba(255,255,255,0) 90%);pointer-events:none}
	.elementor-103 .elementor-element-8045f56 > .elementor-widget-wrap > .elementor-element{position:relative}
}
@media (max-width:767px){
	/* Poptávka volného termínu (sloupec ec08e80): dvojité okraje zužovaly formulář na 175 px. */
	.elementor-103 .elementor-element.elementor-element-ec08e80 > .elementor-widget-wrap.elementor-element-populated{margin:0 10px;padding:30px 12px 12px}
	/* Novinky z blogu (carousel): karty lícovaly s okrajem displeje. */
	.elementor .elementor-widget-pbmit_blog_element:has(.swiper-container){padding:0 12px}
}

/* ---------- Filtr kategorií služeb (pbmit-sortable-list): na mobilu přehledné štítky ---------- */
@media (max-width:767px){
	.pbmit-sortable-list ul.pbmit-sortable-list-ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:0 20px}
	.pbmit-sortable-list ul.pbmit-sortable-list-ul li{margin:0}
	.pbmit-sortable-list ul.pbmit-sortable-list-ul li a.pbmit-sortable-link{padding:8px 16px;font-size:14px;line-height:22px}
	.pbmit-sortable-list ul.pbmit-sortable-list-ul li a.pbmit-sortable-link:not(.pbmit-selected){background:#F0F2F4}
}

/* ---------- Mobilní servis (ID 467): úvodní sekce a8a6986 neměla na tabletu a mobilu boční okraj ---------- */
@media (max-width:1024px){
	.elementor-467 .elementor-element-a8a6986 > .elementor-container{padding-left:30px;padding-right:30px}
	/* boxy v této sekci už okraj mají ze sekce – vrátit běžný záporný okraj řádku, aby lícovaly s textem */
	.elementor-467 .elementor-element-a8a6986 .elementor-widget .pbmit-element-posts-wrapper.row{margin-left:-15px;margin-right:-15px}
}
@media (max-width:767px){
	.elementor-467 .elementor-element-a8a6986 > .elementor-container{padding-left:20px;padding-right:20px}
}

/* ---------- Písma Elementoru = písma webu ----------
   Výchozí kit Elementoru (post-9) má Roboto a Roboto Slab, které se kvůli rychlosti nenačítají
   (functions.php). Globální písma kitu se proto přepínají na písma webu: nadpisy a tlačítka Sora,
   text Raleway. Týká se widgetů bez vlastního písma (tlačítka, seznamy s ikonami, text, formuláře). */
body.elementor-kit-9 {
	--e-global-typography-primary-font-family: "Sora";
	--e-global-typography-secondary-font-family: "Sora";
	--e-global-typography-text-font-family: "Raleway";
	--e-global-typography-accent-font-family: "Sora";
	--e-global-typography-accent-font-weight: 600;
}

/* ---------- Písmo Open Sans 600 pro texty slideru (Revolution Slider) ----------
   Slider má stahování písem z Googlu vypnuté (globální nastavení fontdownload = disable),
   Soru a Raleway načítá šablona, Open Sans je tady z vlastního serveru. */
@font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; font-display: swap;
	src: url(../fonts/open-sans-600-latin-ext.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; font-display: swap;
	src: url(../fonts/open-sans-600-latin.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; }

/* ---------- Stejná výška karet a boxů napříč webem ----------
   Řádky widgetů šablony (.pbmit-element-posts-wrapper.row) jsou flex, ale karty se neroztahovaly,
   takže karta s delším textem nebo jinou fotkou byla vyšší než sousední. */
/* Boxy s fotkou (pbmit_static_box_element, styl 1; O nás, Mobilní servis): fotky mají různý poměr stran. */
.pbmit-static-box-style-1 .pbmit-img-wrapper > img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
/* Ikonové boxy (pbmit_multiple_icon_heading; Mobilní servis, Kontakt): všechny boxy stejně vysoké
   i napříč řádky (mřížka s řádky 1fr = výška nejvyššího boxu). Na mobilu pod sebou v přirozené výšce. */
.pbmit-element-posts-wrapper.row > .pbmit-ele-miconheading{display:flex}
.pbmit-ele-miconheading > .pbmit-ihbox{display:flex;flex-direction:column;width:100%}
.pbmit-ele-miconheading > .pbmit-ihbox > .pbmit-ihbox-headingicon{flex:1 1 auto} /* modrý box je vnitřní prvek */
.pbmit-ele-miconheading > .pbmit-ihbox-style-3{padding-right:0} /* šablona nechávala vpravo 25 px, boxy nelícovaly s textem (na mobilu vlevo 20, vpravo 45 px) */
@media (min-width:768px){
	.pbmit-element-posts-wrapper.row:has(> .pbmit-ele-miconheading.col-md-4){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr}
	.pbmit-element-posts-wrapper.row:has(> .pbmit-ele-miconheading.col-md-4)::before,
	.pbmit-element-posts-wrapper.row:has(> .pbmit-ele-miconheading.col-md-4)::after{display:none}
	.pbmit-element-posts-wrapper.row > .pbmit-ele-miconheading.col-md-4{width:auto;max-width:none}
}
/* Články (pbmit_blog_element, styl 1; homepage, blog) v mřížce i v carouselu */
.pbmit-element-posts-wrapper.row > .pbmit-ele-blog{display:flex}
.swiper-wrapper > .pbmit-ele-blog.swiper-slide{height:auto}
.swiper-wrapper > .pbmit-ele-blog.swiper-slide > .pbmit-post-item{height:100%}
.pbmit-ele-blog > .pbmit-post-item{display:flex;flex-direction:column;width:100%}
/* Nadpis článku na 2 řádky: řádkování 30 px ořezávalo háčky a čárky (Č, Ř, ý) na spodním řádku. */
.pbmit-blog-style-1 .pbmit-post-item .pbmit-post-title{line-height:1.3;min-height:2.6em}

/* ---------- Nadpisy karet: bez lámání uprostřed slova a bez Velkých Písmen U Každého Slova ----------
   Šablona má u nadpisů karet word-break:break-all („lha|l“) a u některých seznamů text-transform:capitalize,
   které se v češtině nepoužívá. */
.pbmit-blog-style-1 .pbmit-post-item .pbmit-post-title,
.pbmit-service-style-1 .pbmit-service-title{word-break:normal;overflow-wrap:break-word}
.pbmit-service-style-1 .pbmit-service-title,
.pbmit-post-nav-head{text-transform:none}
/* boční panel blogu: selektory šablony jsou velmi specifické (widget.min.css) */
.widget .pbmit-cat-li a,
.widget .pbmit-rpw-title a{text-transform:none!important}

/* ---------- Boční okraj obsahu na notebooku (1025–1540 px) ----------
   Obsah šablony je široký 1400 px, takže na displeji 1440 px lícoval 13 px od okraje, kdežto
   hlavička má logo 60 px od okraje. Obsah, nadpis stránky i patička se srovnají s logem.
   Nad 1540 px je okraj kolem obsahu přirozeně větší, pod 1025 px platí pravidla pro tablet. */
@media (min-width:1025px) and (max-width:1540px){
	.site-content-wrap > .container,
	.pbmit-title-bar-wrapper > .container,
	.pbmit-footer-section > .container{padding-left:60px;padding-right:60px}
	.elementor .elementor-top-section.elementor-section-stretched.elementor-section-boxed > .elementor-container{max-width:calc(100% - 120px)} /* přebije 1424 px z responsive.min.css šablony */
}

/* ---------- Stránka 404 (karsfix-child/404.php) ---------- */
/* Nastavení šablony dává obsahu 404 tmavé pozadí s překryvem a bílý text; stránka má být světlá jako zbytek webu. */
body.error404 .site-content-wrap{background:transparent}
body.error404 .site-content-wrap::before{display:none}
.error404 .cl-404 .cl-404-title{color:#151313}
.error404 .cl-404 .cl-404-text{color:#565656}
.cl-404{max-width:880px;margin:60px auto 100px;padding:80px 40px;border-radius:30px;background:#F0F2F4;text-align:center}
.cl-404-sub{margin:0 0 6px;font-family:"Sora",sans-serif;font-size:13px;line-height:20px;font-weight:700;color:#1E3C7B}
.cl-404-code{font-family:"Sora",sans-serif;font-size:180px;line-height:1;font-weight:700;letter-spacing:-6px;color:#F0F2F4;-webkit-text-stroke:3px #1E3C7B;paint-order:stroke fill} /* výplň barvou panelu schová překřížené obrysy číslice 4 */
.cl-404-title{margin:24px 0 16px;font-family:"Sora",sans-serif;font-size:40px;line-height:50px;font-weight:700;letter-spacing:-1.5px;color:#151313}
.cl-404-text{max-width:560px;margin:0 auto 32px;font-family:"Raleway",sans-serif;font-size:17px;line-height:28px;color:#565656}
.cl-404-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.cl-404-btn{display:inline-flex;align-items:center;padding:14px 28px;border:1px solid #1E3C7B;border-radius:30px;background:#1E3C7B;color:#fff;font-family:"Sora",sans-serif;font-size:15px;line-height:22px;font-weight:600;transition:background-color .2s,color .2s,border-color .2s}
.cl-404-btn:hover,.cl-404-btn:focus-visible{border-color:#151313;background:#151313;color:#fff}
.cl-404-btn--outline{background:transparent;color:#1E3C7B}
.cl-404-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:40px;padding-top:32px;border-top:1px solid #dde1e6}
.cl-404-links a{padding:8px 18px;border-radius:30px;background:#fff;color:#151313;font-family:"Sora",sans-serif;font-size:14px;line-height:22px;font-weight:600;transition:color .2s}
.cl-404-links a:hover,.cl-404-links a:focus-visible{color:#1E3C7B}
@media (max-width:767px){
	.cl-404{margin:30px 0 60px;padding:50px 20px}
	.cl-404-code{font-size:110px;letter-spacing:-4px}
	.cl-404-title{font-size:28px;line-height:36px;letter-spacing:-1px}
	.cl-404-text{font-size:16px;line-height:26px}
}