/* udm.css – vlastné úpravy statického webu www.udm.sk (jediný súbor s vlastným CSS).
   Pôvodné štýly šablóny PRO:FX (style.css, responsive.css, bootstrap, fancybox, fontawesome) sú skopírované bez zmeny. */

/* Stránka E-faktúry (prevzaté z web-udm/e-faktury/index.html) */
.content .inner .portal-box{border:1px solid #8658a0;border-radius:5px;padding:20px 25px;margin:25px 0;background:#f5f5f5}
.content .inner .portal-box .btn{float:none;opacity:1;background-color:#8658a0 !important;color:#fff;margin:10px 15px 0 0}
.content .inner .portal-box .btn.secondary{background-color:#fff !important;color:#8658a0}
.content .inner .stav{border-left:4px solid #f2e620;padding:10px 15px;background:#fffde5;margin:20px 0}
.content .inner ol li,.content .inner ul li{margin-bottom:6px}

/* Hlavička nad 1280 px: 8 položiek menu (SK 641 px, EN 722 px, DE 755 px pri písme 15 px) + veľké tlačidlo Klientsky portál
   (184 px) sa do pôvodných 815 px nezmestia, preto je hlavička širšia než obsah (max. 1320 px, pri 1366 px okne 965 px
   na menu); písmo menu 15 px namiesto 16 px s menším bočným odsadením, v nemčine ešte menším. Tlačidlo ostáva v rade menu
   v pôvodnom štýle zo style.css (pokyn Mareka 3.11.2026). */
@media only screen and (min-width:1281px){
	header .inner{max-width:1320px;padding-left:10px;padding-right:10px}
	header .inner .menu .regular-menu > ul > li > a,
	body.sticky header .inner .menu .regular-menu > ul > li > a{padding-left:7px;padding-right:7px;font-size:15px}
	html[lang="de-DE"] header .inner .menu .regular-menu > ul > li > a,
	html[lang="de-DE"] body.sticky header .inner .menu .regular-menu > ul > li > a{padding-left:4px;padding-right:4px}
}

/* 891–1280 px (tlačidlo portálu je tu nad prepínačom jazykov podľa style.css): 8 položiek menu sa zmestí len bez 50 px
   odsadenia menu z responsive.css a s menším písmom podľa šírky okna (responsive.css má na odsadení !important).
   Najhorší prípad DE „E-Rechnungen“ (namerané): 1161–1280 px 728 z 815 px (14 px), 992–1160 px 569 z ≥593 px (11 px),
   891–991 px 523 z ≥541 px (10 px; šablóna tu mala 12 px). */
@media only screen and (min-width:891px) and (max-width:1280px){
	body header .inner .menu{padding-left:0}
	body.sticky header .inner .menu .regular-menu > ul > li > a,
	body header .inner .menu .regular-menu > ul > li > a{padding-left:6px !important;padding-right:6px !important}
}
@media only screen and (min-width:1161px) and (max-width:1280px){
	body.sticky header .inner .menu .regular-menu > ul > li > a,
	body header .inner .menu .regular-menu > ul > li > a{font-size:14px}
}
@media only screen and (min-width:992px) and (max-width:1160px){
	body.sticky header .inner .menu .regular-menu > ul > li > a,
	body header .inner .menu .regular-menu > ul > li > a{font-size:11px;padding-left:4px !important;padding-right:4px !important}
}
@media only screen and (min-width:891px) and (max-width:991px){
	body.sticky header .inner .menu .regular-menu > ul > li > a,
	body header .inner .menu .regular-menu > ul > li > a{font-size:10px;padding-left:3px !important;padding-right:3px !important}
}

/* Úvodný banner, druhý riadok: namiesto „Online vedenie účtovníctva“ (logá softvéru) je digitálny poštár – ikona
   elektronickej schránky zo šablóny a dve tlačidlá (E-faktúry, Klientsky portál); pokyn Mareka 3.11.2026 */
@media only screen and (min-width:891px){
	body.home .home-banner .inner .row2 > .col{background-image:url('/assets/img/svg/icon_-_elektronicke-schranky-92x80px.svg');background-size:92px auto}
}
body.home .home-banner .inner .row2 .postar a{margin:8px 15px 0 0}
@media only screen and (max-width:768px){
	/* nadpis je dlhší než pôvodný – rovnako ako odsek nesmie ísť pod postavu vpravo (responsive.css obmedzuje len p) */
	body.home .home-banner .inner .row2 h3,
	body.home .home-banner .inner .row2 p{max-width:calc(100% - 100px)}
}

/* Oprava mobilu: pravidlo „header .inner .menu .regular-menu{display:flex}“ (pridané 3.11.2026 pre tlačidlo portálu)
   má vyššiu špecificitu než „body header .regular-menu{display:none}“ z responsive.css, preto sa do 890 px
   zobrazovalo aj bežné menu pod logom – tu sa znova skryje (na mobile je len hamburger + mobilné menu) */
@media only screen and (max-width:890px){
	header .inner .menu .regular-menu{display:none}
}

/* Formuláre: skryté pole proti robotom (honeypot) – mimo obrazovky, nie display:none */
.udm-hp{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden}

/* Správa po odoslaní formulára (dopyt v dolnom banneri aj kontaktný formulár) */
.udm-form-msg{padding:12px 18px;margin:0 0 15px;border-radius:4px;font-size:15px;background:#eef7ec;border:1px solid #9bd08e;color:#1e4d14}
.udm-form-msg.chyba{background:#fdeeee;border-color:#e5a3a3;color:#7a1f1f}
.bottom-banner .udm-form-msg{background:#fff;border-color:#f2e620;color:#333}

/* Prázdne miesto po reCAPTCHA v kontaktnom formulári (zachovaný rozmer rozloženia) */
.powermail_fieldwrap_type_captcha{min-height:1px}