/* SRRM DEV04-A — source-derived responsive public shell.
   Adaptation of accepted BranchCar 024-A3 mobile bottom navigation/converged
   public shell. Scoped ONLY to public pages, no change to old routes or DB. */
body.srrm-public-surface {
  --srrm-ink: #183044;
  --srrm-brand: #126b76;
  --srrm-on-brand: #fff;
  --srrm-border: #d9e5e9;
  --srrm-surface: #fff;
  --srrm-muted-surface: #f3f8f8;
  --srrm-focus: #a65f08;
  color: var(--srrm-ink);
  background: #f6f9fa;
  overflow-x: clip;
}
.srrm-skip-link {
  position: absolute;
  inset-inline-start: 12px;
  top: -80px;
  z-index: 2000;
  padding: 12px 16px;
  background: #fff;
  color: #143e54;
  border: 2px solid #143e54;
  border-radius: 10px;
}
.srrm-skip-link:focus { top: 10px; }
body.srrm-public-surface a:focus-visible,
body.srrm-public-surface button:focus-visible,
body.srrm-public-surface select:focus-visible,
body.srrm-public-surface input:focus-visible {
  outline: 3px solid var(--srrm-focus);
  outline-offset: 3px;
}
body.srrm-public-surface .jumbotron {
  margin: 14px auto 20px;
  max-width: 1180px;
  border: 1px solid var(--srrm-border);
  border-radius: 22px;
  background: linear-gradient(125deg, #e7f5f3, #f7fcfd);
  padding: clamp(22px, 4vw, 48px);
  color: var(--srrm-ink);
}
body.srrm-public-surface .jumbotron h1 {
  font-size: clamp(28px, 3.4vw, 44px);
  line-height: 1.25;
  overflow-wrap: anywhere;
}
body.srrm-public-surface .mainnav {
  border-radius: 18px;
  border-color: var(--srrm-border);
  background: var(--srrm-surface);
  padding: 16px;
  min-width: 0;
}
body.srrm-public-surface .mainnav .well,
body.srrm-public-surface .home-cont,
body.srrm-public-surface .boder_mar_pad_div {
  border-radius: 16px;
  border-color: var(--srrm-border);
  box-shadow: 0 3px 18px rgba(28, 60, 72, 0.05);
  max-width: 100% !important;
  overflow-wrap: anywhere;
}
body.srrm-public-surface .container_width { max-width: 100%; }
body.srrm-public-surface .mainnav img { max-width: 100%; height: auto; }
body.srrm-public-surface .btn,
body.srrm-public-surface .search_form button { min-height: 44px; }
body.srrm-public-surface .search_form select,
body.srrm-public-surface .search_form input { min-height: 44px; max-width: 100%; }
body.srrm-public-surface .mainnav a { overflow-wrap: anywhere; }
.srrm-mobile-nav { display: none; }
@media (max-width: 767px) {
  body.srrm-public-surface {
    padding-bottom: calc(86px + env(safe-area-inset-bottom, 0px));
  }
  body.srrm-public-surface .container-fluid,
  body.srrm-public-surface .container,
  body.srrm-public-surface .row { max-width: 100%; }
  body.srrm-public-surface .mainnav {
    float: none;
    width: auto;
    margin: 8px 8px 16px;
    padding: 12px;
    border-radius: 14px;
  }
  body.srrm-public-surface .sidenav { float: none; width: auto; height: auto; }
  body.srrm-public-surface .jumbotron { margin: 8px 8px 16px; padding: 20px 14px; border-radius: 16px; }
  body.srrm-public-surface .search_form .form-control,
  body.srrm-public-surface .search_form .select2,
  body.srrm-public-surface .search_form .select2-container { max-width: 100%; min-width: 0; }
  .srrm-mobile-nav {
    position: fixed;
    z-index: 95;
    inset-inline: 0;
    bottom: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 3px;
    padding: 6px max(8px, env(safe-area-inset-right, 0px)) calc(5px + env(safe-area-inset-bottom, 0px)) max(8px, env(safe-area-inset-left, 0px));
    background: var(--srrm-surface);
    border-top: 1px solid var(--srrm-border);
    box-shadow: 0 -5px 20px rgba(29, 61, 75, .11);
    direction: inherit;
  }
  .srrm-mobile-nav__link {
    min-width: 0;
    min-height: 57px;
    color: var(--srrm-ink);
    text-decoration: none;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    border-radius: 12px;
  }
  .srrm-mobile-nav__link:focus-visible,
  .srrm-mobile-nav__link[aria-current="page"] { background: var(--srrm-muted-surface); color: var(--srrm-brand); }
  .srrm-mobile-nav__glyph { font-family: system-ui, sans-serif; font-size: 22px; line-height: 1; }
  .srrm-mobile-nav__add .srrm-mobile-nav__glyph {
    width: 29px;
    height: 29px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: var(--srrm-brand);
    color: var(--srrm-on-brand);
    font-size: 23px;
  }
  .srrm-mobile-nav__label { text-align: center; overflow-wrap: anywhere; }
}
@media (prefers-reduced-motion: reduce) {
  body.srrm-public-surface *, body.srrm-public-surface *::before, body.srrm-public-surface *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}

/* DEV04B: existing row/detail templates retain all routes and contact actions. */
body.srrm-public-surface .srrm-ad-card { border: 1px solid var(--srrm-border); border-radius: 18px; background: #fff; padding: 15px; margin: 0 0 15px; box-shadow: 0 8px 24px rgba(18, 57, 69, .06); }
body.srrm-public-surface .srrm-ad-card h4 { font-size: clamp(17px, 1.8vw, 22px); line-height: 1.45; font-weight: 750; margin-block: 5px 12px; }
body.srrm-public-surface .srrm-ad-card__photo { width: 100%; max-width: 175px; height: 136px; object-fit: cover; border-radius: 12px; }
body.srrm-public-surface .srrm-ad-card .js_job_data_2_wrapper { line-height: 1.6; margin-bottom: 4px; }
body.srrm-public-surface .srrm-ad-card a.btn { white-space: normal; }
body.srrm-public-surface .srrm-detail-title { font-size: clamp(23px, 2.6vw, 36px); font-weight: 750; line-height: 1.4; overflow-wrap: anywhere; }
body.srrm-public-surface .srrm-gallery { margin: 12px auto 20px; max-width: 920px; }
body.srrm-public-surface .srrm-gallery__main { display: block; max-height: min(54vh, 480px); width: 100%; max-width: 920px; object-fit: contain; background: #f3f7f8; border-radius: 15px; }
body.srrm-public-surface .srrm-gallery__rail { display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 9px; padding: 12px 4px; scrollbar-width: thin; }
body.srrm-public-surface .srrm-gallery__thumb { flex: 0 0 108px; width: 108px; min-height: 84px; border: 2px solid var(--srrm-border); border-radius: 11px; background: #fff; padding: 2px; cursor: pointer; }
body.srrm-public-surface .srrm-gallery__thumb[aria-pressed="true"] { border-color: var(--srrm-brand); }
body.srrm-public-surface .srrm-gallery__thumb img { display: block; width: 100%; height: 82px; object-fit: cover; border-radius: 7px; }
body.srrm-public-surface .srrm-empty-state { max-width: 680px; margin: 30px auto; padding: clamp(20px,5vw,48px); border: 1px solid var(--srrm-border); background: var(--srrm-muted-surface); border-radius: 20px; text-align: center; }
body.srrm-public-surface .srrm-empty-state h2 { font-size: clamp(20px,2vw,27px); }
body.srrm-public-surface .srrm-empty-state__icon { font-size: 40px; margin-bottom: 12px; }
@media (max-width: 767px) {
 body.srrm-public-surface .srrm-ad-card { padding: 12px; }
 body.srrm-public-surface .srrm-ad-card__photo { width: 100%; max-width: 100%; height: 185px; }
 body.srrm-public-surface .srrm-ad-card .row > [class*="col-"] { float: none; width: 100%; max-width: 100%; border-inline: none; }
 body.srrm-public-surface .srrm-gallery__main { max-height: 320px; }
}

/* DEV04C — source-bound country palettes. Tokens only, no country copies of routes or business logic. */
body.srrm-public-surface.srrm-market-all { --srrm-brand:#126b76; --srrm-muted-surface:#f3f8f8; }
body.srrm-public-surface.srrm-market-sa { --srrm-brand:#12644F; --srrm-muted-surface:#EDF7F3; }
body.srrm-public-surface.srrm-market-eg { --srrm-brand:#8E2434; --srrm-muted-surface:#FBF0F2; }
body.srrm-public-surface.srrm-market-ae { --srrm-brand:#17644E; --srrm-muted-surface:#EAF7F2; }
body.srrm-public-surface.srrm-market-kw { --srrm-brand:#174F78; --srrm-muted-surface:#EDF4FA; }
body.srrm-public-surface.srrm-market-qa { --srrm-brand:#7C2754; --srrm-muted-surface:#FBF0F7; }
body.srrm-public-surface.srrm-market-jo { --srrm-brand:#385276; --srrm-muted-surface:#F0F4FA; }
body.srrm-public-surface.srrm-market-iq { --srrm-brand:#824422; --srrm-muted-surface:#FCF3E9; }
body.srrm-public-surface.srrm-market-bh { --srrm-brand:#8C294C; --srrm-muted-surface:#FBF0F5; }
body.srrm-public-surface.srrm-market-lb { --srrm-brand:#1F5F75; --srrm-muted-surface:#EAF6F9; }
body.srrm-public-surface.srrm-market-dz { --srrm-brand:#28643A; --srrm-muted-surface:#EDF8F0; }
body.srrm-public-surface.srrm-market-ye { --srrm-brand:#884222; --srrm-muted-surface:#FCF4EC; }
body.srrm-public-surface.srrm-market-om { --srrm-brand:#852E37; --srrm-muted-surface:#FCF1F2; }
body.srrm-public-surface.srrm-market-ly { --srrm-brand:#14677A; --srrm-muted-surface:#EAF6F8; }
body.srrm-public-surface.srrm-market-mr { --srrm-brand:#695029; --srrm-muted-surface:#F8F4E9; }
body.srrm-public-surface.srrm-market-ma { --srrm-brand:#842B42; --srrm-muted-surface:#F9EFF2; }
body.srrm-public-surface.srrm-market-ps { --srrm-brand:#235E4B; --srrm-muted-surface:#E9F6F0; }
body.srrm-public-surface.srrm-market-tn { --srrm-brand:#8B3042; --srrm-muted-surface:#FBEFF2; }
body.srrm-public-surface.srrm-market-sd { --srrm-brand:#534E78; --srrm-muted-surface:#F4F1FB; }
body.srrm-public-surface.srrm-market-sy { --srrm-brand:#28607B; --srrm-muted-surface:#EDF5FA; }

body.srrm-public-surface .srrm-market-identity {
  display:flex; align-items:center; flex-wrap:wrap; gap:8px;
  padding: 8px clamp(12px, 3vw, 28px); border-block-end:1px solid var(--srrm-border);
  font-size:14px; line-height:1.6; color:var(--srrm-ink); background:var(--srrm-muted-surface);
}
body.srrm-public-surface .srrm-market-identity__marker { width:11px; height:11px; flex:0 0 11px; border-radius:50%; background:var(--srrm-brand); }
body.srrm-public-surface .srrm-market-identity__label { opacity:.85; }
body.srrm-public-surface .srrm-market-identity strong { font-weight:750; }
body.srrm-public-surface .srrm-mobile-nav__add .srrm-mobile-nav__glyph { box-shadow:0 3px 10px rgba(0,0,0,.16); }
@media(max-width:767px) { body.srrm-public-surface .srrm-market-identity { font-size:13px; padding:6px 12px; } }