/* === ViK emergency bar offset (vik-emergency-offset) === */
body { padding-top: 40px !important; }
@media (max-width: 575px) { body { padding-top: 66px !important; } }

/* === ViK emergency bar: push fixed header below the bar === */
.eds_fixedHeader { top: 40px !important; }
@media (max-width: 575px) { .eds_fixedHeader { top: 66px !important; } }

/* === ViK utility color scheme: menu + footer (no black) === */
/* Footer */
.eds_footer { background-color:#1c3a47 !important; }
.eds_footer h1,.eds_footer h2,.eds_footer h3,.eds_footer h4,.eds_footer h5,.eds_footer h6,
.eds_footer .h1,.eds_footer .h2,.eds_footer .h3,.eds_footer .h4,.eds_footer .h5,.eds_footer .h6 { color:#7ec8e6 !important; }
.eds_footer, .eds_footer .Normal, .eds_footer a { color:#dceaf3 !important; }
.eds_footer a:hover { color:#ffffff !important; }

/* Main menu bar (header background variants) */
.eds_headerContainer .eds_headerBackground { background-color:#2c5364 !important; }

/* Mega-menu / dropdown panels */
.raMenuWrapper > ol .edsmm_menuItem > div,
.edsmm_menuListsContainer,
.edsmm_megaMenu > div { background-color:#1c3a47 !important; }

/* Menu links readable on blue */
.edsmm_itemContainer { color:#ffffff !important; }
.raMenuWrapper > ol > .edsmm_menuItem:hover > span .edsmm_itemContainer { background-color:#005d8a !important; }

/* === ViK footer - inspired by sofiyskavoda.bg (wave + blue gradient) === */
.eds_footer {
  position: relative !important;
  background: linear-gradient(180deg,#0a6aa8 0%,#06405f 55%,#062f47 100%) !important;
  color: #dceaf3 !important;
  padding-top: 84px !important;
  overflow: hidden;
}
.eds_footer::before {
  content: "";
  position: absolute; top: 0; left: 0; right: 0; height: 64px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 64' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0,0 L1440,0 L1440,26 C1140,64 900,4 720,26 C540,48 240,4 0,30 Z'/%3E%3C/svg%3E");
  background-size: 100% 100%; background-repeat: no-repeat; pointer-events: none;
}
.eds_footer h1,.eds_footer h2,.eds_footer h3,.eds_footer h4,.eds_footer h5,.eds_footer h6,
.eds_footer .h1,.eds_footer .h2,.eds_footer .h3,.eds_footer .h4,.eds_footer .h5,.eds_footer .h6 {
  color: #ffffff !important; font-weight: 500 !important; letter-spacing:.3px;
}
.eds_footer, .eds_footer .Normal { color: #cfe3f0 !important; }
.eds_footer a { color: #ffffff !important; text-decoration: none !important; position: relative; }
.eds_footer a:hover { color: #ffffff !important; }
.eds_footer a:after {
  content:""; position:absolute; left:0; bottom:-2px; height:1px; width:0;
  background:#7ec8e6; transition:width .25s ease;
}
.eds_footer a:hover:after { width:100%; }

/* === ViK menu: lighter blue === */
.eds_headerContainer .eds_headerBackground { background-color:#3a9bd4 !important; }
.raMenuWrapper > ol .edsmm_menuItem > div,
.edsmm_menuListsContainer,
.edsmm_megaMenu > div { background-color:#2f8fc7 !important; }
.edsmm_itemContainer { color:#ffffff !important; }
.raMenuWrapper > ol > .edsmm_menuItem:hover > span .edsmm_itemContainer,
.raMenuWrapper > ol > .edsmm_menuItem.edsmm_active > span .edsmm_itemContainer { background-color:#2f8fc7 !important; }

/* === Login/Register/username: readable on blue header + above menu === */
.eds_userLogin { position: relative; z-index: 1500; }
.eds_userLogin a,
.eds_userLogin .userDisplayName a,
.eds_userLogin .loginGroup a,
.eds_userLogin .registerGroup a { color: #ffffff !important; }
.eds_userLogin a:hover { color: #dfeffb !important; }

/* === Login strip lifted above menu (fix overlap) === */
.eds_headerContainer1 .eds_header { position: relative; }
.eds_headerContainer1 .eds_userLogin { position: absolute; top: 4px; right: 16px; z-index: 2000; height: auto; }
@media (max-width: 991px) { .eds_headerContainer1 .eds_userLogin { position: static; } }

/* === Clear search icon: move login strip left of it === */
.eds_headerContainer1 .eds_userLogin { right: 56px !important; }
.eds_headerContainer1 .eds_searchButton { position: absolute; top: 6px; right: 16px; z-index: 2000; }
@media (max-width: 991px) {
  .eds_headerContainer1 .eds_userLogin { right: auto !important; }
  .eds_headerContainer1 .eds_searchButton { position: static; }
}

/* === Reset login/search to flow; menu on its own row below (clean header) === */
.eds_headerContainer1 .eds_userLogin { position: static !important; right: auto !important; top: auto !important; float: right; }
.eds_headerContainer1 .eds_searchButton { position: static !important; right: auto !important; top: auto !important; }
.eds_headerContainer1 .raMenuWrapper { clear: both !important; width: 100% !important; }

/* === Scrolled (compact) state: menu inline again, normal height === */
body.eds_pageScrolled .eds_headerContainer1 .raMenuWrapper { clear: none !important; width: auto !important; }

/* === Footer links: unified style (white + hover highlight) === */
.eds_footer a { color: #ffffff !important; text-decoration: none !important; border-radius: 4px; transition: background .15s, color .15s; padding: 2px 6px; }
.eds_footer a:hover { background: rgba(255,255,255,.12) !important; color: #ffffff !important; }
.eds_footer a:hover:after { width: 0 !important; }

/* === Footer: mockup navy (darker, flat-ish) === */
.eds_footer { background: linear-gradient(180deg,#123f63 0%,#0d2b45 45%,#081d30 100%) !important; }

/* === Hide empty container titles (empty h2 + decor line) === */
h2.eds_containerTitle:has(> .eds_title:empty) { display: none !important; }

/* === ViK top info bar (mockup header) === */
.vik-topbar { background:#ffffff; border-bottom:1px solid #e1e8ef; font-family:'Segoe UI',Roboto,Arial,sans-serif; font-size:13px; }
.vik-topbar__in { display:flex; gap:24px; justify-content:flex-end; align-items:center; padding:7px 16px; flex-wrap:wrap; }
.vik-topbar a { color:#0a4d72 !important; text-decoration:none !important; }
.vik-topbar a strong { font-weight:700; }
.vik-topbar__alarm, .vik-topbar__alarm strong { color:#c0392b !important; }
body.eds_pageScrolled .vik-topbar { display:none; }

/* === Menu bar: dark navy (mockup) === */
.eds_headerContainer .eds_headerBackground { background-color:#0a3d5c !important; }
.raMenuWrapper > ol .edsmm_menuItem > div,
.edsmm_menuListsContainer,
.edsmm_megaMenu > div { background-color:#0d4a6e !important; }
.raMenuWrapper > ol > .edsmm_menuItem:hover > span .edsmm_itemContainer,
.raMenuWrapper > ol > .edsmm_menuItem.edsmm_active > span .edsmm_itemContainer { background-color:#126594 !important; }

/* Repairs/Аварии menu item: red accent */
a.edsmm_itemContainer[href*="/repairs"] { background-color:#c0392b !important; border-radius:6px; }

/* === Compact menu: hide logo in header (logo lives in hero banner + footer) === */
.eds_headerContainer1 .eds_logo { display: none !important; }

/* === Footer bottom bar polish (mockup) === */
.edsCopyright, .edsCopyright a { color: rgba(220,234,243,.85) !important; font-size: 12px; }
.edsCopyright a { text-decoration: none !important; margin-left: 14px; }
.edsCopyright a:hover { color: #ffffff !important; }
.vik-cb-link { margin-left: 14px; }

/* === Footer: mockup photo background (water wave + drop) === */
.eds_footer {
  background: #012B55 url('/Portals/0/Images/WSS_Footer.jpg') no-repeat top center !important;
  background-size: 100% auto !important;
  padding-top: 340px !important;
}
.eds_footer::before { display: none !important; }
@media (max-width: 991px) {
  .eds_footer { padding-top: 200px !important; }
}
@media (max-width: 575px) {
  .eds_footer { padding-top: 120px !important; background-size: auto 260px !important; }
}

/* === Footer bg: columns start below the logo/slogan zone (proportional) === */
.eds_footer { padding-top: 30vw !important; }
@media (max-width: 575px) { .eds_footer { padding-top: 34vw !important; background-size: 100% auto !important; } }