body.webraan-body .wr-search-dialog { width: min(560px, calc(100% - 32px)); max-height: calc(100dvh - 40px); padding: 24px; border: 1px solid var(--wr-border); border-radius: 22px; background: var(--wr-surface); color: var(--wr-text); font-family: var(--wr-font); direction: rtl; box-shadow: var(--wr-shadow-lg); }
body.webraan-body .wr-search-dialog::backdrop { background: rgba(4,16,35,.7); }
body.webraan-body .wr-search-dialog__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 20px; }
body.webraan-body .wr-search-dialog h2 { margin: 0; font: 700 20px/1.6 var(--wr-font); }
body.webraan-body .wr-search-dialog__close { display: grid; place-items: center; width: 44px; height: 44px; flex-shrink: 0; padding: 0; border: 1px solid var(--wr-border); border-radius: 12px; background: var(--wr-blue-ice); color: var(--wr-text); font: 28px/1 Arial; cursor: pointer; }
body.webraan-body .wr-search-dialog label { display: block; margin-bottom: 10px; font-size: 14px; }
body.webraan-body .wr-search-dialog__row { display: flex; gap: 10px; }
body.webraan-body .wr-search-dialog input { min-width: 0; flex: 1; width: 100%; padding: 12px; border: 1px solid var(--wr-border); border-radius: 12px; background: var(--wr-bg); color: var(--wr-text); font: 16px/1.6 var(--wr-font); }
body.webraan-body .wr-search-dialog input::placeholder { color: var(--wr-text-muted); }
body.webraan-body .wr-search-dialog :focus-visible { outline: 2px solid #83b5ff; outline-offset: 3px; }
body.webraan-body.wr-search-open { overflow: hidden; }
body.webraan-body .wr-prose { max-width: 1000px; overflow-wrap: anywhere; }
body.webraan-body .wr-prose p, body.webraan-body .wr-prose li { line-height: 2; }
body.webraan-body .wr-prose h2 { margin-block: 28px 12px; }
body.webraan-body .wr-prose a { color: #0954ca; }
.wr-header__nav .menu-item-has-children{position:relative;display:flex;align-items:center;gap:3px}
body.webraan-body .wr-submenu-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:36px;padding:6px;border:0;border-radius:10px;background:transparent;color:var(--wr-text);cursor:pointer}
.wr-submenu-toggle svg{width:16px;height:16px;transition:transform .25s ease}
.wr-submenu-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
body.webraan-body .wr-header__nav .sub-menu{position:absolute;top:100%;inset-inline-start:0;min-width:210px;padding:10px;list-style:none;border:1px solid var(--wr-border);border-radius:16px;background:var(--wr-surface);box-shadow:0 14px 35px #0003;z-index:100}
body.webraan-body .wr-header__nav .sub-menu a{display:block;padding:12px 16px;border-radius:10px;color:var(--wr-text)}
body.webraan-body .wr-header__nav .sub-menu a:hover{background:var(--wr-blue-ice)}
.wr-drawer__list .menu-item-has-children{position:relative;padding-inline-end:42px}
body.webraan-body .wr-drawer__list .wr-submenu-toggle{position:absolute;inset-inline-end:0;top:4px;width:40px;height:40px;background:var(--wr-blue-ice)}
body.webraan-body .wr-drawer__list .sub-menu{list-style:none;margin:4px 0 12px;padding:6px;border-inline-start:2px solid #357eff;border-radius:12px;background:var(--wr-bg)}
.wr-drawer__list .sub-menu a{font-size:13px}
body.webraan-body .sub-menu[hidden]{display:none!important}
.wr-submenu-open>.sub-menu{animation:wr-submenu-in .24s ease-out}
.wr-submenu-toggle:focus-visible{outline:2px solid #3985ff;outline-offset:2px}
@keyframes wr-submenu-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
html[data-wr-theme="dark"] body.webraan-body .wr-prose a { color: #9bc2ff; }
@media (max-width: 480px) { body.webraan-body .wr-search-dialog { padding: 18px; } body.webraan-body .wr-search-dialog__row { flex-direction: column; } }
/* The announcement keeps a light CTA even when dark mode changes surface tokens. */
body.webraan-body a.wr-announce__cta:hover,
body.webraan-body a.wr-announce__cta:focus-visible,
body.webraan-body a.wr-announce__cta:active {
  background: #e7f0ff;
  color: #10234f;
  -webkit-text-fill-color: #10234f;
}
body.webraan-body a.wr-announce__cta:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

/* Keep the desktop submenu arrow centered beside its full-height label. */
body.webraan-body .wr-header .wr-nav > .menu-item-has-children { align-items:center; gap:4px; }
body.webraan-body .wr-header .wr-nav > li > .wr-submenu-toggle { align-self:center; flex:0 0 24px; width:24px; height:32px; margin:0; padding:4px; line-height:1; }
body.webraan-body .wr-header .wr-nav > li > .wr-submenu-toggle svg { display:block; flex-shrink:0; }