/* === OPTIPLUS typografia: Playfair Display (nadpisy) + Source Sans (text) === */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Source+Sans+3:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap');

html body,
html body,
html body div, html body span, html body strong, html body em, html body small,
html body #sp-header, html body #sp-header .logo, html body #sp-header .logo-slogan,
html body .opti-contact, html body .opti-cont,
html body p, html body a, html body li, html body td, html body label,
html body input, html body button, html body textarea, html body select,
html #sp-header .sp-megamenu-parent li a, html #sp-menu a, html .offcanvas-menu a, html #offcanvas-menu a,
html body .sppb-addon-text, html body .article-body, html body .breadcrumb, html body .sp-copyright {
  font-family: 'Source Sans 3','Source Sans Pro',-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif !important;
}

html body h1, html body h2, html body h3, html body h4, html body h5, html body h6,
html body .sppb-addon-title, html body .sp-page-title, html body .sp-page-title *,
html body .article-header h1, html body .opti-head h1 {
  font-family: 'Playfair Display', Georgia, 'Times New Roman', serif !important;
}

/* navigácia = rovnaký font ako tlačidlo (Source Sans 14px, ls 0.4), čierna */
html body #sp-header .sp-megamenu-parent > li > a {
  font-size: 15px !important;
  letter-spacing: 0.4px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  color: #5a5a5a !important;
}

/* === Oranžový akcent (#EC430F) – LEN aktuálna (aktívna) stránka === */
html body #sp-header .sp-megamenu-parent > li.active > a,
html body #sp-header .sp-megamenu-parent > li.current-item > a,
html body #offcanvas-menu .active > a,
html body .offcanvas-menu .active > a {
  color: #EC430F !important;
  font-weight: 500 !important;
}

/* hover na NEAKTÍVnej položke – text zostane čierny, len podčiarknutie (klikateľné) */
html body #sp-header .sp-megamenu-parent > li > a:hover {
  color: #000 !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
  text-decoration-thickness: 1px !important;
}
/* aktuálna stránka ostáva oranžová aj pri prejdení myšou, bez podčiarknutia */
html body #sp-header .sp-megamenu-parent > li.active > a:hover,
html body #sp-header .sp-megamenu-parent > li.current-item > a:hover {
  color: #EC430F !important;
  text-decoration: none !important;
}

/* aktívna položka v drobečkovej navigácii (hlavička podstránok) – tenká oranžová */
/* navigácia v hlavičke podstránok (breadcrumb) – rovnaká šedá + hover ako horné menu */
html body .opti-head .crumb a { color:#5a5a5a !important; font-weight:500 !important; }
html body .opti-head .crumb a.active { color:#EC430F !important; font-weight:500 !important; }
html body .opti-head .crumb a:hover { color:#000 !important; text-decoration:underline !important; text-underline-offset:4px !important; text-decoration-thickness:1px !important; }
html body .opti-head .crumb a.active:hover { color:#EC430F !important; text-decoration:none !important; }