/* Haifa (SiteId 4) visual theme.
   Every rule is scoped to html.site-4, which index.html sets only when the site id is 4,
   so the other municipalities are not affected. Colors from the official Haifa logo. */
@import url("https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700;800&display=swap");

html.site-4 {
  --h-navy: #004482;
  --h-navy-700: #00356a;
  --h-ink: #0b1b3a;
  --h-muted: #5b6b85;
  --h-cyan: #00aeef;
  --h-green: #8dc63f;
  --h-bg: #f3f6fb;
  --h-surface: #ffffff;
  --h-line: #e1e8f2;
  --h-soft: #e8f0f9;
  --h-radius: 14px;
  --h-radius-sm: 9px;
  --h-shadow: 0 1px 2px rgba(11, 27, 58, .06), 0 6px 20px rgba(11, 27, 58, .07);
}

/* ---------- base ---------- */
html.site-4 body,
html.site-4 body .k-widget,
html.site-4 body input, html.site-4 body select, html.site-4 body textarea, html.site-4 body button,
html.site-4 body h1, html.site-4 body h2, html.site-4 body h3, html.site-4 body h4, html.site-4 body h5 {
  font-family: "Heebo", "Segoe UI", Arial, sans-serif !important;
}
html.site-4 body { color: var(--h-ink); background: var(--h-bg) !important; }
html.site-4 .container-bac-kground,
html.site-4 body.cover { background: var(--h-bg) !important; background-image: none !important; }
html.site-4 a { color: var(--h-navy); }

/* ---------- top bar ---------- */
html.site-4 .app-header,
html.site-4 .app-header .navbar-header,
html.site-4 .app-header .navbar-collapse,
html.site-4 .app-header .bg-green {
  background: var(--h-navy) !important;
  border: 0 !important;
  box-shadow: 0 2px 10px rgba(0, 32, 70, .25);
}
html.site-4 .app-header .navbar-brand img { filter: brightness(0) invert(1); }
html.site-4 .app-header .navbar-nav > li > a,
html.site-4 .app-header .navbar-nav > li > a span,
html.site-4 .app-header .navbar-nav > li > a i { color: rgba(255, 255, 255, .88) !important; font-weight: 500; }
html.site-4 .app-header .navbar-nav > li > a:hover { background: rgba(255, 255, 255, .10) !important; color: #fff !important; }
html.site-4 .app-header .navbar-nav > li.active > a {
  background: rgba(255, 255, 255, .14) !important;
  color: #fff !important;
  box-shadow: inset 0 -3px 0 var(--h-cyan);
}
html.site-4 .app-header .navbar-nav > li.active > a span { color: #fff !important; }
html.site-4 .app-header img.profile { border: 2px solid rgba(255, 255, 255, .7); border-radius: 50%; }
html.site-4 .dropdown-menu { border: 1px solid var(--h-line); border-radius: var(--h-radius-sm); box-shadow: var(--h-shadow); padding: 6px; }
html.site-4 .dropdown-menu > li > a { border-radius: 6px; padding: 8px 12px; }
html.site-4 .dropdown-menu > li > a:hover { background: var(--h-soft); color: var(--h-navy); }

/* ---------- panels / cards ---------- */
html.site-4 .panel {
  border: 1px solid var(--h-line) !important;
  border-radius: var(--h-radius) !important;
  box-shadow: var(--h-shadow) !important;
  overflow: hidden;
}
html.site-4 .panel-heading {
  background: var(--h-surface) !important;
  border-bottom: 1px solid var(--h-line) !important;
  color: var(--h-ink) !important;
  font-weight: 700;
}
html.site-4 .panel-max-container ._content .panel { border-radius: 0 !important; border-width: 0 0 1px !important; box-shadow: none !important; }
html.site-4 .panel-max-container ._content .panel-heading { font-size: 20px; font-weight: 800; color: var(--h-navy) !important; }

/* ---------- buttons ---------- */
html.site-4 .btn { border-radius: 999px !important; font-weight: 600; transition: background .15s ease, box-shadow .15s ease, transform .15s ease; }
html.site-4 .btn:active { transform: translateY(1px); }
html.site-4 .btn-primary, html.site-4 .btn-info, html.site-4 .btn-dark, html.site-4 .bg-info, html.site-4 .btn-rounded.btn-info {
  background: var(--h-navy) !important; border-color: var(--h-navy) !important; color: #fff !important;
}
html.site-4 .btn-primary:hover, html.site-4 .btn-info:hover { background: var(--h-navy-700) !important; box-shadow: 0 4px 12px rgba(0, 68, 130, .3); }
html.site-4 .btn-default { background: #fff !important; border-color: var(--h-line) !important; color: var(--h-ink) !important; }
html.site-4 .btn-default:hover { border-color: var(--h-navy) !important; color: var(--h-navy) !important; }
html.site-4 .btn-success { background: #1d8a55 !important; border-color: #1d8a55 !important; }
html.site-4 .btn-danger { background: #d64545 !important; border-color: #d64545 !important; }
html.site-4 .btn-icon, html.site-4 .btn-circle, html.site-4 .btn.btn-rounded { box-shadow: 0 2px 6px rgba(0, 68, 130, .18); }

/* ---------- inputs ---------- */
html.site-4 .form-control, html.site-4 .k-textbox, html.site-4 .k-picker-wrap, html.site-4 .k-dropdown-wrap {
  border-radius: var(--h-radius-sm) !important;
  border-color: #cfd9e7 !important;
  box-shadow: none !important;
  min-height: 38px;
}
html.site-4 .form-control:focus, html.site-4 .k-state-focused {
  border-color: var(--h-navy) !important;
  box-shadow: 0 0 0 3px rgba(0, 68, 130, .14) !important;
}
html.site-4 label, html.site-4 .control-label { color: var(--h-ink); font-weight: 600; }

/* ---------- Kendo grid ---------- */
html.site-4 .k-grid {
  border: 1px solid var(--h-line) !important;
  border-radius: var(--h-radius) !important;
  box-shadow: var(--h-shadow);
  overflow: hidden;
  background: var(--h-surface);
}
html.site-4 .k-grid-toolbar, html.site-4 .k-grid .k-toolbar {
  background: var(--h-surface) !important;
  border-bottom: 1px solid var(--h-line) !important;
}
html.site-4 .k-grid-header, html.site-4 .k-grid-header th, html.site-4 .k-grid-header .k-header {
  background: #f6f9fd !important;
  color: var(--h-muted) !important;
  font-weight: 700 !important;
  border-color: var(--h-line) !important;
}
html.site-4 .k-grid td { border-color: #eef2f8 !important; color: var(--h-ink); }
html.site-4 .k-grid tr:hover td { background: #f3f8fe !important; }
html.site-4 .k-grid tr.k-state-selected td, html.site-4 .k-grid td.k-state-selected { background: var(--h-soft) !important; color: var(--h-ink) !important; }
html.site-4 .k-pager-wrap { background: #f9fbfe !important; border-color: var(--h-line) !important; }
html.site-4 .k-pager-numbers .k-state-selected { background: var(--h-navy) !important; border-radius: 50%; color: #fff !important; }

/* ---------- Kendo tabstrip (sign-in page) ---------- */
html.site-4 .k-tabstrip {
  background: var(--h-surface) !important;
  border: 1px solid var(--h-line) !important;
  border-radius: var(--h-radius) !important;
  box-shadow: var(--h-shadow);
  overflow: hidden;
}
html.site-4 .k-tabstrip-items { background: var(--h-navy) !important; padding: 8px 10px 0 !important; }
html.site-4 .k-tabstrip-items .k-item {
  background: transparent !important; border: 0 !important; border-radius: 10px 10px 0 0 !important;
  color: rgba(255, 255, 255, .85) !important; margin: 0 2px !important;
}
html.site-4 .k-tabstrip-items .k-item .k-link { color: inherit !important; padding: 10px 16px !important; font-weight: 600; }
html.site-4 .k-tabstrip-items .k-item.k-state-hover { background: rgba(255, 255, 255, .12) !important; }
html.site-4 .k-tabstrip-items .k-item.k-state-active { background: var(--h-surface) !important; color: var(--h-navy) !important; }
html.site-4 .k-tabstrip > .k-content { border: 0 !important; padding: 22px 26px !important; color: var(--h-ink); line-height: 1.7; }

/* ---------- sign-in page ---------- */
html.site-4 .access-wrapper { padding-top: 28px; }
html.site-4 .access-wrapper img.access-top { height: 72px; width: auto; border: 0 !important; }
html.site-4 .access-wrapper h3 { color: var(--h-navy); font-weight: 800; }
html.site-4 .access-wrapper .panel-heading,
html.site-4 .access-wrapper .panel .panel-heading {
  background: linear-gradient(135deg, var(--h-navy) 0%, #0a5aa6 100%) !important;
  color: #fff !important; text-align: center; font-size: 20px; padding: 18px !important; border: 0 !important;
}
html.site-4 .access-wrapper .panel-heading * { color: #fff !important; background: none !important; box-shadow: none !important; }
html.site-4 .access-wrapper .panel-body { padding: 22px 24px !important; }
html.site-4 .access-wrapper .input-group-addon { background: #f3f7fc !important; border-color: #cfd9e7 !important; color: var(--h-navy); }
html.site-4 .access-wrapper .footer, html.site-4 .access-wrapper .footer * { color: var(--h-muted) !important; }

/* ---------- project (request) page ---------- */
html.site-4 .app-aside, html.site-4 .aside-wrap, html.site-4 .navi-wrap { background: var(--h-surface) !important; }
html.site-4 .nav-sub, html.site-4 .navi ul.nav li a { color: var(--h-ink) !important; }
html.site-4 .k-treeview .k-in { border-radius: 8px !important; padding: 6px 10px !important; }
html.site-4 .k-treeview .k-in.k-state-selected,
html.site-4 .k-treeview .k-in.k-state-focused.k-state-selected {
  background: var(--h-navy) !important; color: #fff !important; box-shadow: none !important;
}
html.site-4 .k-treeview .k-in.k-state-hover { background: var(--h-soft) !important; color: var(--h-navy) !important; }

/* ---------- status badges ---------- */
html.site-4 .label, html.site-4 .badge { border-radius: 999px !important; padding: 4px 10px !important; font-weight: 600; }

/* ---------- modals ---------- */
html.site-4 .modal-content { border: 0 !important; border-radius: 16px !important; overflow: hidden; box-shadow: 0 24px 60px rgba(0, 25, 60, .28) !important; }
html.site-4 .modal-header {
  background: linear-gradient(135deg, var(--h-navy) 0%, #0a5aa6 100%) !important;
  color: #fff !important; border: 0 !important; padding: 16px 22px !important;
}
html.site-4 .modal-header *, html.site-4 .modal-header .close { color: #fff !important; opacity: .95; text-shadow: none; }
html.site-4 .modal-body { background: #f7f9fc; }
html.site-4 .modal-footer { background: var(--h-surface); border-top: 1px solid var(--h-line) !important; }

/* ---------- misc ---------- */
html.site-4 .bg-light, html.site-4 .bg-white-only { background: var(--h-surface) !important; }
html.site-4 ::selection { background: rgba(0, 174, 239, .25); }

/* ---------- leftovers of the default (olive) theme ---------- */
html.site-4 body.cover, html.site-4 body._access { background-image: none !important; background-color: var(--h-bg) !important; }
html.site-4 .bg-green, html.site-4 .btn-green, html.site-4 .btn.btn-green {
  background: var(--h-navy) !important; border-color: var(--h-navy) !important; color: #fff !important;
}
html.site-4 .btn-green:hover { background: var(--h-navy-700) !important; }
html.site-4 .k-grid-toolbar, html.site-4 div.k-header.k-grid-toolbar { background: var(--h-surface) !important; border-color: var(--h-line) !important; }
html.site-4 .kendo-drop-periods, html.site-4 .kendo-drop-periods .k-dropdown-wrap {
  background: var(--h-surface) !important; color: var(--h-ink) !important; border-color: #cfd9e7 !important; border-radius: var(--h-radius-sm) !important;
}

/* sign-in: replace the olive ribbon image with a clean title bar */
html.site-4 img.login-image { display: none !important; }
html.site-4 .panel-body:has(> img.login-image) {
  background: linear-gradient(135deg, var(--h-navy) 0%, #0a5aa6 100%); padding: 18px 24px !important; border: 0 !important;
}
html.site-4 .panel-body:has(> img.login-image)::before {
  content: "כניסה למערכת"; display: block; color: #fff; font: 700 20px/1.3 "Heebo", sans-serif; text-align: center;
}
html.site-4 .input-group-addon img.username, html.site-4 .input-group-addon img { opacity: .55; }
html.site-4 .access-wrapper .btn-lg { padding: 10px 34px; font-size: 17px; }
/* news box */
html.site-4 .hidden-xs > div > .header, html.site-4 div.header {
  background: var(--h-navy) !important; color: #fff !important; border-radius: var(--h-radius) var(--h-radius) 0 0;
}
html.site-4 div.header * { color: #fff !important; text-decoration: none !important; }
html.site-4 .k-tabstrip-items { margin-left: 0 !important; margin-right: 0 !important; }
html.site-4 .k-tabstrip .k-tabstrip-prev, html.site-4 .k-tabstrip .k-tabstrip-next { display: none !important; }

/* request page: steps sidebar as a numbered stepper */
html.site-4 a.tree-spacer { background: var(--h-navy) !important; color: #fff !important; font-weight: 700; border: 0 !important; }
html.site-4 ul.tree { counter-reset: hstep; padding: 10px 8px !important; }
html.site-4 ul.tree li { border: 0 !important; line-height: 1.35; margin: 2px 0 !important; color: var(--h-ink) !important; }
html.site-4 ul.tree li::before { display: none !important; }
html.site-4 ul.tree li > a {
  display: flex !important; align-items: center; gap: 10px; position: static !important;
  padding: 9px 10px !important; border-radius: 10px; color: var(--h-ink) !important; font-weight: 500; text-decoration: none !important;
}
html.site-4 ul.tree li > a::before {
  counter-increment: hstep; content: counter(hstep); flex: none; width: 26px; height: 26px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 700;
  background: var(--h-soft); color: var(--h-navy);
}
html.site-4 ul.tree li > a:hover { background: var(--h-soft) !important; }
html.site-4 ul.tree li > a.active { background: var(--h-navy) !important; color: #fff !important; box-shadow: 0 4px 12px rgba(0, 68, 130, .25); }
html.site-4 ul.tree li > a.active::before { background: #fff; color: var(--h-navy); }
html.site-4 .hbox.bg-light > .col.lter { background: var(--h-surface) !important; border-color: var(--h-line) !important; }

/* status cells in task grids */
html.site-4 .k-grid td .label-success, html.site-4 .k-grid td .bg-success, html.site-4 .k-grid td .btn-success { background: #e3f5ea !important; color: #17723f !important; border: 0 !important; }
html.site-4 #app, html.site-4 .access-wrapper, html.site-4 content.container { background: transparent !important; box-shadow: none !important; }
html.site-4 .k-tabstrip-items .k-item { border-top: 0 !important; }
html.site-4 .k-tabstrip-items .k-item:not(.k-state-active)::before { display: none !important; }
html.site-4 .app::before { background: var(--h-bg) !important; box-shadow: none !important; border: 0 !important; }
/* file upload area inside task forms */
html.site-4 .k-upload, html.site-4 .k-upload .k-dropzone, html.site-4 .k-upload .k-header,
html.site-4 .k-dropzone, html.site-4 .k-upload-files { background: #eef3f9 !important; border-color: var(--h-line) !important; border-radius: var(--h-radius-sm) !important; }
html.site-4 .k-upload .k-upload-button, html.site-4 .k-upload-button { background: #fff !important; color: var(--h-navy) !important; border: 1px solid #cfd9e7 !important; border-radius: 999px !important; }

/* =====================================================================
   Sign-in page v2 (Haifa): hero band, elevated cards, underline tabs.
   Everything below is under html.site-4 .access-wrapper (the sign-in page only).
   ===================================================================== */
html.site-4 .access-wrapper { position: relative; padding: 0 0 24px !important; max-width: 1240px; margin: 0 auto; }
/* hero band behind the header and the top of the cards */
html.site-4 .access-wrapper::before {
  content: ""; position: absolute; z-index: 0; top: -40px; left: 50%; width: 100vw; transform: translateX(-50%); height: 340px;
  background:
    radial-gradient(900px 300px at 85% -40px, rgba(0, 174, 239, .35), transparent 70%),
    radial-gradient(600px 260px at 10% 120%, rgba(141, 198, 63, .22), transparent 70%),
    linear-gradient(135deg, #003366 0%, #004482 45%, #0a5aa6 100%);
}
html.site-4 .access-wrapper::after {
  content: ""; position: absolute; z-index: 0; top: 240px; left: 50%; width: 100vw; transform: translateX(-50%); height: 62px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 62' preserveAspectRatio='none'%3E%3Cpath d='M0 30 C 240 62 480 0 720 26 S 1200 58 1440 22 L1440 62 L0 62 Z' fill='%23f3f6fb'/%3E%3C/svg%3E") center bottom / 100% 100% no-repeat;
}
html.site-4 .access-wrapper > .row, html.site-4 .access-wrapper > .footer { position: relative; z-index: 1; }

/* header: logo on a white chip, white title + subtitle */
html.site-4 .access-wrapper > .row:first-child { padding: 26px 0 22px; }
html.site-4 .access-wrapper > .row:first-child > div { gap: 22px; }
html.site-4 .access-wrapper img.access-top {
  height: 76px !important; align-self: center !important; background: #fff; padding: 8px 14px; border-radius: 16px;
  box-shadow: 0 8px 24px rgba(0, 20, 50, .25);
}
html.site-4 .access-wrapper > .row:first-child h3 {
  margin: 0 !important; color: #fff !important; font-size: 34px; font-weight: 800; letter-spacing: -.3px; line-height: 1.15;
}
html.site-4 .access-wrapper > .row:first-child h3::after {
  content: "פורטל הגשת בקשות לתמיכה לעמותות ולמוסדות ציבור"; display: block; margin-top: 6px;
  font-size: 16px; font-weight: 400; color: rgba(255, 255, 255, .82); letter-spacing: 0;
}

/* tabs card: white card, underline tabs */
html.site-4 .access-wrapper .k-tabstrip {
  border: 0 !important; border-radius: 20px !important; box-shadow: 0 2px 4px rgba(11, 27, 58, .05), 0 18px 44px rgba(11, 27, 58, .12) !important;
  min-height: 560px;
}
html.site-4 .access-wrapper .k-tabstrip-items {
  background: #fff !important; padding: 6px 18px 0 !important; border-bottom: 1px solid var(--h-line) !important; display: flex; gap: 4px;
}
html.site-4 .access-wrapper .k-tabstrip-items .k-item {
  background: transparent !important; color: var(--h-muted) !important; border-radius: 0 !important; margin: 0 !important;
  box-shadow: none !important; position: relative; bottom: -1px;
  height: auto !important; padding: 0 !important; border: 0 !important;
}
html.site-4 .access-wrapper .k-tabstrip-items .k-item .k-link { padding: 16px 18px 14px !important; font-size: 16px; font-weight: 600; }
html.site-4 .access-wrapper .k-tabstrip-items .k-loading { display: none !important; }
html.site-4 { background: var(--h-bg) !important; }
html.site-4 .access-wrapper .k-tabstrip, html.site-4 .access-wrapper .k-tabstrip > .k-content,
html.site-4 .access-wrapper form.form-validation > .panel, html.site-4 .access-wrapper form.form-validation > .panel > .panel-body { background-color: #fff !important; }
html.site-4 .access-wrapper #about > div { overflow: visible !important; }
html.site-4 .access-wrapper #about .fix-button-about { padding: 2px 4px; float: none; width: auto; }
html.site-4 .access-wrapper #about .row { margin: 0 !important; }
html.site-4 .access-wrapper .k-tabstrip-items .k-item.k-state-hover { background: transparent !important; color: var(--h-navy) !important; }
html.site-4 .access-wrapper .k-tabstrip-items .k-item.k-state-active {
  background: transparent !important; color: var(--h-navy) !important; box-shadow: inset 0 -3px 0 var(--h-navy) !important;
}
html.site-4 .access-wrapper .k-tabstrip-items .k-item.k-state-active .k-link { font-weight: 800; }
html.site-4 .access-wrapper .k-tabstrip > .k-content { padding: 26px 32px !important; background: #fff; }

/* about tab: accessibility buttons as small ghost chips, readable text */
html.site-4 .access-wrapper #about > div > br { display: none; }
html.site-4 .access-wrapper #about .fix-button-about { position: static !important; display: flex; gap: 6px; justify-content: flex-end; margin-bottom: 14px; }
html.site-4 .access-wrapper #about .fix-button-about .btn {
  background: #fff !important; color: var(--h-navy) !important; border: 1px solid #cfd9e7 !important; box-shadow: none !important;
  width: 34px; height: 34px; padding: 0 !important; font-size: 15px; line-height: 32px;
}
html.site-4 .access-wrapper #about .fix-button-about .btn:hover { border-color: var(--h-navy) !important; background: var(--h-soft) !important; }
html.site-4 .access-wrapper #about [ng-bind-html] { font-size: 16px; line-height: 1.8; color: #24324a; }
html.site-4 .access-wrapper #about [ng-bind-html] p { margin: 0 0 10px; }
html.site-4 .access-wrapper #about [ng-bind-html] p:first-child,
html.site-4 .access-wrapper #about [ng-bind-html] h1, html.site-4 .access-wrapper #about [ng-bind-html] h2, html.site-4 .access-wrapper #about [ng-bind-html] h3 {
  font-size: 22px; font-weight: 800; color: var(--h-navy); text-decoration: none; margin-bottom: 14px;
}
html.site-4 .access-wrapper #about [ng-bind-html] strong, html.site-4 .access-wrapper #about [ng-bind-html] b { color: var(--h-ink); }
html.site-4 .access-wrapper #about > button.custom-btn { display: none !important; }

/* sign-in card */
html.site-4 .access-wrapper form.form-validation > .panel {
  border: 0 !important; border-radius: 20px !important; overflow: hidden;
  box-shadow: 0 2px 4px rgba(11, 27, 58, .05), 0 18px 44px rgba(11, 27, 58, .14) !important;
}
html.site-4 .access-wrapper .panel-body:has(> img.login-image) {
  background: #fff !important; padding: 30px 28px 4px !important; text-align: center;
}
html.site-4 .access-wrapper .panel-body:has(> img.login-image)::before {
  content: ""; display: block; width: 56px; height: 56px; margin: 0 auto 14px; border-radius: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") center / 26px no-repeat, linear-gradient(135deg, #004482, #0a5aa6);
  box-shadow: 0 8px 18px rgba(0, 68, 130, .3);
}
html.site-4 .access-wrapper .panel-body:has(> img.login-image)::after {
  content: "כניסה למערכת"; display: block; color: var(--h-ink); font: 800 24px/1.2 "Heebo", sans-serif;
}
html.site-4 .access-wrapper form.form-validation > .panel > .panel-body:not(:has(> img.login-image))::before {
  content: "הזינו את שם המשתמש והסיסמה שקיבלתם"; display: block; text-align: center; color: var(--h-muted);
  font-size: 14px; margin: -10px 0 18px;
}
html.site-4 .access-wrapper form.form-validation > .panel > .panel-body { padding: 18px 28px 28px !important; }
html.site-4 .access-wrapper form.form-validation .form-group { margin-bottom: 16px; }
html.site-4 .access-wrapper form.form-validation label { font-size: 14px; margin-bottom: 6px; }
/* one rounded field: input + icon */
html.site-4 .access-wrapper form.form-validation .input-group {
  display: flex; border: 1px solid #cfd9e7; border-radius: 12px; background: #fff; overflow: hidden; transition: border-color .15s, box-shadow .15s;
}
html.site-4 .access-wrapper form.form-validation .input-group:focus-within { border-color: var(--h-navy); box-shadow: 0 0 0 4px rgba(0, 68, 130, .12); }
html.site-4 .access-wrapper form.form-validation .input-group .form-control {
  border: 0 !important; border-radius: 0 !important; box-shadow: none !important; height: 46px; font-size: 16px; padding: 0 14px; flex: 1; float: none;
}
html.site-4 .access-wrapper form.form-validation .input-group-addon {
  border: 0 !important; background: transparent !important; width: 46px; display: flex; align-items: center; justify-content: center; padding: 0;
  color: #8a9ab3 !important;
}
html.site-4 .access-wrapper form.form-validation .text-right.flip { margin-top: 22px; }
html.site-4 .access-wrapper form.form-validation .btn-lg {
  width: 100%; height: 50px; border-radius: 12px !important; font-size: 18px; font-weight: 700;
  background: linear-gradient(135deg, #004482, #0a5aa6) !important; border: 0 !important;
  box-shadow: 0 10px 22px rgba(0, 68, 130, .28) !important;
}
html.site-4 .access-wrapper form.form-validation .btn-lg:hover:not([disabled]) { transform: translateY(-1px); box-shadow: 0 14px 28px rgba(0, 68, 130, .34) !important; }
html.site-4 .access-wrapper form.form-validation .btn-lg[disabled] { opacity: .55; box-shadow: none !important; }
html.site-4 .access-wrapper .text-danger.wrapper { background: #fdecec; color: #b42318 !important; border-radius: 10px; margin-bottom: 14px; }

/* news card */
html.site-4 .access-wrapper section {
  background: #fff !important; border-radius: 20px; margin: 22px 0 0; overflow: hidden;
  box-shadow: 0 2px 4px rgba(11, 27, 58, .05), 0 12px 30px rgba(11, 27, 58, .08);
}
html.site-4 .access-wrapper section .line { display: none !important; }
html.site-4 .access-wrapper section div.header {
  height: auto !important; background: #fff !important; border-radius: 0; padding: 18px 22px 12px; border-bottom: 1px solid var(--h-line);
}
html.site-4 .access-wrapper section .news {
  position: static !important; font-size: 18px !important; font-weight: 800; border: 0 !important; margin: 0;
  color: var(--h-ink) !important; direction: rtl; display: flex; align-items: center; gap: 10px;
}
html.site-4 .access-wrapper section .news::before {
  content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--h-green); box-shadow: 0 0 0 4px rgba(141, 198, 63, .22);
}
html.site-4 .access-wrapper section ul[ticker] { padding: 6px 16px 12px; margin: 0; height: auto !important; max-height: 250px; }
html.site-4 .access-wrapper section ul[ticker]:not(:has(li))::after {
  content: "אין עדכונים חדשים כרגע"; display: block; padding: 18px 6px 8px; color: var(--h-muted); font-size: 14px;
}
html.site-4 .access-wrapper section #content { height: auto; padding: 0; overflow: visible; }
html.site-4 .access-wrapper section #content .object { display: flex; align-items: flex-start; gap: 12px; padding: 10px 4px; border-bottom: 1px solid #eef2f8; }
html.site-4 .access-wrapper section #content .object .circle { display: none; }
html.site-4 .access-wrapper section #content .object .date {
  float: none; margin: 0; width: auto; min-width: 46px; height: auto; padding: 4px 8px; border-radius: 8px;
  background: var(--h-soft); color: var(--h-navy); font-size: 13px; font-weight: 700; line-height: 1.6;
}
html.site-4 .access-wrapper section #content .object .context { width: auto; color: #33415c; font-size: 14px; line-height: 1.6; }
html.site-4 .access-wrapper [ticker] li { opacity: 1 !important; padding: 0 !important; }

/* inner tabs (registration, contact, forgot password): soft section headers instead of heavy bars */
html.site-4 .access-wrapper .k-content .modal-header,
html.site-4 .access-wrapper .k-content .panel-heading,
html.site-4 .access-wrapper .k-content .panel-green {
  background: #fff !important; color: var(--h-navy) !important; border: 0 !important; border-bottom: 1px solid var(--h-line) !important;
  text-align: right !important; padding: 4px 0 12px !important; font-size: 20px; font-weight: 800; box-shadow: none !important;
}
html.site-4 .access-wrapper .k-content .modal-header *, html.site-4 .access-wrapper .k-content .panel-heading * { color: var(--h-navy) !important; }
html.site-4 .access-wrapper .k-content .modal-header .modal-title { font-size: 24px; font-weight: 800; }
html.site-4 .access-wrapper .k-content .panel {
  border: 1px solid var(--h-line) !important; border-radius: 16px !important; box-shadow: none !important; margin-top: 16px; overflow: hidden;
}
html.site-4 .access-wrapper .k-content .panel > .panel-heading { background: #f6f9fd !important; padding: 14px 18px !important; font-size: 17px; }
html.site-4 .access-wrapper .k-content .panel-footer { background: #fff !important; border-top: 1px solid var(--h-line) !important; }
html.site-4 .access-wrapper .k-content .form-control { height: 44px; font-size: 15px; }
html.site-4 .access-wrapper .k-content .k-dropdown-wrap, html.site-4 .access-wrapper .k-content .k-picker-wrap {
  background: #fff !important; background-image: none !important; color: var(--h-ink) !important; min-height: 44px;
}

/* footer */
html.site-4 .access-wrapper > .footer { margin-top: 28px !important; position: static !important; width: 100% !important; }
html.site-4 .access-wrapper > .footer .footer-company { font-size: 13px; }

/* phone: sign-in card first, compact hero */
@media (max-width: 767px) {
  html.site-4 .access-wrapper { padding: 0 12px 24px !important; }
  html.site-4 .access-wrapper::before { height: 230px; }
  html.site-4 .access-wrapper::after { top: 190px; height: 40px; }
  html.site-4 .access-wrapper > .row:first-child { padding: 18px 0 16px; }
  html.site-4 .access-wrapper > .row:first-child > div { gap: 14px; }
  html.site-4 .access-wrapper img.access-top { height: 56px !important; padding: 6px 10px; border-radius: 12px; }
  html.site-4 .access-wrapper > .row:first-child h3 { font-size: 24px; }
  html.site-4 .access-wrapper > .row:first-child h3::after { font-size: 13px; }
  html.site-4 .access-wrapper > .row:nth-child(2) { display: flex; flex-direction: column-reverse; }
  html.site-4 .access-wrapper > .row:nth-child(2) > .col-sm-4 { margin-bottom: 18px; }
  html.site-4 .access-wrapper .k-tabstrip { min-height: 0; }
  html.site-4 .access-wrapper .k-tabstrip-items { overflow-x: auto; padding: 4px 8px 0 !important; flex-wrap: nowrap; }
  html.site-4 .access-wrapper .k-tabstrip-items .k-item .k-link { padding: 14px 10px 12px !important; font-size: 15px; white-space: nowrap; }
  html.site-4 .access-wrapper .k-tabstrip > .k-content { padding: 18px 16px !important; }
  html.site-4 .access-wrapper > .footer .row > div { text-align: center !important; }
}