/* UkrRIS Notices 1.3.5: page background is sourced from the active theme setting via wp_head. */
/* UkrRIS Notices 1.3.4 — cleaned, single-source page styles.
   The theme owns the global river background and top navigation.
   This plugin owns only hero, notice content, and one translucent backplate. */

/* Match the operational-information page's content geometry without changing body background. */
html body.ukrris-notices-route #content,
html body.ukrris-notices-route #content > .col_9,
html body.ukrris-notices-route #content > .ukrris-page-inner {
  width:100%!important; max-width:none!important; margin:0!important; padding:0!important;
  box-sizing:border-box!important; overflow:visible!important;
}
html body.ukrris-notices-route #content > .ukrris-page-inner > h1 {
  display:none!important; margin:0!important; padding:0!important;
}
html body.ukrris-notices-route #wrap {
  width:100vw!important; max-width:none!important; margin:0!important;
  padding-top:0!important; padding-left:0!important; padding-right:0!important;
  overflow:visible!important; box-sizing:border-box!important;
}
html body.ukrris-notices-route .ukrris-notices-layout {
  position:relative!important; isolation:isolate!important; width:100%!important; max-width:none!important;
  margin:0!important; padding:0!important; box-sizing:border-box!important; overflow:visible!important;
  color:#092238;
}
html body.ukrris-notices-route .ukrris-notices-layout > * {position:relative!important;}

/* Hero geometry follows Operational Information; the theme's global background is untouched. */
html body.ukrris-notices-route .ukrris-notices-hero {
  position:relative!important; z-index:5!important; width:100vw!important; max-width:none!important;
  height:520px!important; min-height:520px!important; margin:0!important; padding:0!important;
  box-sizing:border-box!important; overflow:hidden!important; isolation:isolate!important;
  border:0!important; border-radius:0 0 32px 32px!important; background-color:#073b53!important; box-shadow:none!important;
}
html body.ukrris-notices-route .ukrris-notices-hero > img {
  position:absolute!important; inset:0!important; z-index:0!important; display:block!important;
  width:100%!important; height:100%!important; max-width:none!important; object-fit:cover!important; object-position:center 48%!important;
}
html body.ukrris-notices-route .ukrris-notices-hero::after {
  content:""; position:absolute; inset:0; z-index:1;
  background:linear-gradient(90deg,rgba(3,29,42,.36),rgba(3,29,42,.08) 62%,rgba(3,29,42,0)); pointer-events:none;
}
html body.ukrris-notices-route .ukrris-notices-hero-title {
  position:absolute!important; left:max(48px,calc((100vw - 1440px)/2))!important; bottom:38px!important;
  z-index:2!important; color:#fff!important; text-shadow:0 2px 12px rgba(0,0,0,.35)!important;
}
html body.ukrris-notices-route .ukrris-notices-hero-title span {
  display:block; margin:0; color:#fff!important; font-size:clamp(14px,1.3vw,19px); line-height:1.2;
  font-weight:800; letter-spacing:2px;
}

/* One translucent surface under the hero, full viewport width. */
html body.ukrris-notices-route .ukrris-notices-page {
  position:relative!important; isolation:isolate!important; width:100%!important; max-width:none!important;
  margin:0!important; padding:28px 0 70px!important; box-sizing:border-box!important; color:#092238;
}
html body.ukrris-notices-route .ukrris-notices-page::before {
  content:""; position:absolute; z-index:0; top:0; bottom:0; left:50%; transform:translateX(-50%);
  width:100vw; pointer-events:none; background:rgba(255,255,255,.76);
  border-top:1px solid rgba(210,226,233,.55); backdrop-filter:blur(1px); -webkit-backdrop-filter:blur(1px);
}
html body.ukrris-notices-route .ukrris-notices-head,
html body.ukrris-notices-route .ukrris-notices-list {
  position:relative!important; z-index:1!important; width:min(calc(100% - 96px),1440px)!important;
  max-width:1440px!important; margin-left:auto!important; margin-right:auto!important; box-sizing:border-box!important;
}
html body.ukrris-notices-route .ukrris-notices-head {
  display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:0!important; margin-bottom:22px!important;
}
html body.ukrris-notices-route .ukrris-notices-kicker {margin:0;color:#0787bd;font-size:14px;font-weight:800;letter-spacing:1.5px}
html body.ukrris-notices-route .ukrris-notices-head h1 {display:none!important}
html body.ukrris-notices-route .ukrris-notices-view-switch {display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
html body.ukrris-notices-route .ukrris-notices-journal {
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box;padding:12px 20px;
  background:rgba(235,246,251,.96);border:1px solid #b9dce9;color:#075d7b!important;text-decoration:none!important;
  border-radius:0!important;font-weight:800;white-space:nowrap;box-shadow:0 5px 14px rgba(0,87,120,.08);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease;
}
html body.ukrris-notices-route .ukrris-notices-journal.is-current {background:linear-gradient(135deg,#0aa3c7,#006d91);border-color:transparent;color:#fff!important;box-shadow:0 8px 20px rgba(0,87,120,.18)}
html body.ukrris-notices-route .ukrris-notices-journal:hover {transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,87,120,.22)}
html body.ukrris-notices-route .ukrris-notices-list {display:grid;gap:14px}
html body.ukrris-notices-route .ukrris-notice-row {
  position:relative;min-height:66px;box-sizing:border-box;border:1px solid #d7e7ef;border-radius:0!important;
  background:rgba(255,255,255,.96);display:grid;grid-template-columns:52px minmax(140px,1fr) 130px minmax(220px,auto);
  align-items:center;gap:14px;padding:10px 20px;box-shadow:0 7px 18px rgba(24,86,117,.06);cursor:pointer;
  transition:box-shadow .18s ease,border-color .18s ease,background .18s ease;
}
html body.ukrris-notices-route .ukrris-notice-row:hover {border-color:#8fc8df;box-shadow:0 9px 22px rgba(24,86,117,.10)}
html body.ukrris-notices-route .ukrris-notice-row:focus {outline:2px solid #0788bc;outline-offset:2px}
html body.ukrris-notices-route .ukrris-notice-eye {width:40px;height:40px;background:#e8f5fb;color:#0788bc;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:900}
html body.ukrris-notices-route .ukrris-notice-row[aria-expanded="true"] .ukrris-notice-eye {background:#0788bc;color:#fff}
html body.ukrris-notices-route .ukrris-notice-row-code {min-width:0;font-weight:900;color:#172432;overflow-wrap:anywhere}
html body.ukrris-notices-route .ukrris-notice-status {justify-self:start;background:#fff0d4;color:#a94b00;padding:6px 11px;font-size:12px;font-weight:800;white-space:nowrap}
html body.ukrris-notices-route .ukrris-notice-status--active {background:#dff5e8;color:#14713a}
html body.ukrris-notices-route .ukrris-notice-status--upcoming {background:#e4f2ff;color:#145b91}
html body.ukrris-notices-route .ukrris-notice-status--expired {background:#eef0f2;color:#5e6870}
html body.ukrris-notices-route .ukrris-notice-row-date {justify-self:end;color:#5f7d93;font-size:13px;text-align:right}
html body.ukrris-notices-route .ukrris-notice-row-body {grid-column:1/-1;border-top:1px solid #e2edf3;margin-top:2px;padding:13px 4px 4px 52px;color:#5b7182;font-size:13px;line-height:1.5}
html body.ukrris-notices-route .ukrris-notice-row-body p {margin:0 0 7px}
html body.ukrris-notices-route .ukrris-notices-empty {padding:24px;border:1px dashed #b8cbd6;background:rgba(255,255,255,.7);color:#50697a;font-weight:700;text-align:center}
@media(max-width:1000px) {
  html body.ukrris-notices-route .ukrris-notices-hero,html body.ukrris-notices-route .ukrris-notices-hero-title {border-radius:0!important}
  html body.ukrris-notices-route .ukrris-notices-hero {height:420px!important;min-height:420px!important}
  html body.ukrris-notices-route .ukrris-notices-hero-title {left:24px!important;bottom:30px!important}
  html body.ukrris-notices-route .ukrris-notices-page {padding:22px 18px 52px!important}
  html body.ukrris-notices-route .ukrris-notices-head,html body.ukrris-notices-route .ukrris-notices-list {width:100%!important;max-width:none!important}
  html body.ukrris-notices-route .ukrris-notice-row {grid-template-columns:44px minmax(120px,1fr) auto!important;gap:10px!important}
  html body.ukrris-notices-route .ukrris-notice-row-date {grid-column:2/-1!important;justify-self:start!important;text-align:left!important}
  html body.ukrris-notices-route .ukrris-notice-row-body {padding-left:0!important}
}
@media(max-width:800px) {
  html body.ukrris-notices-route .ukrris-notices-hero {height:360px!important;min-height:360px!important}
  html body.ukrris-notices-route .ukrris-notices-hero-title {left:18px!important;bottom:24px!important}
  html body.ukrris-notices-route .ukrris-notices-page {padding:18px 12px 44px!important}
  html body.ukrris-notices-route .ukrris-notices-head {align-items:flex-start!important;flex-direction:column!important;gap:14px!important}
  html body.ukrris-notices-route .ukrris-notices-view-switch {justify-content:flex-start!important;width:100%!important}
  html body.ukrris-notices-route .ukrris-notices-journal {flex:1 1 auto;min-width:0;white-space:normal;text-align:center}
  html body.ukrris-notices-route .ukrris-notice-row {grid-template-columns:38px minmax(0,1fr)!important;gap:8px!important;padding:12px!important}
  html body.ukrris-notices-route .ukrris-notice-eye {width:34px!important;height:34px!important}
  html body.ukrris-notices-route .ukrris-notice-status,html body.ukrris-notices-route .ukrris-notice-row-date {grid-column:2!important;justify-self:start!important}
  html body.ukrris-notices-route .ukrris-notice-row-date {font-size:12px}
  html body.ukrris-notices-route .ukrris-notice-row-body {grid-column:1/-1!important;padding:12px 0 2px!important}
}