/* Doplňky k převzatým stylům z WP (to, co dřív dodávaly pluginy, které tu už nejsou). Nové úpravy vzhledu patří sem. */

/* Hláška pod formulářem (dřív Contact Form 7) */
.wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid transparent; }
.wpcf7-response-output:empty { display: none; }
.wpcf7-response-output.pm-ok { border-color: #46b450; }
.wpcf7-response-output.pm-chyba { border-color: #dc3232; }

/* Místo pro „spinner“ za tlačítkem formuláře (dřív přidával Contact Form 7) — drží stejné rozložení */
.wpcf7-spinner { visibility: hidden; display: inline-block; width: 24px; height: 23px; margin: 0 24px; padding: 0; position: relative; }

/* Elementor: pozadí kontejnerů se načítají líně (třídu e-lazyloaded přidá assets/js/elementor-lazyload.js) — převzato z WP */
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
@media screen and (max-height: 1024px) {
.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
}
@media screen and (max-height: 640px) {
.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
}

/* Mobilní menu: podmenu aktivní sekce (Distribuce, Výrobci) je rozbalené — na rodiči i na podstránce */
.mobile-menu .menu-ul li.current-menu-item > .sub-menu,
.mobile-menu .menu-ul li:has(.current-menu-item) > .sub-menu { display: block; }
/* Šipka u položek s podmenu: Elementorovo regular.min.css (na stránkách s ikonami Elementoru) přepne .far
   na Font Awesome Free, kde chevron-down v řezu regular není → šipka mizela. Vrátit font šablony (Pro). */
.menu-item-has-children > a > i.far { font-family: "Font Awesome 5 Pro"; }
/* Aktuality / News v menu oddelene od ostatnich polozek: svetle oranzova pilulka s ikonou novin
   a svislou carkou za polozkou (Radek, 3. 10. 2026) */
.site-header2 .main-menu2 .manu-wrapper .menu-ul li.menu-item-7493,
.site-header2 .main-menu2 .manu-wrapper .menu-ul li.menu-item-7496 { position: relative; margin-right: 22px; }
.site-header2 .main-menu2 .manu-wrapper .menu-ul li.menu-item-7493::after,
.site-header2 .main-menu2 .manu-wrapper .menu-ul li.menu-item-7496::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -12px;
	width: 1px;
	height: 26px;
	margin-top: -13px;
	background: #e3e3e6;
}
/* desktop: odkaz ma padding 38px kvuli vysce hlavicky, pilulka je ::before za textem */
.site-header2 .main-menu2 .manu-wrapper .menu-ul li.menu-item-7493 > a,
.site-header2 .main-menu2 .manu-wrapper .menu-ul li.menu-item-7496 > a {
	position: relative;
	z-index: 0;
	padding-left: 40px;
	padding-right: 16px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FF7426'%3E%3Cpath d='M0 2.5A1.5 1.5 0 0 1 1.5 1h11A1.5 1.5 0 0 1 14 2.5v10.528c0 .3-.05.654-.238.972h.738a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 1 1 0v9a1.5 1.5 0 0 1-1.5 1.5H1.497A1.497 1.497 0 0 1 0 13.5zM12 14c.37 0 .654-.211.853-.441.092-.106.147-.279.147-.531V2.5a.5.5 0 0 0-.5-.5h-11a.5.5 0 0 0-.5.5v11c0 .278.223.5.497.5z'/%3E%3Cpath d='M2 3h10v2H2zm0 3h4v3H2zm0 4h4v1H2zm0 2h4v1H2zm5-6h2v1H7zm3 0h2v1h-2zM7 8h2v1H7zm3 0h2v1h-2zm-3 2h2v1H7zm3 0h2v1h-2zm-3 2h2v1H7zm3 0h2v1h-2z'/%3E%3C/svg%3E") no-repeat 16px center / 16px 16px;
}
.site-header2 .main-menu2 .manu-wrapper .menu-ul li.menu-item-7493 > a::before,
.site-header2 .main-menu2 .manu-wrapper .menu-ul li.menu-item-7496 > a::before {
	content: "";
	position: absolute;
	inset: 28px 0;
	z-index: -1;
	border-radius: 999px;
	background: rgba(255, 116, 38, .1);
	transition: background .3s;
}
.site-header2 .main-menu2 .manu-wrapper .menu-ul li.menu-item-7493 > a:hover::before,
.site-header2 .main-menu2 .manu-wrapper .menu-ul li.menu-item-7496 > a:hover::before { background: rgba(255, 116, 38, .18); }
/* mobil: odkaz je flex pres celou sirku, pilulka jen kolem textu */
.mobile-menu .menu-ul li.menu-item-7493 > a,
.mobile-menu .menu-ul li.menu-item-7496 > a {
	position: relative;
	display: inline-flex;
	margin: 4px 0;
	padding: 6px 14px 6px 36px;
	border-radius: 999px;
	background: rgba(255, 116, 38, .1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FF7426'%3E%3Cpath d='M0 2.5A1.5 1.5 0 0 1 1.5 1h11A1.5 1.5 0 0 1 14 2.5v10.528c0 .3-.05.654-.238.972h.738a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 1 1 0v9a1.5 1.5 0 0 1-1.5 1.5H1.497A1.497 1.497 0 0 1 0 13.5zM12 14c.37 0 .654-.211.853-.441.092-.106.147-.279.147-.531V2.5a.5.5 0 0 0-.5-.5h-11a.5.5 0 0 0-.5.5v11c0 .278.223.5.497.5z'/%3E%3Cpath d='M2 3h10v2H2zm0 3h4v3H2zm0 4h4v1H2zm0 2h4v1H2zm5-6h2v1H7zm3 0h2v1h-2zM7 8h2v1H7zm3 0h2v1h-2zm-3 2h2v1H7zm3 0h2v1h-2zm-3 2h2v1H7zm3 0h2v1h-2z'/%3E%3C/svg%3E") no-repeat 13px center / 15px 15px;
}

/* WPCode CSS snippet z WP (na všech stránkách): odkazy v textu a nadpisech barvou webu */
.wp-block-heading a {
	color: var(--main-color) !important;
}

p a {
	color: var(--main-color) !important;
}

/* tabulky v článcích psaných v Markdownu */
.blog-details .entry-content table { width: 100%; border-collapse: collapse; margin: 0 0 25px; }
.blog-details .entry-content th,
.blog-details .entry-content td { border-bottom: 1px solid #e5e5e5; padding: 8px 10px; text-align: left; vertical-align: top; }
.blog-details .entry-content th { color: #222429; border-bottom: 2px solid #FF7426; }

/* mobil: úvodní obrázek v detailu článku celý (šablona ho ořezává na výšku 480 px) */
@media (max-width: 767px) {
	.blog-details .post .blog-thumb { height: auto; aspect-ratio: 1200 / 630; background-size: contain; }
}

/* Úvod: pruh 3 nejnovějších aktualit (blok <!--blok:clanky_uvod-->) — mezi logy zákazníků a poptávkou; nad ním bílá mezera od log */
.pm-novinky { margin-top: 90px; padding: 90px 0; background: #222429 url("/assets/uploads/2023/01/footer-bg.jpg") center center / cover no-repeat; }
/* tmavé pozadí (jako patička): světlé nadpisy a odkaz */
.pm-novinky .section-title .title { color: #fff; }
.pm-novinky .pm-novinky-vse { color: #fff; }
.pm-novinky .pm-novinky-vse:hover { color: #FF7426; }
.pm-novinka { box-shadow: none; }
.pm-novinky-hlavicka { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 40px; }
.pm-novinky-hlavicka .section-title .title { margin-bottom: 0; }
.pm-novinky-vse { flex-shrink: 0; color: #222429; font-weight: 600; text-decoration: none; border-bottom: 2px solid #FF7426; padding-bottom: 4px; transition: color .3s; }
.pm-novinky-vse:hover { color: #FF7426; }
.pm-novinky-vse i, .pm-novinka-vice i { font-size: 1.4em; vertical-align: middle; transition: transform .3s; display: inline-block; }
.pm-novinky-vse:hover i, .pm-novinka-vice:hover i { transform: translateX(4px); }
.pm-novinky-rada { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.pm-novinka { position: relative; display: flex; flex-direction: column; background: #fff; border-radius: 6px; overflow: hidden;
	box-shadow: 0 10px 30px rgba(34, 36, 41, .08); transition: transform .35s, box-shadow .35s; }
/* oranžová linka nahoře při najetí */
.pm-novinka::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: #FF7426; z-index: 2;
	transform: scaleX(0); transform-origin: left; transition: transform .35s; }
.pm-novinka:hover { transform: translateY(-6px); box-shadow: 0 20px 40px rgba(34, 36, 41, .14); }
.pm-novinka:hover::before { transform: scaleX(1); }
.pm-novinka-obr { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; background: #f3f3f3; }
.pm-novinka-obr img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.pm-novinka:hover .pm-novinka-obr img { transform: scale(1.06); }
.pm-novinka-datum { position: absolute; left: 20px; bottom: 0; background: #FF7426; color: #fff; font-size: 14px; font-weight: 600; padding: 6px 14px; border-radius: 4px 4px 0 0; }
.pm-novinka-text { display: flex; flex-direction: column; flex: 1; padding: 25px 25px 28px; }
.pm-novinka-text h3 { font-size: 20px; line-height: 1.35; margin: 0 0 12px; }
.pm-novinka-text h3 a { color: #222429; text-decoration: none; transition: color .3s; }
.pm-novinka-text h3 a:hover { color: #FF7426; }
.pm-novinka-text p { margin: 0 0 18px; font-size: 15px; line-height: 1.6;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pm-novinka-vice { margin-top: auto; color: #FF7426; font-weight: 600; text-decoration: none; }

@media (max-width: 1024px) {
	.pm-novinky { margin-top: 70px; padding: 70px 0; }
	.pm-novinky-rada { gap: 20px; }
}
/* mobil: karty vedle sebe, posouvání prstem, další karta vykukuje */
@media (max-width: 767px) {
	.pm-novinky { margin-top: 50px; padding: 60px 0 40px; }
	.pm-novinky-hlavicka { flex-direction: column; align-items: flex-start; margin-bottom: 25px; }
	.pm-novinky-rada { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 82%; gap: 16px;
		overflow-x: auto; scroll-snap-type: x mandatory; padding: 4px 4px 30px; margin: 0 -4px; scrollbar-width: none; }
	.pm-novinky-rada::-webkit-scrollbar { display: none; }
	.pm-novinka { scroll-snap-align: start; }
	.pm-novinka:hover { transform: none; }
}