/*
Theme Name: Consto
Theme URI: http://consto.themezinho.net/
Author: themezinho
Author URI: https://themezinho.net/
Description: Industrial Construction Company 
Version: 1.1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: consto
Tags: blog, custom-logo, custom-menu, editor-style, featured-images, sticky-post, theme-options
*/

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
img{height: auto; max-width: 100%;}
iframe{ width: 100%; max-width: 100%;}


.alignleft {
	display: inline;
	float: left;
	margin-right: 50px;
}

.alignright {
	float:right; margin-left:50px; margin-top: 10px;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.screen-reader-text{
    display: block;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}


/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

.bypostauthor{
	display: block;
}

section.icon-content-block{
	overflow: visible;
}

.wp-block-cover, .wp-block-cover-image {
	height:auto; 
}
.blog-post .post-content .more-link{
	display: inline-block;
}


/* ===================== VESTCAR custom úpravy ===================== */
/* Service list box – odrážky ako guľôčky v brand žltej + medzera nad tlačidlom */
.services-list-box ul { list-style: none; margin: 20px 0 0; padding: 0; }
.services-list-box ul li { position: relative; padding-left: 24px; margin-bottom: 10px; line-height: 1.5; }
.services-list-box ul li::before {
  content: ""; position: absolute; left: 0; top: .55em;
  width: 8px; height: 8px; border-radius: 50%; background: #ffd154;
}
/* Profi CTA tlačidlo: štýl po vzore kalkulačky (zlaté, tmavý text).
   Téma dávala čierny button s fixnou line-height/height 68px → dlhší text
   ("ZÍSKAŤ CENOVÚ PONUKU") sa na úzkej karte zalamoval mimo box a "PONUKU" sa
   orezalo. Preto height:auto + line-height normal (rastie podľa textu).
   !important je poistka proti kombinovaniu/minifikácii CSS na prode (téma má
   rovnaké pravidlo .services-list-box .button, mohlo by zmeniť poradie). */
.services-list-box .button {
  display: inline-block;
  margin-top: 32px;
  height: auto !important;
  line-height: 1.3 !important;
  padding: 17px 36px !important;
  background: #ffd154 !important;
  color: #1a1a1a !important;
  border: 2px solid #ffd154 !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  white-space: normal !important;
  transition: background .25s, border-color .25s, color .25s !important;
}
.services-list-box .button:hover {
  background: #cd942b !important;
  border-color: #cd942b !important;
  color: #1a1a1a !important;
}

/* Video loop (dve videá za sebou, lazy-load cez IntersectionObserver) */
/* Maska: desktop 16:9, mobil 9:16; video vyplní rám cez object-fit: cover */
.vestcar-videoloop {
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #111;
  overflow: hidden;
  line-height: 0;
}
.vestcar-videoloop video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 768px) {
  .vestcar-videoloop { aspect-ratio: 9 / 16; max-width: 480px; margin: 0 auto; }
}

/* Logo strip – brand charcoal (gradient ako v materiáloch) namiesto svetlej šedej */
.content-section:has(.vestcar-logos) {
  background: linear-gradient(135deg, #2b2b2b 0%, #424242 100%) !important;
}
/* Logá v páse biele (silueta) */
.vestcar-logos .logo-item img {
  filter: brightness(0) invert(1);
  opacity: 0.72;
  transition: opacity .25s ease;
}
.vestcar-logos .logo-item:hover img { opacity: 1; }

/* ===== Nekonečný loop značiek áut (logo marquee) =====
   Track má logá 2× za sebou; animácia posúva o -50 % = presne jednu sadu → plynulý nekonečný loop. */
.vc-brandloop {
  width: 100%;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
          mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
}
.vc-brandloop-track {
  display: flex;
  width: max-content;
  animation: vcBrandScroll 45s linear infinite;
}
.vc-brandloop:hover .vc-brandloop-track { animation-play-state: paused; }
/* WPBakery dáva raw-html elementu margin-bottom:35px → tlačil logá nad stred pása. Vynulujeme. */
.vestcar-logos .wpb_content_element,
.vestcar-logos .wpb_raw_code { margin-bottom: 0; }

.vc-brandloop-item {
  flex: 0 0 auto;
  width: 210px;            /* ~6 viditeľných v kontajneri */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  box-sizing: border-box;
}
.vc-brandloop-item img {
  height: 104px;           /* väčšie logá */
  width: auto;
  max-width: 100%;
  object-fit: contain;
  filter: brightness(0) invert(1);   /* monochróm → biele logá na charcoal páse */
  opacity: 0.72;
  transition: opacity .25s ease;
}
.vc-brandloop-item img:hover { opacity: 1; }
@keyframes vcBrandScroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
@media (max-width: 600px) {
  .vc-brandloop-item { width: 150px; padding: 0 14px; }
  .vc-brandloop-item img { height: 72px; }
}

/* Logo pás: kompaktnejšia výška (nech väčšie logá vyplnia pás) */
.content-section:has(.vestcar-logos) { padding-top: 50px; padding-bottom: 50px; }

/* ===== Ikonky služieb (#sluzby): väčšie, mierne hrubšie a nahodilo naklonené ===== */
#sluzby .icon-content figure { margin-bottom: 38px; overflow: visible; }
#sluzby .icon-content figure img {
  height: 92px;                 /* väčšie ikonky */
  width: auto;
  /* jemné zhrubnutie línií (SVG je fill-based, preto drop-shadow trik v rovnakej farbe) */
  filter: drop-shadow(0.6px 0 0 #241f21) drop-shadow(-0.6px 0 0 #241f21)
          drop-shadow(0 0.6px 0 #241f21) drop-shadow(0 -0.6px 0 #241f21);
  transition: transform .25s ease;
}
/* náhodné naklonenie každej ikonky (aby nepôsobili nudne v rade) */
#sluzby > div:nth-child(1) .icon-content figure img { transform: rotate(-9deg); }
#sluzby > div:nth-child(2) .icon-content figure img { transform: rotate(7deg); }
#sluzby > div:nth-child(3) .icon-content figure img { transform: rotate(-5deg); }
#sluzby .icon-content:hover figure img { transform: rotate(0); } /* pri hoveri sa narovná */

/* ===================== Pätička (VESTCAR, 3 stĺpce) ===================== */
.footer {
  background: linear-gradient(135deg, #2b2b2b 0%, #424242 100%) !important;
  color: #d6d6d6;
  padding-top: 60px;
}
.footer .vc-foot-col { margin-bottom: 30px; }
.footer .vc-foot-title {
  color: #fff; font-size: 1.1rem; font-weight: 700;
  margin: 0 0 20px; padding-bottom: 12px;
  border-bottom: 2px solid rgba(255,209,84,.35);
}
.footer ul { list-style: none; margin: 0; padding: 0; }

/* Stĺpec 1 – fakturačné údaje */
.footer .vc-foot-info li { margin-bottom: 10px; line-height: 1.5; }
.footer .vc-foot-info li span {
  display: inline-block; min-width: 92px;
  color: #ffd154; font-weight: 700;
}

/* Stĺpec 2 – kontakt + hodiny */
.footer .vc-foot-contact li { margin-bottom: 10px; display: flex; align-items: center; }
.footer .vc-foot-contact i, .footer .vc-foot-social i { color: #ffd154; }
.footer .vc-foot-contact i { margin-right: 10px; font-size: 1.05rem; }
.footer .vc-foot-contact a { color: #e8e8e8; }
.footer .vc-foot-contact a:hover { color: #ffd154; }
.footer .vc-foot-hours { margin-top: 22px; }
.footer .vc-foot-hours h5 { color: #fff; font-size: .95rem; margin: 0 0 10px; }
.footer .vc-foot-hours p {
  margin: 0 0 6px; display: flex; justify-content: space-between;
  gap: 16px; max-width: 280px;
}
.footer .vc-foot-hours strong { color: #fff; }

/* Stĺpec 3 – mapa, navigácia, socky */
.footer .vc-foot-map {
  position: relative; width: 100%; height: 220px;
  border-radius: 6px; overflow: hidden; margin-bottom: 16px;
}
.footer .vc-foot-map iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.footer .vc-foot-navbtn {
  display: inline-flex; align-items: center; gap: 8px;
  background: #ffd154; color: #1a1a1a; font-weight: 700;
  padding: 11px 20px; border-radius: 4px; transition: background .2s;
}
.footer .vc-foot-navbtn:hover { background: #cd942b; color: #1a1a1a; }
.footer .vc-foot-social { margin-top: 20px; display: flex; gap: 12px; }
.footer .vc-foot-social a {
  width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid rgba(255,255,255,.22); border-radius: 50%; transition: all .2s;
}
.footer .vc-foot-social a:hover { background: #ffd154; border-color: #ffd154; }
.footer .vc-foot-social a:hover i { color: #1a1a1a; }
.footer .vc-foot-social i { font-size: 1.15rem; }

/* Spodný riadok – copyright */
.footer .footer-bottom {
  border-top: 1px solid rgba(255,255,255,.12);
  margin-top: 24px; padding: 22px 0 6px; color: #9a9a9a; font-size: .9rem;
}

/* ===================== Pätička – doladenie ===================== */
/* Stĺpec 1: názov firmy väčší/bold, adresa bez labelu */
.footer .vc-foot-company { color: #fff; font-weight: 800; font-size: 1.3rem; margin: 0 0 16px; }
.footer .vc-foot-addr { color: #cfcfcf; margin-top: 6px; line-height: 1.5; }
/* Stĺpec 2: telefón + mail výraznejšie */
.footer .vc-foot-contact a { font-weight: 700; font-size: 1.1rem; }
.footer .vc-foot-hours h5 { font-weight: 700; }
/* Spodný riadok: copyright vľavo, socky vpravo */
.footer .footer-bottom {
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: 14px;
}
.footer .footer-bottom a { color: #ffd154; }
.footer .footer-bottom a:hover { color: #cd942b; }
.footer .footer-bottom .vc-sep { color: rgba(255,255,255,.3); margin: 0 6px; }
.footer .vc-foot-social--bottom { margin-top: 0; }
.footer .vc-foot-social--bottom a { width: 36px; height: 36px; }
.footer .vc-foot-social--bottom i { font-size: 1rem; }

/* ===================== Hlavička – socky, ikona mapy, bočný panel ===================== */
/* Sociálne ikony v navbare */
.navbar-social { display: inline-flex; align-items: center; gap: 12px; margin: 0 8px; }
.navbar-social a { color: #fff; font-size: 18px; line-height: 1; transition: color .2s; }
.navbar-social a:hover { color: #ffd154; }

/* Hamburger nahradený ikonou mapy */
.vc-mapburger { display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.vc-mapburger i { font-size: 24px; color: #ffd154; line-height: 1; transition: transform .2s; }
.vc-mapburger:hover i { transform: scale(1.12); }

/* Bočný panel – informácie o prevádzke */
.side-widget .side-close {
  position: absolute; top: 18px; right: 22px; z-index: 5;
  font-size: 30px; line-height: 1; color: #fff; opacity: .7; text-decoration: none;
}
.side-widget .side-close:hover { opacity: 1; color: #ffd154; }
.vc-side-location { margin-top: 12px; color: #d6d6d6; }
.vc-side-title { color: #fff; font-size: 1.3rem; font-weight: 800; margin: 0 0 14px; }
.vc-side-addr { margin: 0 0 16px; line-height: 1.5; }
.vc-side-addr strong { color: #ffd154; display: block; font-size: 1.05rem; margin-bottom: 2px; }
.vc-side-map { position: relative; width: 100%; height: 200px; border-radius: 6px; overflow: hidden; margin-bottom: 14px; }
.vc-side-map iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.vc-side-navbtn {
  display: inline-flex; align-items: center; gap: 8px;
  background: #ffd154; color: #1a1a1a; font-weight: 700;
  padding: 11px 20px; border-radius: 4px; margin-bottom: 20px; transition: background .2s;
}
.vc-side-navbtn:hover { background: #cd942b; color: #1a1a1a; }
.vc-side-info { list-style: none; margin: 0; padding: 0; }
.vc-side-info li { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.vc-side-info i { color: #ffd154; font-size: 1.05rem; }
.vc-side-info a { color: #d6d6d6; }
.vc-side-info a:hover { color: #ffd154; }

/* Plynulý scroll na kotvy + odstup od vrchu (aby obsah dýchal pod sticky navbar) */
html { scroll-behavior: smooth; scroll-padding-top: 80px; }
/* Logo v bočnom paneli – primeraná veľkosť */
.side-widget .logo img { max-width: 150px; height: auto; }
.side-widget .logo { margin-bottom: 22px; }

/* ===================== Logo: symbol v navbare/paneli, textové logo v hero ===================== */
/* Navbar logo = symbol (kompaktná výška) */
.navbar .logo a img { height: 50px !important; width: auto; }
.navbar.sticky .logo a img { height: 44px !important; }
.side-widget .logo img { max-width: 130px; height: auto; }
/* Hero – textové logo namiesto "DOMOV", ~podobná veľkosť, prechádza pod navbar */
.vc-hero-logo { width: 100%; margin: 0; line-height: 1; }
.vc-hero-logo img { height: clamp(78px, 12vw, 170px); width: auto; max-width: 100%; display: block; }

/* ===================== Navbar logo loop: symbol <-> textová časť ===================== */
/* Fixná veľkosť kontajnera = žiadne skákanie layoutu počas crossfade */
.navbar .logo a.vc-logo-loop { position: relative; display: block; width: 185px; height: 52px; }
.navbar.sticky .logo a.vc-logo-loop { width: 165px; height: 46px; }
.navbar .logo a.vc-logo-loop img {
  position: absolute; top: 0; left: 0;
  width: 100% !important; height: 100% !important;
  object-fit: contain; object-position: left center;
}
.vc-logo-symbol { animation: vcLogoSym 14s ease-in-out infinite; }
.vc-logo-text   { animation: vcLogoTxt 14s ease-in-out infinite; }
@keyframes vcLogoSym { 0%, 40% { opacity: 1; } 50%, 90% { opacity: 0; } 100% { opacity: 1; } }
@keyframes vcLogoTxt { 0%, 40% { opacity: 0; } 50%, 90% { opacity: 1; } 100% { opacity: 0; } }
/* Rešpektuj vypnuté animácie */
@media (prefers-reduced-motion: reduce) {
  .vc-logo-text { display: none; }
  .vc-logo-symbol { animation: none; opacity: 1; }
}

/* ===================== Doladenie hlavičky / bočného panelu ===================== */
/* Hero banner nižší – menej prázdneho miesta (ale stále dýcha) */
.page-header { height: 380px; }

/* 4K / veľké obrazovky: titulok hlavičky nesmie prerásť.
   Téma má .page-header .container h1 { font-size: 7vw }, čo na 4K (3840px)
   narastie na ~269px a text pretečie hore pod navbar. clamp() nechá FHD
   nezmenené (7vw ≈ 134px pri 1920px) a nad ~1928px zastropuje na 135px. */
.page-header .container h1 { font-size: clamp(30px, 7vw, 135px); }

/* Logo loop beží IBA v sticky stave; pri vrchu väčší statický symbol (bez loopu) */
.vc-logo-symbol, .vc-logo-text { animation: none; }
.navbar:not(.sticky) .logo a.vc-logo-loop { width: 138px; height: 70px; }
.navbar:not(.sticky) .vc-logo-text { opacity: 0; }
.navbar:not(.sticky) .vc-logo-symbol { opacity: 1; }
.navbar.sticky .vc-logo-symbol { animation: vcLogoSym 14s ease-in-out infinite; }
.navbar.sticky .vc-logo-text   { animation: vcLogoTxt 14s ease-in-out infinite; }

/* Bočný panel: užší + plné logo (symbol nad textom) */
.side-widget { width: 340px; }
.side-widget .vc-side-logo { margin-bottom: 26px; }
.side-widget .vc-side-logo img { display: block; height: auto; }
.side-widget .vc-side-logo img:first-child  { max-width: 118px; margin-bottom: 8px; }
.side-widget .vc-side-logo img:last-child   { max-width: 158px; }
.side-widget small a { color: #ffd154; }
.side-widget small a:hover { color: #cd942b; }

/* Navbar sa pri scrolle NEskrýva (kvôli konzistentnému dosadaniu kotiev pod navbar) */
.navbar.nav-up { top: -100%; }

/* Jemné doladenie kotvy kalkulačky (~3px nižšie) */
#kalkulacka { scroll-margin-top: -3px; }

/* Countery ako mini-navigácia (interaktivita) */
.vc-counter-link { cursor: pointer; transition: transform .2s ease; }
.vc-counter-link:hover { transform: translateY(-4px); }
.vc-counter-link:hover h6 { color: #ffd154; }

/* ===================== Header doladenie (desktop + mobil) ===================== */
/* Spoločný vertikálny stred navbar prvkov (social + mapa rovnaký optický stred) */
.navbar .container { align-items: center; }
.navbar-social, .vc-mapburger, .navbar .search, .navbar .navbar-button { vertical-align: middle; }
.vc-mapburger { height: auto; padding-top: 0; }

/* Desktop: hlavné menu vycentrované na stred obrazovky */
@media (min-width: 992px) {
  .navbar .container { position: relative; }
  .navbar .site-menu { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin: 0; }
}

/* Prepínač panelu: desktop = ikona mapy, mobil = burger */
.vc-ic-burger { display: none; }

/* Socky v bočnom paneli (iba mobil) */
.vc-side-social { display: none; gap: 14px; margin-top: 22px; }
.vc-side-social a {
  width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid rgba(255,255,255,.22); border-radius: 50%; color: #fff; transition: all .2s;
}
.vc-side-social a:hover { background: #ffd154; border-color: #ffd154; color: #1a1a1a; }
.vc-side-social i { font-size: 1.15rem; }

/* ===== Mobil (≤991px): navbar vždy viditeľný, mapa->burger, socky do panelu ===== */
@media (max-width: 991px) {
  .navbar.nav-up { top: 0; }
  .vc-mapburger .vc-ic-map { display: none; }
  .vc-mapburger .vc-ic-burger { display: inline-block; }
  .navbar-social { display: none; }
  .vc-side-social { display: flex; }
}

/* Oprava: pravá skupina (socky + mapa + button) na pravý bok, nie cez centrované menu */
@media (min-width: 992px) {
  .navbar .container { display: flex; }
  .navbar .logo { margin-right: auto; }
}

/* ===== Sekcia "Profesionálny servis": široká, biely okraj rovnako z oboch strán (pevné marže, žiadne auto), obrázok cover ===== */
.content-section:has(.vestcar-profi) {
  margin: 25px 40px !important;
  background-size: cover !important;
  background-position: center !important;
}
@media (max-width: 767px) { .content-section:has(.vestcar-profi) { margin: 15px 15px !important; } }

/* ===== Kalkulačka: nadpis bloku zarovnaný s ľavou hranou obsahu kalkulačky =====
   Nadpisový stĺpec má teraz rovnaký offset (vc_col-md-offset-1 vc_col-md-10) ako kalkulačka,
   tu doladíme len vnútorný padding wrapperu kalkulačky (.wvc-wrapper má 40px / 24px na mobile). */
#kalkulacka .section-title { padding-left: 40px; }
@media (max-width: 768px) { #kalkulacka .section-title { padding-left: 24px; } }

/* ===== Blog "Z našej dielne": jednotné karty =====
   Téma dáva prvému článku 40% (featured) a ostatným 30% → zrovnáme na rovnakú šírku.
   Box huguje obsah (žiadne naťahovanie = žiadne prázdne biele miesto pod nadpisom). */
@media (min-width: 992px) {
  .recent-news li,
  .recent-news li:first-child { width: 33.333% !important; }
}
.recent-news { align-items: flex-start; }           /* karty hore zarovnané, hugujú obsah */

/* Obrázok: ukáž CELÚ landscape fotku (3:2), žiadny štvorcový orez ani "zoom".
   Téma mala figure max-height:220px + img min-height:220px (zoom/crop) — prebíjame. */
.recent-news-box figure { max-height: none; }
.recent-news-box figure img { width: 100%; height: auto; min-height: 0; display: block; }

/* ===== Blog článok: CTA box na konci ===== */
.vc-blog-cta {
  margin: 40px 0 10px;
  padding: 30px 34px;
  background: #1a1a1a;
  border-left: 5px solid var(--color-main, #ffd154);
}
.vc-blog-cta h3 { margin: 0 0 8px; color: #fff; font-size: 22px; }
.vc-blog-cta p { margin: 0 0 18px; color: #d6d6d6; }
.vc-blog-cta-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 !important; }
.vc-blog-btn {
  display: inline-block;
  padding: 14px 26px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.5px;
  text-decoration: none;
  border: 2px solid var(--color-main, #ffd154);
  transition: all 0.2s;
}
.vc-blog-btn-primary { background: var(--color-main, #ffd154); color: #1a1a1a; }
.vc-blog-btn-primary:hover { background: #cd942b; border-color: #cd942b; color: #1a1a1a; }
.vc-blog-btn-outline { background: transparent; color: #fff; }
.vc-blog-btn-outline:hover { background: var(--color-main, #ffd154); color: #1a1a1a; }
@media (max-width: 600px) { .vc-blog-btn { width: 100%; text-align: center; } }

/* Blog článok: čitateľnejšie nadpisy/odseky */
.single-post .entry-content h2 { margin-top: 1.6em; }
.single-post .entry-content h3 { margin-top: 1.2em; }
.single-post .entry-content ul { margin: 0 0 1.2em; padding-left: 1.3em; list-style: disc; }
.single-post .entry-content li { margin-bottom: 0.4em; }

/* ===================== Mobilné doladenia / šperkovačka ===================== */

/* Footer: hodnoty IČO/DIČ boli tmavé na šedom pozadí → zosvetliť (label ostáva zlatý) */
.footer .vc-foot-info li { color: #d6d6d6; }

/* Profi sekcia: nadpis pretekal na mobile.
   hyphens:auto delilo slová v strede (PROFESI-ONÁLNY SER-VIS) → vypnuté;
   zalamuje sa len po slovách a písmo je responzívne, nech sa najdlhšie slovo
   ("PROFESIONÁLNY") zmestí na jeden riadok aj na úzkych telefónoch. */
.services-list-box h4 { overflow-wrap: break-word; word-wrap: break-word; hyphens: none; }
@media (max-width: 767px) {
  .services-list-box h4 { font-size: clamp(19px, 6vw, 28px); line-height: 1.2; }
  /* CTA na plnú šírku karty (text sadne na jeden riadok) + tesnejšie zakončenie karty */
  .services-list-box .button {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    padding: 16px 18px !important;
    letter-spacing: 0.4px !important;
  }
  .services-list-box { padding-bottom: 36px !important; }
}

/* Bočný panel (mobilná navigácia): aby sa všetok obsah zmestil / dal scrollovať */
.side-widget { align-items: flex-start; }                 /* obsah od vrchu, nie vycentrovaný */
.side-widget .inner { width: 100%; max-height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.vc-side-map { aspect-ratio: 16 / 9; height: auto; }      /* mapka 16:9 namiesto fixných 200px */
.vc-side-navbtn { display: none; }                        /* tlačidlo „Navigovať" preč — šetrí miesto */
@media (max-width: 991px) {
  .side-widget .vc-side-logo { margin-bottom: 16px; }     /* kompaktnejšie rozostupy na mobile */
  .vc-side-location { margin-top: 8px; }
  .vc-side-info li { margin-bottom: 7px; }
}

/* Počítadlá: na mobile vždy titulok POD číslom (téma má h6 inline-block → krátky ostal vedľa).
   width:fit-content zachová zlaté podčiarknutie len pod textom, nie cez celú šírku. */
@media (max-width: 991px) {
  .counter-box h6 { display: block; width: fit-content; }
}

/* Počítadlá: zrušiť zig-zag odsadenie (téma dáva párnemu stĺpcu margin-top:50% → pri 3 kusoch to
   vyzeralo ako bug). Všetky do jednej línie. */
.counter-box { margin-top: 0 !important; }