/*
Theme Name: UkrRIS Modern
Description: Shared UkrRIS site shell. Provides navigation, logos, favicon, river backdrop, page titles and project chrome. Homepage and page content are supplied by dedicated plugins.
Version: 3.5.38
*/

html, body{margin:0!important;padding:0!important;min-height:100%;}
body.ris-modern{font-family:Arial,Helvetica,sans-serif;color:#16384c;background:#eef7fb;}
body.ris-modern #wrap{position:relative;min-height:100vh;z-index:1;background:transparent;}

/* Footer / shared content shell. */
#footer_bg{position:relative;z-index:20;display:block;clear:both;margin:0!important;padding:0!important;background:transparent!important;color:#fff;}
#footer{width:min(calc(100% - 36px),1600px);margin:0 auto;}
.col_12{font-size:14px;line-height:1.6;}

/* Common top navigation. */
html body.ris-modern #main_in_bl{
  position:fixed!important;
  top:8px!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:min(calc(100vw - 48px),1620px)!important;
  max-width:1620px!important;
  margin:0!important;
  padding:8px 10px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  z-index:10000!important;
  overflow:visible!important;
  background:linear-gradient(105deg,#075071 0%,#087a9b 52%,#075575 100%)!important;
  border:1px solid rgba(255,255,255,.20)!important;
  border-radius:20px!important;
  box-shadow:0 12px 34px rgba(3,43,66,.32)!important;
  opacity:1!important;visibility:visible!important;
  transform:translate(-50%,-120%)!important;
  transition:transform .24s ease,opacity .2s ease!important;
}
html body.ris-modern.ukrris-nav-shown #main_in_bl{transform:translate(-50%,0)!important;}
html body.ris-modern.ukrris-nav-at-top #main_in_bl{transform:translate(-50%,-120%)!important;}
html body.ris-modern.ukrris-nav-short-page #main_in_bl{transform:translate(-50%,0)!important;}
html body.ris-modern #main_in_bl #menu-top, html body.ris-modern #main_in_bl #menu-top>ul, html body.ris-modern #main_in_bl #menu-top>ul.menu{background:transparent!important;}
html body.ris-modern #main_in_bl #menu-top{flex:1 1 auto!important;min-width:0!important;}
html body.ris-modern #main_in_bl #menu-top>ul.menu{display:flex!important;justify-content:center!important;align-items:center!important;gap:4px!important;margin:0!important;padding:0!important;list-style:none!important;}
html body.ris-modern #main_in_bl #menu-top>ul.menu>li>a, html body.ris-modern #main_in_bl .ris-account-state a{color:#fff!important;text-shadow:0 1px 5px rgba(0,25,40,.3)!important;}
html body.ris-modern #main_in_bl .ris-account-state{display:flex!important;align-items:center!important;gap:8px!important;white-space:nowrap!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;position:relative!important;z-index:20!important;}
html body.ris-modern #main_in_bl .ris-account-state a{display:inline-flex!important;align-items:center!important;min-height:34px!important;padding:0 10px!important;border-radius:9px!important;text-decoration:none!important;font-weight:650!important;pointer-events:auto!important;position:relative!important;cursor:pointer!important;}
html body.ris-modern #main_in_bl .ris-account-profile{max-width:150px;overflow:hidden;text-overflow:ellipsis;}

/* Brand and logo group. */
html body.ris-modern #main_in_bl .ris-brand-stack{order:1!important;flex:0 0 auto!important;width:auto!important;min-width:120px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:5px!important;margin:0 10px 0 0!important;padding:0!important;}
html body.ris-modern #main_in_bl .ris-brand{margin:0!important;flex:0 0 auto!important;color:#fff!important;background:rgba(255,255,255,.08)!important;box-shadow:none!important;}
html body.ris-modern #main_in_bl .ris-nav-back{position:absolute!important;top:calc(100% + 15px)!important;left:0!important;z-index:10050!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:92px!important;height:34px!important;padding:0 14px!important;box-sizing:border-box!important;border-radius:9px!important;border:1px solid rgba(255,255,255,.24)!important;background:linear-gradient(135deg,#0a91bd,#087ca3)!important;color:#fff!important;text-decoration:none!important;font:800 13px/1 Arial,Helvetica,sans-serif!important;white-space:nowrap!important;box-shadow:0 6px 15px rgba(0,40,60,.14)!important;cursor:pointer!important;}
html body.ris-modern #main_in_bl .ris-nav-back:hover, html body.ris-modern #main_in_bl .ris-nav-back:focus-visible{background:linear-gradient(135deg,#0ca0c9,#0787af)!important;transform:translateY(-1px)!important;}
html body.ris-modern #main_in_bl .ris-identity-group{order:2!important;display:flex!important;align-items:center!important;gap:4px!important;flex:0 0 auto!important;}
html body.ris-modern #main_in_bl #menu-top{order:3!important;}
html body.ris-modern #main_in_bl .ris-account-state{order:4!important;}
html body.ris-modern #main_in_bl .ris-national-emblem{flex:0 0 42px!important;width:42px!important;height:50px!important;display:inline-grid!important;place-items:center!important;background:transparent!important;overflow:visible!important;margin:0 2px!important;}
html body.ris-modern #main_in_bl .ris-national-emblem img{width:32px!important;height:44px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;filter:drop-shadow(0 0 7px rgba(255,213,77,.35));}
html body.ris-modern #main_in_bl .ris-project-logo{position:relative!important;flex:0 0 78px!important;width:78px!important;height:50px!important;min-width:78px!important;max-width:78px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 8px 0 2px!important;padding:0!important;overflow:hidden!important;border-radius:12px!important;}
html body.ris-modern #main_in_bl .ris-project-logo img{display:block!important;width:78px!important;height:50px!important;min-width:78px!important;max-width:78px!important;max-height:50px!important;object-fit:contain!important;object-position:center!important;margin:0!important;padding:0!important;filter:drop-shadow(0 0 8px rgba(255,217,87,.32));}
html body.ris-modern #main_in_bl .ris-project-logo__shine{position:absolute!important;inset:-20% -40%!important;width:42%!important;transform:skewX(-22deg)!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.70),rgba(255,225,109,.84),transparent)!important;filter:blur(7px)!important;opacity:0!important;pointer-events:none!important;}
html body.ris-modern #main_in_bl .ris-project-logo:hover .ris-project-logo__shine, html body.ris-modern #main_in_bl .ris-project-logo:focus-visible .ris-project-logo__shine{animation:ukrris-final-project-sweep .95s ease-out 1!important;}
@keyframes ukrris-final-project-sweep{0%{left:-80%;opacity:0}18%{opacity:.9}45%{left:5%;opacity:1}75%{left:85%;opacity:.45}100%{left:140%;opacity:0}}
html body.ris-modern #main_in_bl .ris-project-logo:hover img, html body.ris-modern #main_in_bl .ris-project-logo:focus-visible img{filter:brightness(1.08) drop-shadow(0 0 11px rgba(255,214,78,.45))!important;}


/* WordPress admin bar: keep the public site header below wp-admin toolbar for authenticated users. */
html body.admin-bar.ris-modern #main_in_bl{
  top:calc(8px + var(--wp-admin--admin-bar--height, 32px))!important;
}

/* Project hero: the theme owns the page title/hero chrome; project plugin owns the content below it. */
html body.ris-modern.ukrris-project-danube-fullhero #wrap{padding-top:0!important;background:transparent!important;width:100vw!important;max-width:none!important;margin:0!important;}
html body.ris-modern.ukrris-project-danube-fullhero #wrap>.ukrris-inner-banner{display:none!important;}
html body.ris-modern.ukrris-project-danube-fullhero #main_in_bl{top:8px!important;width:calc(100vw - 100px)!important;max-width:none!important;}
html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-hero{position:relative!important;width:100vw!important;min-height:690px!important;margin:0!important;border-radius:0 0 0 0!important;overflow:hidden!important;color:#fff!important;background:#073b53!important;box-shadow:none!important;}
html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-hero-bg{position:absolute!important;inset:0!important;background:linear-gradient(100deg,rgba(3,39,59,.84),rgba(4,81,113,.47) 58%,rgba(5,94,122,.12)),url("assets/img/ukrris-danube-hero.webp") center/cover no-repeat!important;}
html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-content{position:relative!important;z-index:2!important;max-width:760px!important;padding:164px 30px 40px!important;margin-left:max(10vw,calc((100vw - 1440px)/2))!important;}
html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-eyebrow{font-size:14px!important;font-weight:800!important;letter-spacing:.08em!important;color:#8de0ff!important;text-transform:uppercase!important;margin-bottom:20px!important;}
html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-content h1{font-size:clamp(52px,5vw,72px)!important;line-height:1!important;margin:0 0 20px!important;color:#fff!important;font-weight:800!important;letter-spacing:-.03em!important;}
html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-content p{font-size:21px!important;line-height:1.5!important;color:rgba(255,255,255,.92)!important;margin:0 0 24px!important;max-width:760px!important;}
html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-status{display:inline-flex!important;align-items:center!important;gap:9px!important;padding:11px 16px!important;border:1px solid rgba(255,255,255,.25)!important;background:rgba(255,255,255,.11)!important;border-radius:999px!important;font-weight:700!important;}
html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-status span{width:9px!important;height:9px!important;border-radius:50%!important;background:#5fe4a0!important;box-shadow:0 0 0 5px rgba(95,228,160,.13)!important;}
html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-buttons{display:flex!important;gap:10px!important;margin-top:26px!important;flex-wrap:wrap!important;}
html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-buttons a{display:inline-flex!important;padding:11px 16px!important;border-radius:12px!important;text-decoration:none!important;font-weight:800!important;}
html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-primary{background:#fff!important;color:#086f97!important;}
html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-secondary{border:1px solid rgba(255,255,255,.4)!important;color:#fff!important;background:rgba(0,0,0,.12)!important;}
html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-logos{position:absolute!important;z-index:3!important;left:calc(max(10vw,calc((100vw - 1440px)/2)) + 11px)!important;bottom:58px!important;width:708px!important;min-height:80px!important;display:grid!important;grid-template-columns:120px 170px 1fr!important;gap:12px!important;align-items:center!important;padding:10px 16px!important;box-sizing:border-box!important;background:rgba(255,255,255,.96)!important;border-radius:16px!important;box-shadow:0 12px 36px rgba(0,0,0,.16)!important;color:#49616e!important;}
html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-logo-card, html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-eu-card{height:58px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;border-radius:8px!important;overflow:hidden!important;}
html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-logo-card img{width:105px!important;height:56px!important;object-fit:contain!important;display:block!important;}
html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-eu-card img{width:150px!important;height:52px!important;object-fit:contain!important;display:block!important;}
html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-logos-text{font-size:11px!important;line-height:1.45!important;color:#49616e!important;padding-left:2px!important;}
/* The right-hand project navigator is theme chrome. */
html body.ris-modern.ukrris-project-danube-fullhero #ukrris-project-page-nav{position:fixed!important;top:178px!important;right:10px!important;z-index:10020!important;width:160px!important;padding:0 8px 8px!important;box-sizing:border-box!important;border-radius:16px!important;overflow:hidden!important;background:linear-gradient(180deg,rgba(8,116,145,.97),rgba(5,91,117,.97))!important;box-shadow:0 10px 30px rgba(0,45,65,.25)!important;backdrop-filter:blur(6px)!important;}
html body.ris-modern.ukrris-project-danube-fullhero #ukrris-project-page-nav .ukrris-project-page-nav-title{padding:12px 8px 9px!important;color:#fff!important;text-align:center!important;font-size:13px!important;font-weight:800!important;}
html body.ris-modern.ukrris-project-danube-fullhero #ukrris-project-page-nav a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:43px!important;margin:4px 0!important;padding:8px 7px!important;box-sizing:border-box!important;border-radius:9px!important;background:rgba(255,255,255,.10)!important;color:#fff!important;text-decoration:none!important;text-align:center!important;font-size:13px!important;font-weight:700!important;transition:background .15s ease,transform .15s ease!important;}
html body.ris-modern.ukrris-project-danube-fullhero #ukrris-project-page-nav a:hover, html body.ris-modern.ukrris-project-danube-fullhero #ukrris-project-page-nav a.is-active{background:rgba(255,255,255,.19)!important;transform:translateX(-1px)!important;}

/* Compatibility: suppress obsolete page-owned Back controls in migrated plugins. */
html body.ris-modern .ukrris-theme-project-page-back, html body.ris-modern .ukrris-theme-project-back-wrap, html body.ris-modern .ukrris-global-back, html body.ris-modern .ukrris-maps-back, html body.ris-modern .ukrris-pd-back{display:none!important;}

@media(max-width:900px){
  html body.ris-modern #main_in_bl{width:calc(100vw - 20px)!important;top:8px!important;border-radius:16px!important;}
  html body.ris-modern #main_in_bl .ris-brand-stack{min-width:100px!important;gap:4px!important;}
  html body.ris-modern #main_in_bl .ris-nav-back{min-width:80px!important;height:30px!important;padding:0 10px!important;font-size:12px!important;top:calc(100% + 14px)!important;}
  
  html body.ris-modern:not(.ukrris-project-danube-fullhero) #wrap>.ukrris-inner-banner{height:215px!important;}
  html body.ris-modern:not(.ukrris-project-danube-fullhero) #wrap>.ukrris-inner-banner .ukrris-inner-banner-title{left:20px!important;bottom:18px!important;max-width:calc(100% - 40px)!important;}
  html body.ris-modern:not(.ukrris-project-danube-fullhero) #wrap>.ukrris-inner-banner .ukrris-inner-banner-eyebrow{font-size:14px!important;}
  html body.ris-modern:not(.ukrris-project-danube-fullhero) #wrap>.ukrris-inner-banner .ukrris-inner-banner-heading{font-size:32px!important;}
  html body.ris-modern.ukrris-project-danube-fullhero #main_in_bl{width:calc(100vw - 20px)!important;top:8px!important;}
  html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-content{margin-left:0!important;padding:125px 24px 30px!important;}
  html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-logos{left:24px!important;right:24px!important;bottom:22px!important;width:auto!important;}
  html body.ris-modern.ukrris-project-danube-fullhero #ukrris-project-page-nav{display:none!important;}
}
@media(max-width:760px){
  html body.ris-modern #main_in_bl .ris-project-logo{flex-basis:66px!important;width:66px!important;height:46px!important;min-width:66px!important;max-width:66px!important;}
  html body.ris-modern #main_in_bl .ris-project-logo img{width:66px!important;height:46px!important;max-width:66px!important;max-height:46px!important;}
  html body.ris-modern #main_in_bl .ris-national-emblem{flex-basis:38px!important;width:38px!important;height:46px!important;}
  html body.ris-modern #main_in_bl .ris-national-emblem img{width:29px!important;height:40px!important;}
  html body.ris-modern #main_in_bl .ris-nav-back{top:calc(100% + 13px)!important;}
}

/* FINAL THEME BASE: river background only; page plugins provide their own translucent backplates. */
/* v3.0.3: top bar hides at top only on scrollable pages; short pages keep it visible. RIS brand is first. */
html body.ris-modern{
  min-height:100vh!important;
  background-color:#dcebf1!important;
  background-image:none;
  background-repeat:no-repeat!important;
  background-position:center top!important;
  background-size:cover!important;
  background-attachment:fixed!important;
}
html body.ris-modern #wrap{
  background:transparent!important;
  background-image:none!important;
}

@media(max-width:782px){
  html body.admin-bar.ris-modern #main_in_bl{
    top:calc(8px + var(--wp-admin--admin-bar--height, 46px))!important;
  }
}


/* UkrRIS multilingual switcher: one button, showing current -> target language. */
html body.ris-modern a.ris-language-switcher{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
  min-width:72px!important;height:34px!important;padding:3px 9px!important;box-sizing:border-box!important;
  border:1px solid rgba(210,247,255,.25)!important;border-radius:10px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.035))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11)!important;
  white-space:nowrap!important;text-decoration:none!important;color:#fff!important;
  font:800 11px/1 Arial,sans-serif!important;letter-spacing:.04em!important;
  transition:background .15s ease,transform .15s ease,box-shadow .15s ease!important;
}
html body.ris-modern a.ris-language-switcher:hover{
  background:rgba(255,255,255,.22)!important;box-shadow:0 3px 12px rgba(0,49,77,.18)!important;transform:translateY(-1px)!important;
}
html body.ris-modern a.ris-language-switcher .ris-language-label{font-weight:900!important;opacity:1!important;}


/* Legacy duplicate notices/journal header rules consolidated in the final shared layout layer. */


/* v3.2.3: visibly enlarged public header/navigation. */
html body.ris-modern #main_in_bl{
  min-height:88px!important;
  padding:11px 14px!important;
}
html body.ris-modern #main_in_bl #menu-top>ul.menu{
  min-height:66px!important;
  gap:6px!important;
}
html body.ris-modern #main_in_bl #menu-top>ul.menu>li>a{
  min-height:58px!important;
  padding:11px clamp(14px,1vw,20px)!important;
  font-size:18px!important;
  line-height:1.12!important;
  font-weight:800!important;
}
html body.ris-modern #main_in_bl .ris-account-state{
  gap:10px!important;
}
html body.ris-modern #main_in_bl .ris-account-state a{
  min-height:44px!important;
  padding:0 14px!important;
  font-size:15px!important;
  font-weight:750!important;
}
html body.ris-modern #main_in_bl .ris-national-emblem{
  flex-basis:50px!important;
  width:50px!important;
  height:62px!important;
}
html body.ris-modern #main_in_bl .ris-national-emblem img{
  width:38px!important;
  height:53px!important;
}
html body.ris-modern #main_in_bl .ris-project-logo{
  flex-basis:90px!important;
  width:90px!important;
  min-width:90px!important;
  max-width:90px!important;
  height:62px!important;
}
html body.ris-modern #main_in_bl .ris-project-logo img{
  width:90px!important;
  height:62px!important;
  min-width:90px!important;
  max-width:90px!important;
  max-height:62px!important;
}
html body.ris-modern #main_in_bl .ris-brand-stack{
  min-width:132px!important;
  margin-right:14px!important;
}
html body.ris-modern #main_in_bl a.ris-language-switcher{
  min-width:52px!important;
  height:44px!important;
  padding:0 12px!important;
  font-size:15px!important;
}
@media(max-width:1100px){
  html body.ris-modern #main_in_bl{min-height:78px!important;padding:9px 10px!important;}
  html body.ris-modern #main_in_bl #menu-top>ul.menu>li>a{min-height:50px!important;padding:9px 11px!important;font-size:15px!important;}
}

/* v3.2.4 — real mobile layout for the shared shell. */
@media (max-width:700px){
  html, body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;}
  html body.ris-modern #main_in_bl{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 32px auto 42px!important;
    grid-template-areas:"brand emblem account language" "menu menu menu menu"!important;
    align-items:center!important;
    column-gap:5px!important;
    row-gap:6px!important;
    width:calc(100vw - 12px)!important;
    max-width:none!important;
    min-height:0!important;
    top:max(5px,env(safe-area-inset-top))!important;
    left:50%!important;
    padding:7px!important;
    box-sizing:border-box!important;
    border-radius:15px!important;
    transform:translate(-50%,0)!important;
    overflow:visible!important;
  }
  html body.ris-modern #main_in_bl .ris-brand-stack{
    grid-area:brand!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    display:block!important;
  }
  html body.ris-modern #main_in_bl .ris-brand{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    max-width:none!important;
    padding:6px 9px!important;
    box-sizing:border-box!important;
    border-radius:11px!important;
    overflow:hidden!important;
  }
  html body.ris-modern #main_in_bl .ris-brand span{font-size:16px!important;line-height:1!important;}
  html body.ris-modern #main_in_bl .ris-brand small{display:block!important;font-size:7px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  html body.ris-modern #main_in_bl .ris-nav-back{display:none!important;}

  html body.ris-modern #main_in_bl .ris-identity-group{
    grid-area:emblem!important;
    width:32px!important;
    min-width:32px!important;
    height:42px!important;
    margin:0!important;
    gap:0!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  html body.ris-modern #main_in_bl .ris-national-emblem{
    width:32px!important;min-width:32px!important;height:42px!important;margin:0!important;
  }
  html body.ris-modern #main_in_bl .ris-national-emblem img{width:25px!important;height:35px!important;}
  html body.ris-modern #main_in_bl .ris-project-logo{display:none!important;}

  html body.ris-modern #main_in_bl #menu-top{
    grid-area:menu!important;
    order:initial!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    overflow:hidden!important;
    border-radius:10px!important;
  }
  html body.ris-modern #main_in_bl #menu-top>ul.menu{
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    gap:4px!important;
    padding:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html body.ris-modern #main_in_bl #menu-top>ul.menu::-webkit-scrollbar{display:none!important;}
  html body.ris-modern #main_in_bl #menu-top>ul.menu>li{flex:0 0 auto!important;min-width:0!important;}
  html body.ris-modern #main_in_bl #menu-top>ul.menu>li>a{
    display:flex!important;
    min-height:42px!important;
    padding:7px 11px!important;
    box-sizing:border-box!important;
    border-radius:9px!important;
    font-size:12px!important;
    line-height:1.12!important;
    white-space:nowrap!important;
  }

  html body.ris-modern #main_in_bl .ris-account-state{
    grid-area:account!important;
    order:initial!important;
    min-width:0!important;
    max-width:82px!important;
    gap:4px!important;
    overflow:hidden!important;
  }
  html body.ris-modern #main_in_bl .ris-account-state a{
    min-height:42px!important;
    max-width:82px!important;
    padding:6px 9px!important;
    box-sizing:border-box!important;
    font-size:11px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  html body.ris-modern #main_in_bl .ris-account-logout{display:none!important;}
  html body.ris-modern #main_in_bl .ris-language-switch{
    grid-area:language!important;
    order:initial!important;
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  
  html body.ris-modern:not(.ukrris-project-danube-fullhero) #wrap>.ukrris-inner-banner{height:145px!important;min-height:145px!important;}
  html body.ris-modern:not(.ukrris-project-danube-fullhero) #wrap>.ukrris-inner-banner .ukrris-inner-banner-title{left:16px!important;right:16px!important;bottom:16px!important;max-width:none!important;}
  html body.ris-modern:not(.ukrris-project-danube-fullhero) #wrap>.ukrris-inner-banner .ukrris-inner-banner-heading{font-size:clamp(26px,8vw,34px)!important;line-height:1.05!important;overflow-wrap:anywhere!important;}

  html body.ris-modern #content, html body.ris-modern #content_bl, html body.ris-modern .col_9, html body.ris-modern .ukrris-page-inner, html body.ris-modern .content{
    width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
  }
  html body.ris-modern #content{padding-left:10px!important;padding-right:10px!important;}
  html body.ris-modern img{max-width:100%;height:auto;}
  html body.ris-modern iframe, html body.ris-modern video{max-width:100%!important;}
  html body.ris-modern table{max-width:100%;}

  /* Project page: turn desktop-only right rail and wide logo strip into a phone layout. */
  html body.ris-modern.ukrris-project-danube-fullhero #main_in_bl{width:calc(100vw - 12px)!important;}
  html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-hero{min-height:0!important;padding-bottom:22px!important;}
  html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-content{
    max-width:none!important;margin:0!important;padding:145px 18px 24px!important;box-sizing:border-box!important;
  }
  html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-content h1{font-size:clamp(40px,13vw,56px)!important;}
  html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-content p{font-size:17px!important;line-height:1.45!important;}
  html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-buttons a{width:100%!important;justify-content:center!important;box-sizing:border-box!important;}
  html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-logos{
    position:relative!important;left:auto!important;bottom:auto!important;width:calc(100% - 32px)!important;min-height:0!important;
    margin:0 16px!important;grid-template-columns:1fr!important;gap:8px!important;padding:10px!important;
  }
  html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-logo-card, html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-eu-card{height:54px!important;}
  html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-logos-text{font-size:10px!important;text-align:center!important;}
  html body.ris-modern.ukrris-project-danube-fullhero #ukrris-project-page-nav{display:none!important;}
}

@media (max-width:390px){
  html body.ris-modern #main_in_bl{grid-template-columns:minmax(0,1fr) 28px auto 40px!important;}
  html body.ris-modern #main_in_bl .ris-identity-group, html body.ris-modern #main_in_bl .ris-national-emblem{width:28px!important;min-width:28px!important;}
  html body.ris-modern #main_in_bl .ris-account-state, html body.ris-modern #main_in_bl .ris-account-state a{max-width:70px!important;}
  html body.ris-modern #main_in_bl .ris-language-switch{width:40px!important;min-width:40px!important;}
  html body.ris-modern #main_in_bl #menu-top>ul.menu>li>a{padding-left:9px!important;padding-right:9px!important;font-size:11px!important;}
}

/* v3.2.5 — mobile header rebuilt to match the original UkrRIS mobile layout. */
@media (max-width:700px){
html body.ris-modern #main_in_bl{position:fixed!important;top:max(8px,env(safe-area-inset-top))!important;left:50%!important;right:auto!important;transform:translate(-50%,0)!important;width:calc(100vw - 20px)!important;max-width:none!important;min-height:230px!important;height:auto!important;padding:12px 12px 14px!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(96px,1.05fr) minmax(126px,1.45fr) auto auto!important;grid-template-rows:112px 78px!important;column-gap:8px!important;row-gap:10px!important;align-items:center!important;border-radius:28px!important;overflow:hidden!important;background:linear-gradient(112deg,#075879 0%,#07809d 52%,#075b7d 100%)!important;border:1px solid rgba(255,255,255,.26)!important;box-shadow:0 12px 28px rgba(3,43,66,.30)!important;}
html body.ris-modern.ukrris-nav-at-top #main_in_bl, html body.ris-modern.ukrris-nav-shown #main_in_bl, html body.ris-modern.ukrris-nav-short-page #main_in_bl{transform:translate(-50%,0)!important;}
html body.ris-modern #main_in_bl .ris-brand-stack{grid-area:1/1/2/2!important;width:100%!important;min-width:0!important;margin:0!important;align-self:center!important;}
html body.ris-modern #main_in_bl .ris-brand{width:100%!important;min-height:74px!important;height:clamp(74px,10vw,90px)!important;padding:10px 12px!important;border-radius:21px!important;justify-content:center!important;align-items:center!important;box-sizing:border-box!important;}
html body.ris-modern #main_in_bl .ris-brand span{font-size:clamp(20px,3.8vw,28px)!important;line-height:1!important;font-weight:800!important;}
html body.ris-modern #main_in_bl .ris-brand small, html body.ris-modern #main_in_bl .ris-nav-back{display:none!important;}
html body.ris-modern #main_in_bl .ris-identity-group{grid-area:1/2/2/3!important;width:100%!important;min-width:0!important;height:96px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin:0!important;overflow:visible!important;}
html body.ris-modern #main_in_bl .ris-national-emblem{flex:0 0 clamp(34px,5vw,48px)!important;width:clamp(34px,5vw,48px)!important;height:62px!important;margin:0!important;}
html body.ris-modern #main_in_bl .ris-national-emblem img{width:clamp(28px,4.3vw,42px)!important;height:clamp(39px,6vw,54px)!important;}
html body.ris-modern #main_in_bl .ris-project-logo{display:flex!important;flex:0 1 clamp(94px,15vw,145px)!important;width:clamp(94px,15vw,145px)!important;min-width:94px!important;max-width:145px!important;height:74px!important;min-height:74px!important;max-height:74px!important;margin:0!important;border-radius:12px!important;overflow:visible!important;}
html body.ris-modern #main_in_bl .ris-project-logo img{width:100%!important;height:100%!important;min-width:0!important;max-width:none!important;max-height:none!important;object-fit:contain!important;}
html body.ris-modern #main_in_bl .ris-account-state{grid-area:1/3/2/4!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;gap:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important;}
html body.ris-modern #main_in_bl .ris-account-state a{min-height:58px!important;height:58px!important;padding:0 14px!important;border-radius:17px!important;font-size:clamp(15px,2.2vw,19px)!important;font-weight:700!important;box-sizing:border-box!important;}
html body.ris-modern #main_in_bl .ris-account-profile, html body.ris-modern #main_in_bl .ris-account-logout{display:none!important;}
html body.ris-modern #main_in_bl .ris-language-switch{grid-area:1/4/2/5!important;width:58px!important;min-width:58px!important;height:58px!important;min-height:58px!important;padding:0!important;border-radius:17px!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important;}
html body.ris-modern #main_in_bl #menu-top{grid-area:2/1/3/5!important;width:100%!important;min-width:0!important;max-width:none!important;height:78px!important;min-height:78px!important;overflow:hidden!important;border-radius:20px!important;border:1px solid rgba(255,255,255,.25)!important;background:rgba(0,60,90,.10)!important;}
html body.ris-modern #main_in_bl #menu-top>ul.menu{width:max-content!important;min-width:100%!important;height:78px!important;min-height:78px!important;display:flex!important;justify-content:flex-start!important;align-items:stretch!important;gap:8px!important;margin:0!important;padding:0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;}
html body.ris-modern #main_in_bl #menu-top>ul.menu::-webkit-scrollbar{display:none!important;}
html body.ris-modern #main_in_bl #menu-top>ul.menu>li{flex:0 0 auto!important;min-width:0!important;height:78px!important;}
html body.ris-modern #main_in_bl #menu-top>ul.menu>li>a{display:flex!important;align-items:center!important;justify-content:center!important;min-width:clamp(148px,21vw,178px)!important;min-height:76px!important;height:76px!important;padding:8px 18px!important;border-radius:18px!important;font-size:clamp(15px,2.3vw,19px)!important;line-height:1.12!important;font-weight:750!important;white-space:normal!important;text-align:center!important;box-sizing:border-box!important;}

html body.ris-modern.ukrris-project-danube-fullhero #wrap{padding-top:0!important;}
}
@media(max-width:430px){
html body.ris-modern #main_in_bl{width:calc(100vw - 12px)!important;min-height:214px!important;grid-template-columns:96px minmax(90px,1fr) 60px 50px!important;grid-template-rows:100px 74px!important;padding:10px 9px 12px!important;column-gap:5px!important;row-gap:8px!important;border-radius:24px!important;}
html body.ris-modern #main_in_bl .ris-brand{height:72px!important;min-height:72px!important;border-radius:18px!important;padding:8px 7px!important;}
html body.ris-modern #main_in_bl .ris-brand span{font-size:20px!important;}
html body.ris-modern #main_in_bl .ris-identity-group{height:82px!important;gap:3px!important;}
html body.ris-modern #main_in_bl .ris-project-logo{min-width:78px!important;width:78px!important;height:58px!important;min-height:58px!important;max-height:58px!important;}
html body.ris-modern #main_in_bl .ris-national-emblem{width:27px!important;min-width:27px!important;height:52px!important;}
html body.ris-modern #main_in_bl .ris-national-emblem img{width:23px!important;height:36px!important;}
html body.ris-modern #main_in_bl .ris-account-state a{min-height:52px!important;height:52px!important;padding:0 8px!important;border-radius:15px!important;font-size:15px!important;}
html body.ris-modern #main_in_bl .ris-language-switch{width:50px!important;min-width:50px!important;height:52px!important;min-height:52px!important;border-radius:15px!important;font-size:16px!important;}
html body.ris-modern #main_in_bl #menu-top{height:74px!important;min-height:74px!important;border-radius:18px!important;}
html body.ris-modern #main_in_bl #menu-top>ul.menu{height:74px!important;min-height:74px!important;}
html body.ris-modern #main_in_bl #menu-top>ul.menu>li{height:74px!important;}
html body.ris-modern #main_in_bl #menu-top>ul.menu>li>a{height:72px!important;min-height:72px!important;min-width:150px!important;font-size:15px!important;border-radius:16px!important;padding:7px 12px!important;}

}


/* v3.2.6 — responsive layout layer.
 * Desktop geometry is intentionally preserved. These rules only activate below 1200px.
 * The layout follows the available viewport width rather than a device type/resolution.
 */
@media (max-width:1199px){
  html, body{max-width:100%!important;overflow-x:hidden!important;}
  html body.ris-modern #wrap{width:100%!important;max-width:100%!important;box-sizing:border-box!important;}
  html body.ris-modern #footer{width:calc(100% - 28px)!important;max-width:1600px!important;box-sizing:border-box!important;}
  html body.ris-modern img, html body.ris-modern svg, html body.ris-modern video, html body.ris-modern iframe{max-width:100%;}
  html body.ris-modern .ukrris-inner-banner-title, html body.ris-modern .ukrris-page-inner, html body.ris-modern .content, html body.ris-modern #content, html body.ris-modern #content_bl{box-sizing:border-box!important;min-width:0!important;}
}

@media (min-width:901px) and (max-width:1199px){
  html body.ris-modern #main_in_bl{width:calc(100vw - 28px)!important;max-width:none!important;}
  html body.ris-modern #main_in_bl #menu-top>ul.menu{justify-content:flex-start!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;}
  html body.ris-modern #main_in_bl #menu-top>ul.menu::-webkit-scrollbar{display:none!important;}
  html body.ris-modern #main_in_bl #menu-top>ul.menu>li{flex:0 0 auto!important;}
  html body.ris-modern #main_in_bl #menu-top>ul.menu>li>a{white-space:nowrap!important;}
  html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-content{max-width:min(760px,calc(100vw - 48px))!important;margin-left:24px!important;}
  html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-logos{left:24px!important;width:min(708px,calc(100vw - 48px))!important;}
  html body.ris-modern.ukrris-project-danube-fullhero #ukrris-project-page-nav{right:8px!important;width:150px!important;}
}

@media (max-width:900px){
  html body.ris-modern #main_in_bl{width:calc(100vw - 20px)!important;max-width:none!important;}
  html body.ris-modern #main_in_bl #menu-top{min-width:0!important;overflow:hidden!important;}
  html body.ris-modern #main_in_bl #menu-top>ul.menu{justify-content:flex-start!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;}
  html body.ris-modern #main_in_bl #menu-top>ul.menu::-webkit-scrollbar{display:none!important;}
  html body.ris-modern #main_in_bl #menu-top>ul.menu>li{flex:0 0 auto!important;}
  html body.ris-modern #main_in_bl #menu-top>ul.menu>li>a{white-space:normal!important;}
  
  html body.ris-modern:not(.ukrris-project-danube-fullhero) #wrap>.ukrris-inner-banner{height:215px!important;min-height:215px!important;}
  html body.ris-modern:not(.ukrris-project-danube-fullhero) #wrap>.ukrris-inner-banner .ukrris-inner-banner-title{left:16px!important;right:16px!important;max-width:none!important;}
  html body.ris-modern .ukrris-page-inner, html body.ris-modern .content, html body.ris-modern #content, html body.ris-modern #content_bl{width:100%!important;max-width:100%!important;}
  html body.ris-modern .ukrris-page-inner>*{max-width:100%!important;box-sizing:border-box!important;}
  html body.ris-modern table{box-sizing:border-box!important;}
  html body.ris-modern .table-responsive, html body.ris-modern .custom-table-wrap, html body.ris-modern .ukrris-table-wrap, html body.ris-modern .vj-table-wrap{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}
}

@media (max-width:700px){
  html body.ris-modern #main_in_bl{width:calc(100vw - 20px)!important;max-width:none!important;box-sizing:border-box!important;}
  
  html body.ris-modern:not(.ukrris-project-danube-fullhero) #wrap>.ukrris-inner-banner{height:255px!important;min-height:255px!important;}
  html body.ris-modern:not(.ukrris-project-danube-fullhero) #wrap>.ukrris-inner-banner .ukrris-inner-banner-heading{font-size:clamp(25px,7vw,34px)!important;line-height:1.08!important;overflow-wrap:anywhere!important;}
  html body.ris-modern #content, html body.ris-modern #content_bl, html body.ris-modern .col_9, html body.ris-modern .ukrris-page-inner, html body.ris-modern .content{padding-left:10px!important;padding-right:10px!important;}
  html body.ris-modern p, html body.ris-modern li, html body.ris-modern td, html body.ris-modern th{overflow-wrap:anywhere;}
  html body.ris-modern input, html body.ris-modern select, html body.ris-modern textarea, html body.ris-modern button{max-width:100%;box-sizing:border-box;}
  html body.ris-modern .ukrris-theme-project-hero{min-height:760px!important;}
  html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-content{max-width:none!important;margin:0!important;padding:150px 20px 220px!important;}
  html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-content h1{font-size:clamp(38px,10vw,58px)!important;}
  html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-content p{font-size:17px!important;line-height:1.45!important;}
  html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-logos{left:14px!important;right:14px!important;bottom:18px!important;width:auto!important;grid-template-columns:90px 110px minmax(0,1fr)!important;gap:8px!important;padding:8px 10px!important;}
  html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-logo-card img{width:82px!important;height:50px!important;}
  html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-eu-card img{width:100px!important;height:48px!important;}
  html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-logos-text{font-size:9px!important;line-height:1.3!important;}
}

@media (max-width:480px){
  html body.ris-modern #footer{width:calc(100% - 20px)!important;}
  
  html body.ris-modern #content, html body.ris-modern #content_bl, html body.ris-modern .col_9, html body.ris-modern .ukrris-page-inner, html body.ris-modern .content{padding-left:8px!important;padding-right:8px!important;}
  html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-content{padding-left:16px!important;padding-right:16px!important;}
  html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-logos{grid-template-columns:76px 94px minmax(0,1fr)!important;gap:6px!important;left:10px!important;right:10px!important;}
  html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-logo-card img{width:68px!important;}
  html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-eu-card img{width:84px!important;}
  html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-logos-text{font-size:8px!important;}
}

@media (max-width:360px){
  html body.ris-modern #main_in_bl{width:calc(100vw - 10px)!important;}
  
  html body.ris-modern:not(.ukrris-project-danube-fullhero) #wrap>.ukrris-inner-banner{height:250px!important;min-height:250px!important;}
  html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-content{padding-left:13px!important;padding-right:13px!important;}
  html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-logos{grid-template-columns:66px 82px minmax(0,1fr)!important;padding:7px!important;}
  html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-logo-card img{width:58px!important;height:46px!important;}
  html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-eu-card img{width:72px!important;height:44px!important;}
  html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-logos-text{font-size:7.5px!important;}
}


/* v3.2.7 — header overflow protection.
 * The navigation must never overlap the account controls or logos.
 * When the available width is insufficient, only the navigation row scrolls horizontally.
 */
html body.ris-modern #main_in_bl #menu-top{
  min-width:0!important;
  overflow:hidden!important;
  flex:1 1 auto!important;
  box-sizing:border-box!important;
}
html body.ris-modern #main_in_bl #menu-top>ul.menu{
  min-width:0!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
  justify-content:flex-start!important;
  box-sizing:border-box!important;
}
html body.ris-modern #main_in_bl #menu-top>ul.menu::-webkit-scrollbar{display:none!important;}
html body.ris-modern #main_in_bl #menu-top>ul.menu>li{
  flex:0 0 auto!important;
  min-width:0!important;
}

/* On medium/large screens keep the identity and account controls fixed;
 * the menu is the only element allowed to consume/scroll the remaining width. */
@media (min-width:701px) and (max-width:2048px){
  html body.ris-modern #main_in_bl{
    max-width:calc(100vw - 28px)!important;
    box-sizing:border-box!important;
  }
  html body.ris-modern #main_in_bl .ris-brand-stack, html body.ris-modern #main_in_bl .ris-identity-group, html body.ris-modern #main_in_bl .ris-account-state{
    flex-shrink:0!important;
  }
  html body.ris-modern #main_in_bl #menu-top{
    flex:1 1 0!important;
    width:0!important;
    max-width:none!important;
  }
  html body.ris-modern #main_in_bl #menu-top>ul.menu{
    width:100%!important;
  }
}

/* At laptop/tablet widths reduce button padding before the user needs to scroll. */
@media (min-width:701px) and (max-width:1500px){
  html body.ris-modern #main_in_bl #menu-top>ul.menu>li>a{
    min-height:50px!important;
    padding-left:10px!important;
    padding-right:10px!important;
    font-size:14px!important;
  }
}


/* v3.5.2 — final header reconciliation based on the original working header.
 * Keep the original ris-emblem-shine wave and apply the same wave to the
 * UkrRIS-Danube mark. Do not alter page/plugin content or mobile structure.
 */
@media (min-width:701px){
  html body.ris-modern #main_in_bl #menu-top>ul.menu>li>a, html body.ris-modern #main_in_bl .ris-account-state a, html body.ris-modern #main_in_bl a.ris-language-switcher{
    box-sizing:border-box!important;
    height:44px!important;
    min-height:44px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:11px!important;
    border:1px solid rgba(210,247,255,.25)!important;
    background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.035))!important;
    color:#fff!important;
    text-decoration:none!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.11)!important;
    text-shadow:0 1px 5px rgba(0,25,40,.3)!important;
  }

  html body.ris-modern #main_in_bl #menu-top>ul.menu>li>a{
    padding:0 15px!important;
    font-size:14px!important;
    font-weight:800!important;
    line-height:1.1!important;
    white-space:nowrap!important;
  }

  html body.ris-modern #main_in_bl .ris-account-state{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    flex:0 0 auto!important;
    min-width:max-content!important;
    max-width:none!important;
    overflow:visible!important;
  }

  html body.ris-modern #main_in_bl .ris-account-state a.ris-account-profile{
    max-width:140px!important;
    min-width:44px!important;
    padding:0 12px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:13px!important;
  }

  html body.ris-modern #main_in_bl .ris-account-state a.ris-account-login, html body.ris-modern #main_in_bl .ris-account-state a.ris-account-logout{
    min-width:88px!important;
    padding:0 12px!important;
    font-size:13px!important;
    font-weight:800!important;
  }

  html body.ris-modern #main_in_bl a.ris-language-switcher{
    min-width:58px!important;
    width:58px!important;
    padding:0!important;
    font-size:13px!important;
    font-weight:900!important;
    letter-spacing:.03em!important;
  }

  html body.ris-modern #main_in_bl #menu-top>ul.menu>li>a:hover, html body.ris-modern #main_in_bl #menu-top>ul.menu>li.active>a, html body.ris-modern #main_in_bl .ris-account-state a:hover, html body.ris-modern #main_in_bl a.ris-language-switcher:hover{
    border-color:rgba(224,251,255,.5)!important;
    background:linear-gradient(145deg,rgba(75,218,239,.34),rgba(255,255,255,.11))!important;
    color:#fff!important;
    box-shadow:0 7px 18px rgba(0,49,77,.20),inset 0 1px 0 rgba(255,255,255,.16)!important;
  }

  /* Same original wave timing and shape as ris-emblem-shine, now mirrored
     onto the UkrRIS-Danube mark. */
  html body.ris-modern #main_in_bl .ris-national-emblem::after{
    animation:ris-emblem-shine 5.8s ease-in-out infinite!important;
  }

  html body.ris-modern #main_in_bl .ris-project-logo{
    overflow:hidden!important;
  }

  html body.ris-modern #main_in_bl .ris-project-logo__shine{
    position:absolute!important;
    top:-35%!important;
    bottom:-35%!important;
    left:-75%!important;
    width:42%!important;
    height:auto!important;
    inset-block:auto!important;
    transform:rotate(14deg)!important;
    background:linear-gradient(100deg,transparent,rgba(255,255,255,.82),transparent)!important;
    filter:none!important;
    opacity:0!important;
    animation:ris-emblem-shine 5.8s ease-in-out infinite!important;
    pointer-events:none!important;
    z-index:3!important;
  }

  html body.ris-modern #main_in_bl .ris-project-logo:hover .ris-project-logo__shine, html body.ris-modern #main_in_bl .ris-project-logo:focus-visible .ris-project-logo__shine{
    animation:ris-emblem-shine 5.8s ease-in-out infinite!important;
  }
}

/* Keep the original wave keyframes exactly in the shared layer. */
@keyframes ris-emblem-shine{
  0%, 62%, 100%{left:-75%;opacity:0;}
  69%{opacity:.9;}
  82%{left:125%;opacity:0;}
}

/* v3.5.13: clean identity glow — no visible rectangle around the emblem. */
html body.ris-modern #main_in_bl .ris-national-emblem{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body.ris-modern #main_in_bl .ris-national-emblem::after{
  display:none!important;
  content:none!important;
}
html body.ris-modern #main_in_bl .ris-project-logo__shine{
  display:none!important;
}
html body.ris-modern #main_in_bl .ris-project-logo{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  border-radius:0!important;
}
html body.ris-modern #main_in_bl .ris-national-emblem img{
  animation:ukrris-identity-glow 4.8s ease-in-out infinite!important;
  transform-origin:center center!important;
}
html body.ris-modern #main_in_bl .ris-project-logo img{
  animation:ukrris-identity-glow 4.8s ease-in-out infinite!important;
  transform-origin:center center!important;
}
html body.ris-modern #main_in_bl .ris-brand{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body.ris-modern #main_in_bl .ris-brand span, html body.ris-modern #main_in_bl .ris-brand small{
  animation:ukrris-brand-glow 4.8s ease-in-out infinite!important;
}
@keyframes ukrris-identity-glow{
  0%, 100%{filter:drop-shadow(0 0 4px rgba(255,214,78,.20)) brightness(1);}
  50%{filter:drop-shadow(0 0 13px rgba(255,226,112,.72)) brightness(1.10);}
}
@keyframes ukrris-brand-glow{
  0%, 100%{text-shadow:0 1px 5px rgba(0,25,40,.30);opacity:1;}
  50%{text-shadow:0 0 7px rgba(255,236,157,.78),0 1px 6px rgba(0,25,40,.35);opacity:1;}
}


/* v3.5.13 — permanent top bar, full-bleed home hero and viewport-safe sizing. */
html body.ris-modern #main_in_bl, html body.ris-modern.ukrris-nav-at-top #main_in_bl, html body.ris-modern.ukrris-nav-shown #main_in_bl, html body.ris-modern.ukrris-nav-short-page #main_in_bl{
  position: fixed !important;
  top: max(8px, env(safe-area-inset-top)) !important;
  left: 50% !important;
  right: auto !important;
  transform: translate(-50%, 0) !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

html body.ris-modern.ris-page-main #featured{
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  overflow: hidden !important;
}

/* Remove the extra decorative/dark overlay from the home hero. */
html body.ris-modern.ris-page-main #featured::before, html body.ris-modern.ris-page-main #featured::after{
  display: none !important;
  content: none !important;
}

html body.ris-modern.ris-page-main #featured video, html body.ris-modern.ris-page-main #featured video[autoplay], html body.ris-modern.ris-page-main #featured video[muted]{
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}

/* Prevent legacy 100vw/min-width rules from creating horizontal page overflow. */
html, body, html body.ris-modern, html body.ris-modern #wrap, html body.ris-modern #content, html body.ris-modern #content_bl{
  max-width: 100% !important;
  overflow-x: clip !important;
}

@supports not (overflow: clip) {
  html, body, html body.ris-modern, html body.ris-modern #wrap, html body.ris-modern #content, html body.ris-modern #content_bl{
    overflow-x: hidden !important;
  }
}

html body.ris-modern.ris-page-main #featured img, html body.ris-modern.ris-page-main #featured iframe{
  max-width: 100% !important;
}

@media (max-width: 900px) {
  html body.ris-modern #main_in_bl, html body.ris-modern.ris-page-main #main_in_bl{
    width: calc(100vw - 20px) !important;
    max-width: none !important;
  }
}

@media (max-width: 430px) {
  html body.ris-modern #main_in_bl, html body.ris-modern.ris-page-main #main_in_bl{
    width: calc(100vw - 12px) !important;
  }
}

/* v3.5.13 — project Hero keeps the original photo but removes the theme's dark overlay. */
html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-hero-bg{
  background-image:url("assets/img/ukrris-danube-hero.webp")!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-hero{
  background:transparent!important;
}



/* -------------------------------------------------------------------------
 * UkrRIS Modern v3.5.15 — universal full-width responsive shell
 *
 * Desktop: page content and Hero use the full viewport width.
 * Laptop/tablet/phone: fluid gutters are introduced progressively.
 * The top navigation is intentionally untouched.
 * Hero background images remain disabled.
 * ------------------------------------------------------------------------- */
html body.ris-modern, html body.ris-modern #wrap, html body.ris-modern #content, html body.ris-modern #content_bl, html body.ris-modern .ukrris-page-inner{
  box-sizing:border-box!important;
  min-width:0!important;
}

/* Only the document clips horizontal overflow. The page wrapper itself must
   remain visible so a full-viewport Hero is never cropped by its parent. */
html body.ris-modern{
  width:100%!important;
  max-width:100%!important;
  overflow-x:clip!important;
}
html body.ris-modern #wrap{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  overflow:visible!important;
}
html body.ris-modern #content, html body.ris-modern #content_bl, html body.ris-modern .ukrris-page-inner{
  overflow:visible!important;
}

@supports not (overflow:clip){
  html body.ris-modern{ overflow-x:hidden!important; }
}

/* Internal pages: full viewport on desktop. */
html body.ris-modern:not(.ukrris-project-danube-fullhero) #wrap{
  width:100vw!important;
  max-width:none!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
}
html body.ris-modern:not(.ukrris-project-danube-fullhero) #content, html body.ris-modern:not(.ukrris-project-danube-fullhero) .ukrris-page-inner{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

/* Theme-generated title Hero. Full viewport and never clipped by #wrap. */
html body.ris-modern:not(.ukrris-project-danube-fullhero) #wrap > .ukrris-inner-banner{
  position:relative!important;
  z-index:2!important;
  width:100vw!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border-radius:0 0 32px 32px!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body.ris-modern .ukrris-inner-banner-title{
  width:min(calc(100% - 48px),1440px)!important;
  max-width:1440px!important;
  margin:0 auto!important;
  box-sizing:border-box!important;
  overflow-wrap:anywhere!important;
}
html body.ris-modern .ukrris-inner-banner-eyebrow, html body.ris-modern .ukrris-inner-banner-heading{
  color:#092433!important;
  text-shadow:none!important;
}

/* Project Hero: full viewport with the original UkrRIS-Danube photo. */
html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-hero{
  width:100vw!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  border-radius:0 0 32px 32px!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-hero-bg{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  background-image:url("assets/img/ukrris-danube-hero.webp")!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-content, html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-content h1, html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-content p{
  color:#fff!important;
  text-shadow:0 2px 10px rgba(0,0,0,.28)!important;
}
html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-eyebrow{ color:#8de0ff!important; }
html body.ris-modern.ukrris-project-danube-fullhero .ukrris-theme-project-secondary{
  color:#08709a!important;
  background:rgba(255,255,255,.45)!important;
  border-color:rgba(8,126,186,.30)!important;
}

/* About-page Hero: same universal standard. */
html body.ris-modern .ukrris-about-hero{
  position:relative!important;
  z-index:2!important;
  left:auto!important;
  width:100vw!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border-radius:0 0 32px 32px!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#092433!important;
}
html body.ris-modern .ukrris-about-hero-content{
  box-sizing:border-box!important;
  color:#092433!important;
}
html body.ris-modern .ukrris-about-hero-eyebrow, html body.ris-modern .ukrris-about-hero h1{
  color:#092433!important;
  text-shadow:none!important;
}

/* Universal white translucent working surface. It spans the full page area. */
html body.ris-modern:not(.ukrris-project-danube-fullhero) .ukrris-page-inner{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:clamp(20px,3vw,42px)!important;
  border-radius:28px!important;
  background:rgba(255,255,255,.76)!important;
  box-shadow:0 14px 45px rgba(5,54,82,.08)!important;
}

/* Pages that already own their white surface keep their own presentation. */
html body.ris-modern.ris-route-about .ukrris-page-inner, html body.ris-modern.ris-page-journal .ukrris-page-inner, html body.ris-modern.ris-page-main .ukrris-page-inner{
  background:transparent!important;
  box-shadow:none!important;
}

/* Desktop: no artificial side gutters. */
@media (min-width:1200px){
  html body.ris-modern:not(.ukrris-project-danube-fullhero) #wrap{ width:100vw!important; }
  html body.ris-modern:not(.ukrris-project-danube-fullhero) .ukrris-page-inner{
    padding-left:clamp(24px,3vw,48px)!important;
    padding-right:clamp(24px,3vw,48px)!important;
    border-radius:28px!important;
  }
}

/* Laptop / tablet: keep the page fluid with modest gutters. */
@media (min-width:701px) and (max-width:1199px){
  html body.ris-modern:not(.ukrris-project-danube-fullhero) #wrap{ width:100vw!important; }
  html body.ris-modern:not(.ukrris-project-danube-fullhero) .ukrris-page-inner{
    padding:24px!important;
    border-radius:24px!important;
  }
  html body.ris-modern .ukrris-inner-banner-title{ width:calc(100% - 40px)!important; }
}

/* Phone: reduce gutters and typography pressure, never introduce horizontal scroll. */
@media (max-width:700px){
  html body.ris-modern:not(.ukrris-project-danube-fullhero) #wrap{ width:100vw!important; }
  html body.ris-modern:not(.ukrris-project-danube-fullhero) .ukrris-page-inner{
    padding:18px 12px!important;
    border-radius:22px!important;
  }
  html body.ris-modern .ukrris-inner-banner-title, html body.ris-modern .ukrris-about-hero-content{
    width:calc(100% - 28px)!important;
  }
  html body.ris-modern .ukrris-about-hero{
    min-height:clamp(190px,48vw,250px)!important;
    border-radius:0 0 24px 24px!important;
  }
  html body.ris-modern p, html body.ris-modern li, html body.ris-modern td, html body.ris-modern th{ overflow-wrap:anywhere; }
  html body.ris-modern input, html body.ris-modern select, html body.ris-modern textarea, html body.ris-modern button{ max-width:100%; box-sizing:border-box; }
}

@media (max-width:430px){
  html body.ris-modern:not(.ukrris-project-danube-fullhero) .ukrris-page-inner{
    padding:14px 9px!important;
    border-radius:18px!important;
  }
  html body.ris-modern .ukrris-about-hero-content{ width:calc(100% - 22px)!important; }
}

/* Universal responsive table handling. */
html body.ris-modern .table-responsive, html body.ris-modern .custom-table-wrap, html body.ris-modern .ukrris-table-wrap, html body.ris-modern .vj-table-wrap{
  max-width:100%!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
}




/* v3.5.18 — consolidated shared layout rules.
 * One source of truth for shared navigation position and page top spacing.
 * Page-specific plugins keep ownership of their content and translucent backplates.
 */
html body.ris-modern #main_in_bl, html body.ris-modern.ukrris-nav-at-top #main_in_bl, html body.ris-modern.ukrris-nav-shown #main_in_bl, html body.ris-modern.ukrris-nav-short-page #main_in_bl, html body.ris-modern.ukrris-project-danube-fullhero #main_in_bl, html body.ris-modern.ukrris-notices-route #main_in_bl, html body.ris-modern.ukrris-journal-route #main_in_bl{
  top: calc(3mm + env(safe-area-inset-top, 0px)) !important;
}
html body.admin-bar.ris-modern #main_in_bl, html body.admin-bar.ris-modern.ukrris-nav-at-top #main_in_bl, html body.admin-bar.ris-modern.ukrris-nav-shown #main_in_bl, html body.admin-bar.ris-modern.ukrris-nav-short-page #main_in_bl, html body.admin-bar.ris-modern.ukrris-project-danube-fullhero #main_in_bl, html body.admin-bar.ris-modern.ukrris-notices-route #main_in_bl, html body.admin-bar.ris-modern.ukrris-journal-route #main_in_bl{
  top: calc(var(--wp-admin--admin-bar--height, 32px) + 3mm + env(safe-area-inset-top, 0px)) !important;
}
html body.ris-modern.ukrris-notices-route #main_in_bl, html body.ris-modern.ukrris-journal-route #main_in_bl{
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: translate(-50%, 0) !important;
}

/* UkrRIS v3.5.24: one canonical layout rule; header positioning is controlled by #main_in_bl. */
html body.ris-modern #wrap{
  padding-top: 0 !important;
  margin-top: 0 !important;
}
html body.ris-modern .header-narrow{
  margin-top: 0 !important;
  top: auto !important;
  transform: none !important;
}

/* UkrRIS v3.5.22: selected WordPress Custom Background is injected dynamically by functions.php.
   Do not hardcode the background image URL in CSS; this avoids stale backgrounds after selection changes. */
html body.ris-modern{
  background-color: #dcebf1 !important;
}


/* UkrRIS Modern 3.5.25 — one global background owner.
 * functions.php outputs the selected WordPress Custom Background on body.ris-modern.
 * Never use background shorthand on body for individual pages; it resets background-image.
 * Content shells remain transparent so the global image can show through. */
html body.ris-modern{
  background-color: #dcebf1 !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}
html body.ris-modern #wrap, html body.ris-modern #content, html body.ris-modern #content_bl{
  background-color: transparent !important;
  background-image: none !important;
}


/* UkrRIS Modern 3.5.27 — remove visual gaps above and below the global footer.
   Footer spacing is owned here, not by accumulated legacy declarations. */
html body #footer_bg{
  display:block !important;
  clear:both !important;
  width:100% !important;
  max-width:none !important;
  margin-top:0 !important;
  margin-right:0 !important;
  margin-bottom:0 !important;
  margin-left:0 !important;
  padding-top:0 !important;
  padding-right:0 !important;
  padding-bottom:0 !important;
  padding-left:0 !important;
  box-sizing:border-box !important;
  border-radius:0 !important;
  background:transparent !important;
}
html body #footer_bg > #footer{
  margin-top:0 !important;
  margin-bottom:0 !important;
  box-sizing:border-box !important;
}
html body #content{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}
html body #content > .ukrris-page-inner{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}
html body #wrap{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}
html body{ margin-bottom:0 !important; padding-bottom:0 !important; }


/* UkrRIS 3.5.28 — canonical layout for Journal + Analytics only.
   These two plugins own their Hero and page backplate. The theme only removes
   legacy page-shell spacing and keeps the shared navigation/footer untouched. */
html body.ris-modern:has(.ukrris-journal-plugin-root) #wrap, html body.ris-modern:has(.ukrris-analytics-page) #wrap, html body.ris-modern:has(.ukrris-journal-plugin-root) #content, html body.ris-modern:has(.ukrris-analytics-page) #content, html body.ris-modern:has(.ukrris-journal-plugin-root) #content .ukrris-page-inner, html body.ris-modern:has(.ukrris-analytics-page) #content .ukrris-page-inner, html body.ris-modern:has(.ukrris-journal-plugin-root) #content .entry-content, html body.ris-modern:has(.ukrris-analytics-page) #content .entry-content{
  width:100%!important; max-width:none!important; min-width:0!important;
  margin:0!important; padding:0!important; border:0!important; border-radius:0!important;
  background:transparent!important; box-shadow:none!important; box-sizing:border-box!important;
}
html body.ris-modern:has(.ukrris-journal-plugin-root) #wrap > .ukrris-inner-banner, html body.ris-modern:has(.ukrris-analytics-page) #wrap > .ukrris-inner-banner, html body.ris-modern:has(.ukrris-journal-plugin-root) #content .ukrris-page-inner>h1, html body.ris-modern:has(.ukrris-analytics-page) #content .ukrris-page-inner>h1{display:none!important}
html body.ris-modern:has(.ukrris-journal-plugin-root) #main, html body.ris-modern:has(.ukrris-analytics-page) #main, html body.ris-modern:has(.ukrris-journal-plugin-root) .site-content, html body.ris-modern:has(.ukrris-analytics-page) .site-content, html body.ris-modern:has(.ukrris-journal-plugin-root) article.page, html body.ris-modern:has(.ukrris-analytics-page) article.page{margin:0!important;padding:0!important;max-width:none!important;width:100%!important;background:transparent!important}
html body.ris-modern:has(.ukrris-journal-plugin-root) .ukrris-journal-plugin-root, html body.ris-modern:has(.ukrris-analytics-page) .ukrris-analytics-page{margin:0!important;padding:0!important;width:100%!important;max-width:none!important;min-width:0!important;overflow:visible!important}
html body.ris-modern:has(.ukrris-journal-plugin-root) .ukrris-journal-plugin-root .ukrris-page-hero, html body.ris-modern:has(.ukrris-analytics-page) .ukrris-analytics-page .ukrris-page-hero{
  position:relative!important; left:50%!important; transform:translateX(-50%)!important;
  display:flex!important; align-items:flex-end!important; width:100vw!important; max-width:none!important; min-width:0!important;
  height:520px!important; min-height:520px!important; margin:0 0 0!important; padding:0!important;
  border:0!important; border-radius:0!important; overflow:hidden!important; box-shadow:none!important; box-sizing:border-box!important;
  background-position:center!important; background-size:cover!important; background-repeat:no-repeat!important;
}
html body.ris-modern:has(.ukrris-journal-plugin-root) .ukrris-journal-plugin-root .ukrris-page-hero>div, html body.ris-modern:has(.ukrris-analytics-page) .ukrris-analytics-page .ukrris-page-hero>div{width:min(calc(100% - 48px),1260px)!important;max-width:1260px!important;margin:0 auto!important;padding:0 0 34px!important;box-sizing:border-box!important}
html body.ris-modern:has(.ukrris-journal-plugin-root) .ukrris-journal-backplate, html body.ris-modern:has(.ukrris-analytics-page) .ukrris-analytics-backplate{
  position:relative!important; left:50%!important; transform:translateX(-50%)!important;
  width:100vw!important; max-width:none!important; min-width:0!important; margin:0!important;
  padding:28px clamp(16px,3vw,42px) 70px!important; border:0!important; border-radius:0!important;
  background:transparent!important; box-shadow:none!important; box-sizing:border-box!important; overflow:visible!important;
}
html body.ris-modern:has(.ukrris-journal-plugin-root) .ukrris-journal-backplate:before, html body.ris-modern:has(.ukrris-analytics-page) .ukrris-analytics-backplate:before{border:0!important;border-radius:0!important;box-shadow:none!important;background:rgba(255,255,255,.78)!important}
@media(max-width:900px){
 html body.ris-modern:has(.ukrris-journal-plugin-root) .ukrris-journal-plugin-root .ukrris-page-hero, html body.ris-modern:has(.ukrris-analytics-page) .ukrris-analytics-page .ukrris-page-hero{height:520px!important;min-height:520px!important}
 html body.ris-modern:has(.ukrris-journal-plugin-root) .ukrris-journal-backplate, html body.ris-modern:has(.ukrris-analytics-page) .ukrris-analytics-backplate{padding:22px 18px 52px!important}
}
@media(max-width:620px){
 html body.ris-modern:has(.ukrris-journal-plugin-root) .ukrris-journal-plugin-root .ukrris-page-hero, html body.ris-modern:has(.ukrris-analytics-page) .ukrris-analytics-page .ukrris-page-hero{height:460px!important;min-height:460px!important}
 html body.ris-modern:has(.ukrris-journal-plugin-root) .ukrris-journal-backplate, html body.ris-modern:has(.ukrris-analytics-page) .ukrris-analytics-backplate{padding:18px 10px 44px!important}
}


/* UkrRIS Fleet Directory Hero: use the supplied Danube convoy photo, matching the shared page banner. */
html body.ris-modern.ris-page-fleet #wrap > .ukrris-inner-banner{
  min-height: clamp(280px, 31vw, 430px) !important;
  height: clamp(280px, 31vw, 430px) !important;
  background: #073b53 url("assets/img/ukrris-fleet-hero.jpg") center 54% / cover no-repeat !important;
  border-radius: 0 0 30px 30px !important;
  overflow: hidden !important;
}
html body.ris-modern.ris-page-fleet #wrap > .ukrris-inner-banner::before{
  content: ""; position:absolute; inset:0; pointer-events:none;
  background: linear-gradient(90deg,rgba(3,38,57,.62),rgba(3,55,76,.16) 68%,rgba(3,55,76,.04));
}
html body.ris-modern.ris-page-fleet .ukrris-inner-banner-title{ position:relative !important; z-index:1 !important; padding-bottom: clamp(28px,4vw,48px) !important; }
html body.ris-modern.ris-page-fleet .ukrris-inner-banner-eyebrow, html body.ris-modern.ris-page-fleet .ukrris-inner-banner-heading{ color:#fff !important; text-shadow:0 2px 8px rgba(0,0,0,.35) !important; }
@media(max-width:600px){html body.ris-modern.ris-page-fleet #wrap > .ukrris-inner-banner{height:250px!important;min-height:250px!important;background-position:58% center!important;border-radius:0 0 20px 20px!important;}}


/* Fleet directory final geometry: one title on the Hero, square corners. */
html body.ris-modern.ris-page-fleet #wrap > .ukrris-inner-banner{
  position:relative!important;
  border-radius:0!important;
  overflow:hidden!important;
  background-image:url("assets/img/ukrris-fleet-hero.jpg")!important;
  background-position:center 54%!important;
  background-size:cover!important;
}
html body.ris-modern.ris-page-fleet #wrap > .ukrris-inner-banner .ukrris-inner-banner-title{
  position:absolute!important;
  left:max(24px,calc((100vw - 1440px)/2))!important;
  right:24px!important;
  bottom:28px!important;
  width:auto!important;
  max-width:1440px!important;
  margin:0!important;
  padding:0!important;
  z-index:3!important;
}
html body.ris-modern.ris-page-fleet #wrap > .ukrris-inner-banner .ukrris-inner-banner-heading{
  display:block!important;
  color:#fff!important;
  font-size:clamp(30px,3.2vw,48px)!important;
  line-height:1.1!important;
  font-weight:800!important;
  text-shadow:0 2px 12px rgba(0,0,0,.55)!important;
}
html body.ris-modern.ris-page-fleet #wrap > .ukrris-inner-banner .ukrris-inner-banner-eyebrow{display:none!important;}
@media(max-width:600px){
 html body.ris-modern.ris-page-fleet #wrap > .ukrris-inner-banner{height:250px!important;min-height:250px!important;border-radius:0!important;}
 html body.ris-modern.ris-page-fleet #wrap > .ukrris-inner-banner .ukrris-inner-banner-title{left:16px!important;right:16px!important;bottom:20px!important;}
}


/* UkrRIS Fleet Directory 3.5.33: single title on Hero; square content backing. */
html body.ris-modern.ris-page-fleet #content > .ukrris-page-inner, html body.ris-modern.ris-page-fleet #content .ukrris-page-inner, html body.ris-modern.ris-page-fleet #content .ukrris-page-inner > article, html body.ris-modern.ris-page-fleet #content .ukrris-page-inner > .entry-content, html body.ris-modern.ris-page-fleet #content .ukrris-page-inner .uf-page-backing, html body.ris-modern.ris-page-fleet #content .ukrris-page-inner .uf-card{
  border-radius:0!important;
}
html body.ris-modern.ris-page-fleet #content > .ukrris-page-inner > h1{
  display:none!important;
}
html body.ris-modern.ris-page-fleet #content > .ukrris-page-inner{
  margin-top:0!important;
}


/* UkrRIS Modern 3.5.34 — Fleet Directory uses the same shared rounded navigation geometry as Vessel Journal.
   Scoped to this page only; the global header and all other pages remain unchanged. */
html body.ris-modern.ris-page-fleet #main_in_bl{
  width: min(calc(100vw - 48px), 1788px) !important;
  max-width: 1788px !important;
  border-radius: 28px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}
@media (max-width: 700px) {
  html body.ris-modern.ris-page-fleet #main_in_bl{
    width: calc(100vw - 20px) !important;
    max-width: none !important;
    border-radius: 24px !important;
  }
}



@media (min-width: 701px) {
  html body.ris-modern #main_in_bl, html body.ris-modern.ris-page-fleet #main_in_bl, html body.ris-modern.ukrris-project-danube-fullhero #main_in_bl{
    width: min(calc(100vw - 64px), 1880px) !important;
    max-width: 1880px !important;
    height: auto !important;
    min-height: 82px !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    gap: 7px !important;
    border: 1px solid rgba(220, 249, 255, .25) !important;
    border-radius: 20px !important;
    background: linear-gradient(105deg, #064c6b 0%, #087b98 50%, #07516f 100%) !important;
    box-shadow: 0 10px 28px rgba(3, 43, 66, .28) !important;
    overflow: visible !important;
  }

  html body.ris-modern #main_in_bl .ris-brand-stack{
    position: relative !important;
    order: 1 !important;
    flex: 0 0 188px !important;
    width: 188px !important;
    min-width: 188px !important;
    max-width: 188px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
  }
  html body.ris-modern #main_in_bl .ris-brand{
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    width: 188px !important;
    min-width: 188px !important;
    max-width: 188px !important;
    height: 64px !important;
    min-height: 64px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 7px 48px 7px 12px !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 14px !important;
    background: linear-gradient(120deg, rgba(255,255,255,.13), rgba(255,255,255,.035)) !important;
    overflow: hidden !important;
    text-decoration: none !important;
  }
  html body.ris-modern #main_in_bl .ris-brand span{
    display: block !important;
    color: #fff !important;
    font: 800 18px/1 Arial, Helvetica, sans-serif !important;
    letter-spacing: -.02em !important;
    white-space: nowrap !important;
  }
  html body.ris-modern #main_in_bl .ris-brand small{
    display: block !important;
    max-width: 130px !important;
    margin-top: 5px !important;
    color: rgba(255,255,255,.86) !important;
    font: 700 8px/1.1 Arial, Helvetica, sans-serif !important;
    white-space: nowrap !important;
  }

  /* The tryzub visually sits in the right side of the UkrRIS brand tile, as in the original. */
  html body.ris-modern #main_in_bl .ris-identity-group{
    position: relative !important;
    z-index: 3 !important;
    order: 2 !important;
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 58px !important;
    margin: 0 0 0 -49px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    overflow: visible !important;
    background: transparent !important;
  }
  html body.ris-modern #main_in_bl .ris-national-emblem{
    display: inline-flex !important;
    flex: 0 0 38px !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 52px !important;
    margin: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  html body.ris-modern #main_in_bl .ris-national-emblem img{
    display: block !important;
    width: 31px !important;
    height: 45px !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
  }

  html body.ris-modern #main_in_bl #menu-top{
    order: 3 !important;
    flex: 1 1 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }
  html body.ris-modern #main_in_bl #menu-top > ul.menu{
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 64px !important;
    min-height: 64px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 5px !important;
    list-style: none !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }
  html body.ris-modern #main_in_bl #menu-top > ul.menu::-webkit-scrollbar{ display: none !important; }
  html body.ris-modern #main_in_bl #menu-top > ul.menu > li{
    position: relative !important;
    display: flex !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 64px !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    background: transparent !important;
  }
  html body.ris-modern #main_in_bl #menu-top > ul.menu > li > a{
    display: flex !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 64px !important;
    min-height: 64px !important;
    padding: 7px clamp(7px, .8vw, 16px) !important;
    box-sizing: border-box !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(210,247,255,.19) !important;
    border-radius: 13px !important;
    background: linear-gradient(135deg, rgba(23,142,167,.94), rgba(8,105,137,.93)) !important;
    color: #fff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12) !important;
    font: 800 clamp(11px, .83vw, 15px)/1.12 Arial, Helvetica, sans-serif !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    text-shadow: 0 1px 4px rgba(0,25,40,.24) !important;
  }
  html body.ris-modern #main_in_bl #menu-top > ul.menu > li > a:hover, html body.ris-modern #main_in_bl #menu-top > ul.menu > li.active > a, html body.ris-modern #main_in_bl #menu-top > ul.menu > li.current-menu-item > a, html body.ris-modern #main_in_bl #menu-top > ul.menu > li.current_page_item > a{
    background: linear-gradient(135deg, #1a9fb5, #08708e) !important;
    border-color: rgba(224,251,255,.42) !important;
    box-shadow: 0 5px 14px rgba(0,49,77,.16), inset 0 1px 0 rgba(255,255,255,.16) !important;
  }

  html body.ris-modern #main_in_bl .ris-project-link{
    position: relative !important;
    order: 4 !important;
    flex: 0 0 320px !important;
    width: 320px !important;
    min-width: 250px !important;
    max-width: 320px !important;
    height: 64px !important;
    min-height: 64px !important;
    margin: 0 !important;
    padding: 6px 12px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 9px !important;
    border: 1px solid rgba(220,249,255,.20) !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.045)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.09) !important;
    color: #fff !important;
    text-decoration: none !important;
    overflow: hidden !important;
  }
  html body.ris-modern #main_in_bl .ris-project-link img{
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    flex: 0 0 72px !important;
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    margin: 0 !important;
    object-fit: contain !important;
  }
  html body.ris-modern #main_in_bl .ris-project-link-label{
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    color: #fff !important;
    font: 800 clamp(12px, .88vw, 15px)/1.15 Arial, Helvetica, sans-serif !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    text-shadow: 0 1px 5px rgba(0,25,40,.28) !important;
  }
  html body.ris-modern #main_in_bl .ris-project-link__shine, html body.ris-modern #main_in_bl .ris-project-link .ris-project-logo__shine{
    display: block !important;
    position: absolute !important;
    z-index: 3 !important;
    top: -35% !important;
    bottom: -35% !important;
    left: -75% !important;
    width: 42% !important;
    height: auto !important;
    inset-block: auto !important;
    transform: rotate(14deg) !important;
    background: linear-gradient(100deg, transparent, rgba(255,255,255,.76), transparent) !important;
    filter: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
    animation: ris-emblem-shine 5.8s ease-in-out infinite !important;
  }
  html body.ris-modern #main_in_bl .ris-project-link:hover, html body.ris-modern #main_in_bl .ris-project-link:focus-visible{
    border-color: rgba(224,251,255,.45) !important;
    background: linear-gradient(135deg, rgba(37,165,189,.32), rgba(255,255,255,.10)) !important;
    box-shadow: 0 6px 16px rgba(0,49,77,.16), inset 0 1px 0 rgba(255,255,255,.12) !important;
  }

  html body.ris-modern #main_in_bl .ris-account-state{
    order: 5 !important;
    flex: 0 0 auto !important;
    min-width: max-content !important;
    max-width: none !important;
    margin: 0 0 0 2px !important;
    padding: 0 !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 5px !important;
    overflow: visible !important;
  }
  html body.ris-modern #main_in_bl .ris-account-state a{
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 11px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(210,247,255,.25) !important;
    border-radius: 11px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.14), rgba(255,255,255,.035)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10) !important;
    color: #fff !important;
    font: 800 12px/1 Arial, Helvetica, sans-serif !important;
    white-space: nowrap !important;
    text-decoration: none !important;
  }
  html body.ris-modern #main_in_bl .ris-account-state a.ris-account-profile{
    max-width: 104px !important;
    min-width: 48px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 12px !important;
  }
  html body.ris-modern #main_in_bl .ris-account-state a.ris-account-login, html body.ris-modern #main_in_bl .ris-account-state a.ris-account-logout{
    min-width: 66px !important;
  }
  html body.ris-modern #main_in_bl a.ris-language-switcher{
    display: inline-flex !important;
    flex: 0 0 46px !important;
    width: 46px !important;
    min-width: 46px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    border-radius: 11px !important;
    font-size: 12px !important;
  }
  html body.ris-modern #main_in_bl .ris-account-state a:hover, html body.ris-modern #main_in_bl a.ris-language-switcher:hover{
    border-color: rgba(224,251,255,.47) !important;
    background: linear-gradient(145deg, rgba(75,218,239,.30), rgba(255,255,255,.11)) !important;
  }
}

@media (min-width: 1101px) and (max-width: 1450px) {
  html body.ris-modern #main_in_bl, html body.ris-modern.ris-page-fleet #main_in_bl, html body.ris-modern.ukrris-project-danube-fullhero #main_in_bl{
    width: calc(100vw - 28px) !important;
    padding: 7px 8px !important;
    gap: 5px !important;
  }
  html body.ris-modern #main_in_bl .ris-brand-stack, html body.ris-modern #main_in_bl .ris-brand{ width: 154px !important; min-width: 154px !important; max-width: 154px !important; flex-basis: 154px !important; }
  html body.ris-modern #main_in_bl .ris-brand{ padding-left: 9px !important; padding-right: 39px !important; }
  html body.ris-modern #main_in_bl .ris-brand span{ font-size: 16px !important; }
  html body.ris-modern #main_in_bl .ris-brand small{ font-size: 7px !important; }
  html body.ris-modern #main_in_bl .ris-identity-group{ margin-left: -40px !important; flex-basis: 36px !important; width: 36px !important; min-width: 36px !important; }
  html body.ris-modern #main_in_bl .ris-national-emblem{ width: 32px !important; min-width: 32px !important; flex-basis: 32px !important; }
  html body.ris-modern #main_in_bl .ris-national-emblem img{ width: 26px !important; height: 40px !important; }
  html body.ris-modern #main_in_bl .ris-project-link{ flex-basis: 218px !important; width: 218px !important; min-width: 218px !important; max-width: 218px !important; padding: 5px 7px !important; gap: 5px !important; }
  html body.ris-modern #main_in_bl .ris-project-link img{ flex-basis: 55px !important; width: 55px !important; min-width: 55px !important; max-width: 55px !important; height: 45px !important; }
  html body.ris-modern #main_in_bl .ris-project-link-label{ font-size: 11px !important; }
  html body.ris-modern #main_in_bl #menu-top > ul.menu{ gap: 4px !important; }
  html body.ris-modern #main_in_bl #menu-top > ul.menu > li > a{ font-size: 11.5px !important; padding-left: 5px !important; padding-right: 5px !important; }
  html body.ris-modern #main_in_bl .ris-account-state{ gap: 4px !important; }
  html body.ris-modern #main_in_bl .ris-account-state a{ padding-left: 8px !important; padding-right: 8px !important; font-size: 11px !important; }
}

@media (min-width: 701px) and (max-width: 1100px) {
  html body.ris-modern #main_in_bl, html body.ris-modern.ris-page-fleet #main_in_bl, html body.ris-modern.ukrris-project-danube-fullhero #main_in_bl{
    width: calc(100vw - 20px) !important;
    padding: 6px !important;
    gap: 4px !important;
  }
  html body.ris-modern #main_in_bl .ris-brand-stack, html body.ris-modern #main_in_bl .ris-brand{ width: 136px !important; min-width: 136px !important; max-width: 136px !important; flex-basis: 136px !important; }
  html body.ris-modern #main_in_bl .ris-brand{ height: 58px !important; min-height: 58px !important; padding-left: 8px !important; padding-right: 30px !important; }
  html body.ris-modern #main_in_bl .ris-brand span{ font-size: 15px !important; }
  html body.ris-modern #main_in_bl .ris-brand small{ max-width: 98px !important; font-size: 6.5px !important; }
  html body.ris-modern #main_in_bl .ris-identity-group{ margin-left: -31px !important; flex-basis: 30px !important; width: 30px !important; min-width: 30px !important; }
  html body.ris-modern #main_in_bl .ris-national-emblem{ flex-basis: 28px !important; width: 28px !important; min-width: 28px !important; }
  html body.ris-modern #main_in_bl .ris-national-emblem img{ width: 23px !important; height: 36px !important; }
  html body.ris-modern #main_in_bl .ris-project-link{ flex-basis: 64px !important; width: 64px !important; min-width: 64px !important; max-width: 64px !important; padding: 4px !important; justify-content: center !important; }
  html body.ris-modern #main_in_bl .ris-project-link img{ flex-basis: 54px !important; width: 54px !important; min-width: 54px !important; max-width: 54px !important; height: 46px !important; }
  html body.ris-modern #main_in_bl .ris-project-link-label{ display: none !important; }
  html body.ris-modern #main_in_bl #menu-top > ul.menu{ gap: 3px !important; }
  html body.ris-modern #main_in_bl #menu-top > ul.menu > li > a{ font-size: 10.5px !important; padding: 4px 3px !important; border-radius: 9px !important; }
  html body.ris-modern #main_in_bl .ris-account-state{ gap: 3px !important; }
  html body.ris-modern #main_in_bl .ris-account-state a{ min-width: 0 !important; padding: 0 6px !important; font-size: 10px !important; }
  html body.ris-modern #main_in_bl .ris-account-state a.ris-account-profile{ max-width: 62px !important; }
  html body.ris-modern #main_in_bl .ris-account-state a.ris-account-logout{ min-width: 52px !important; }
  html body.ris-modern #main_in_bl a.ris-language-switcher{ flex-basis: 38px !important; width: 38px !important; min-width: 38px !important; }
}

@media (max-width: 700px) {
  /* The project shortcut moves under the desktop navigation only; mobile keeps the compact legacy row. */
  html body.ris-modern #main_in_bl .ris-project-link{ display: none !important; }
  html body.ris-modern #main_in_bl .ris-brand-stack{ width: 100% !important; min-width: 0 !important; max-width: none !important; flex-basis: auto !important; }
  html body.ris-modern #main_in_bl .ris-brand{ width: 100% !important; min-width: 0 !important; max-width: none !important; flex-basis: auto !important; }
  html body.ris-modern #main_in_bl .ris-identity-group{ margin-left: 0 !important; }
}