/* Birding Slovakia / J6 / Kontrastný Birding. Keep species and state colours intact. */
:root {
  --bird-ink: #142f41;
  --bird-navy: #142f41;
  --bird-navy-dark: #102636;
  --bird-amber: #46c3dd;
  --bird-line: #d4dfe7;
  --bird-muted: #64798b;
  --bird-soft: #f0f4f7;
}
body.site { color: #243746; background: #fff; }
body.site #sp-header, body.site #sp-header.header-sticky {
  background: var(--bird-navy-dark) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.08);
  border-bottom: 0;
}
body.site .sp-megamenu-parent > li > a,
body.site .sp-megamenu-parent > li > span { color: #fff !important; font-weight: 500; }
body.site .sp-megamenu-parent > li.active > a,
body.site .sp-megamenu-parent > li:hover > a { color: var(--bird-amber) !important; }
body.site #sp-header a[href*="view=recordform"],
body.site #sp-header .sp-megamenu-parent > li > a.btn {
  background: var(--bird-amber) !important; color: var(--bird-navy-dark) !important;
  border: 1px solid var(--bird-amber); border-radius: 4px; font-weight: 650;
  box-shadow: 0 2px 4px #0001;
}
body.site #sp-header a[href*="view=recordform"]:hover { background: #83dfee !important; }
body.site .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background: #fff; border: 1px solid var(--bird-line); border-top: 3px solid var(--bird-amber);
  border-radius: 0 0 5px 5px; box-shadow: 0 10px 28px #142f4120;
}
body.site .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a { color: var(--bird-ink); }
body.site .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a,
body.site .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover { color: #075b7c; background: var(--bird-soft); }
body.site #offcanvas-toggler > .fa, body.site #offcanvas-toggler > .fas { color: #fff !important; }
body.site #offcanvas-toggler .burger-icon > span { background-color: #fff !important; }
body.site #sp-footer { background: var(--bird-navy-dark) !important; color: #e4ebf0; }
body.site #sp-bottom { background: #506861 !important; color: #fff; }
body.site #sp-bottom a { color: #fff; }
body.site #sp-footer .btn-primary { background: #506861 !important; border-color: #819a92 !important; color: #fff !important; }
body.site #sp-footer .btn-primary:hover,
body.site #sp-footer .btn-primary:focus-visible { background: #627d74 !important; border-color: #a3b7b0 !important; }
body.site #sp-footer a { color: #e4ebf0; }
body.site #sp-footer a:hover { color: var(--bird-amber); }
body.site #sp-feature { border-top: 1px solid var(--bird-line); padding-top: 22px; margin-top: 24px; }
body.site #sp-feature h4 { color: var(--bird-navy); font-weight: 650; }
body.site #sp-feature img { border-radius: 4px; }
body.site #sp-feature a { color: var(--bird-navy); }
body.site #sp-feature a:hover { color: #076286; }
body:is(.com-obss,.com_obss) { color: #243746; background: #fff; font-size: 14px; line-height: 1.5; }
.obss-page-banner {
  position: relative;
  background: #f1f5f7;
  border-bottom: 1px solid #e2e9ee;
  margin-bottom: 20px;
}
body.site #sp-header.header-sticky { z-index: 110; }
.obss-page-banner-inner { min-height: 124px; display: flex; flex-direction: column; justify-content: center; padding-top: 16px; padding-bottom: 16px; }
.obss-page-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; max-width: 100%; }
body:is(.com-obss,.com_obss) .obss-page-banner h1 { margin: 0; font-size: clamp(25px, 2.8vw, 38px); font-weight: 750; line-height: 1.15; color: var(--bird-navy); letter-spacing: -.8px; text-align: left; }
.obss-page-banner p { margin: 7px 0 0; color: #5e7487; font-size: 15px; max-width: 100%; }
.obss-version-badge { display: inline-block; padding: 4px 8px; background: var(--bird-amber); color: var(--bird-navy-dark); font-weight: 650; font-size: 11px; line-height: 1.3; border-radius: 3px; white-space: nowrap; letter-spacing: .1px; }
body:is(.com-obss,.com_obss) .obss-heading-repeated { display: none; }
body:is(.com-obss,.com_obss) #sp-main-body { padding-top: 0; }
body:is(.com-obss,.com_obss) .js-stools { margin: 0 0 12px; }
body:is(.com-obss,.com_obss) .js-stools .js-stools-container-bar { margin: 0; }
body:is(.com-obss,.com_obss) .js-stools .btn-toolbar { justify-content: flex-start; gap: 8px; align-items: center; }
body:is(.com-obss,.com_obss) .js-stools .btn-group { margin: 0; }
body:is(.com-obss,.com_obss) .js-stools .ordering-select { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
body:is(.com-obss,.com_obss) .js-stools .js-stools-field-list { margin: 0; }
body:is(.com-obss,.com_obss) .js-stools .js-stools-field-list:has(> input[type="hidden"]) { display: none; }
body:is(.com-obss,.com_obss) .js-stools fieldset { margin: 0; padding: 0; border: 0; }
body:is(.com-obss,.com_obss) .btn { border-radius: 4px; font-size: 14px; box-shadow: none; }
body:is(.com-obss,.com_obss) .js-stools .btn { min-height: 38px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 7px 12px; }
body:is(.com-obss,.com_obss) .btn-primary {
  background: var(--bird-navy); border-color: var(--bird-navy); color: #fff;
}
body:is(.com-obss,.com_obss) .btn-primary:hover { background: #224e67; border-color: #224e67; }
body:is(.com-obss,.com_obss) .js-stools .js-stools-btn-filter,
body:is(.com-obss,.com_obss) .js-stools .js-stools-btn-clear,
body:is(.com-obss,.com_obss) #list_records label,
body:is(.com-obss,.com_obss) #list_statistics label {
  color: var(--bird-navy) !important; background: #f6f8fa !important; border: 1px solid #bdcdd9 !important;
}
body:is(.com-obss,.com_obss) .js-stools .js-stools-btn-filter[aria-expanded="true"] { background: #e2edf4 !important; border-color: #6e94ae !important; }
body:is(.com-obss,.com_obss) .js-stools .js-stools-btn-clear:disabled { opacity: .45; }
.obss-filter-label { font-weight: 550; }
body:is(.com-obss,.com_obss) #list_add label,
body:is(.com-obss,.com_obss) .record-edit button[name="saveButton"] {
  color: var(--bird-navy-dark) !important; background: var(--bird-amber) !important; border-color: #e0a743 !important; border-radius: 4px; font-weight: 650;
}
body:is(.com-obss,.com_obss) #list_add label { font-family: 'Font Awesome 5 Free'; font-weight: 900; }
body:is(.com-obss,.com_obss) #list_level label { background: #fff; border: 1px solid #bdcdd9; }
body:is(.com-obss,.com_obss) #list_level label.btn-black { color: #244c67 !important; }
body:is(.com-obss,.com_obss) #list_level label.btn-green { color: #187038 !important; }
body:is(.com-obss,.com_obss) #list_level label.btn-red { color: #ba202b !important; }
body:is(.com-obss,.com_obss) #list_level input:checked + label.btn-black { background: #dcecf8 !important; border-color: #7ca7c5; }
body:is(.com-obss,.com_obss) #list_level input:checked + label.btn-green { background: #deefdf !important; border-color: #6b9e73; }
body:is(.com-obss,.com_obss) #list_level input:checked + label.btn-red { background: #fde6e7 !important; border-color: #d88990; }
body:is(.com-obss,.com_obss) .js-stools-container-filters.js-stools-container-filters-visible {
  background: #f3f6f8; border: 1px solid var(--bird-line); border-left: 3px solid var(--bird-amber); border-radius: 4px; padding: 14px;
}
body:is(.com-obss,.com_obss) :is(.form-control,.form-select,.text_area,input[type="text"],input[type="number"],textarea,select):not(.btn-check) {
  border: 1px solid #bdcbd6; border-radius: 4px; color: #243746; background-color: #fff; font-size: 14px; min-height: 36px;
}
body:is(.com-obss,.com_obss) :is(input,textarea,select):focus { border-color: #5d87a4; box-shadow: 0 0 0 3px #397da221; }
body:is(.com-obss,.com_obss) :is(a,button,input,select,textarea,[tabindex]):focus-visible { outline: 3px solid #c78a22; outline-offset: 3px; }
body:is(.com-obss,.com_obss) .btn-check:focus-visible + label { outline: 3px solid #c78a22; outline-offset: 3px; }
body:is(.com-obss,.com_obss) .chosen-container-single .chosen-single { min-height: 36px; line-height: 34px; border: 1px solid #bdcbd6; border-radius: 4px; background: #fff; box-shadow: none; color: #243746; }
body:is(.com-obss,.com_obss) .chosen-container-single .chosen-single div b { background-position-y: 7px; }
body:is(.com-obss,.com_obss) .chosen-container .chosen-results li.highlighted { background: var(--bird-navy); }
body:is(.com-obss,.com_obss) .obss-remote-control { border-color: #bdcbd6; border-radius: 4px; }
body:is(.com-obss,.com_obss) .table { color: #243746; font-size: 14px; --bs-table-bg: transparent; --bs-table-striped-bg: #f0f4f7; --bs-table-striped-color: #243746; }
body:is(.com-obss,.com_obss) .table thead th {
  background: var(--bird-navy); color: #fff; border: 0; padding: 10px 9px; font-weight: 600; vertical-align: middle;
}
body:is(.com-obss,.com_obss) .table thead th a { color: #fff; }
body:is(.com-obss,.com_obss) .table thead th a:hover { color: var(--bird-amber); }
body:is(.com-obss,.com_obss) .table thead font[color] { display: inline-block; padding: 1px 2px; line-height: 1; border-radius: 2px; background: #fff; }
body:is(.com-obss,.com_obss) #list_content_type input:checked + label { background: var(--bird-navy) !important; border-color: var(--bird-navy) !important; color: #fff !important; }
body:is(.com-obss,.com_obss) .table thead th:first-child { border-radius: 4px 0 0 0; }
body:is(.com-obss,.com_obss) .table thead th:last-child { border-radius: 0 4px 0 0; }
body:is(.com-obss,.com_obss) .table > tbody > tr > td { padding: 8px 9px; border-color: #e7edf1; vertical-align: middle; }
body:is(.com-obss,.com_obss) .table-striped > tbody > tr:nth-of-type(odd) > * { background-color: #f0f4f7; box-shadow: none; }
body:is(.com-obss,.com_obss) .table-striped > tbody > tr:hover > * { background-color: #e8f0f5; }
body:is(.com-obss,.com_obss) .table a:not([style]) { text-decoration-thickness: 1px; text-underline-offset: 3px; }
body:is(.com-obss,.com_obss) .table tbody a:hover { text-decoration: underline; }
body:is(.com-obss,.com_obss) .pagination { gap: 4px; flex-wrap: wrap; }
body:is(.com-obss,.com_obss) .pagination .page-link { border-radius: 4px; border-color: var(--bird-line); color: var(--bird-navy); min-width: 34px; text-align: center; }
body:is(.com-obss,.com_obss) .pagination .active .page-link { background: var(--bird-navy); color: #fff; border-color: var(--bird-navy); }
body:is(.com-obss,.com_obss) .obss-statistics-scope { background: #f3f6f8; border-color: var(--bird-line); border-left: 3px solid var(--bird-amber); }
body:is(.com-obss,.com_obss) .obss-chart { border: 1px solid var(--bird-line); border-radius: 5px; background: #fff; }
body:is(.com-obss,.com_obss) #contentList { border-collapse: separate; border-spacing: 0 16px; }
body:is(.com-obss,.com_obss) #contentList > tbody > tr > td { background: #f6f8fa; border: 1px solid var(--bird-line); border-radius: 5px; padding: 16px; }
body:is(.com-obss,.com_obss) #contentList .obss-gallery-photo { border-radius: 3px; }
body:is(.com-obss,.com_obss) .record-edit { max-width: 960px; margin: 0 auto; }
body:is(.com-obss,.com_obss) #observationEdit { max-width: 960px !important; margin: 0 auto; padding: 20px 24px; background: #f7f9fb; border: 1px solid var(--bird-line); border-top: 3px solid var(--bird-amber); border-radius: 5px; }
body:is(.com-obss,.com_obss) #obss_table_edit { width: 100%; border-collapse: collapse; }
body:is(.com-obss,.com_obss) #obss_table_edit > tbody > tr > td { padding: 7px 5px; vertical-align: middle; }
body:is(.com-obss,.com_obss) #obss_table_edit > tbody > tr > td.key { color: var(--bird-navy); width: 25%; font-weight: 500; }
body:is(.com-obss,.com_obss) #obss_table_edit > tbody > tr > td[colspan] { width: auto; }
body:is(.com-obss,.com_obss) #observationEdit :is(input[type="text"],input[type="number"],textarea) { max-width: 100%; padding: 7px 9px; }
body:is(.com-obss,.com_obss) #observationEdit textarea { width: 100%; min-height: 88px; }
body:is(.com-obss,.com_obss) #observationEdit select { max-width: 100%; }
body:is(.com-obss,.com_obss) #observationEdit :is(input[type="button"],.button) { border: 1px solid #b7c7d4; border-radius: 4px; background: #fff; color: var(--bird-navy); padding: 7px 12px; font-size: 13px; }
body:is(.com-obss,.com_obss) #observationEdit input[type="file"] { max-width: 100%; font-size: 13px; }
body:is(.com-obss,.com_obss) #observationEdit input::file-selector-button { border: 1px solid #b7c7d4; border-radius: 4px; background: #fff; color: var(--bird-navy); padding: 6px 10px; margin-right: 8px; }
body:is(.com-obss,.com_obss) #observationEdit .control-group { padding-top: 16px; margin-top: 12px; border-top: 1px solid var(--bird-line); }
body:is(.com-obss,.com_obss) #observationEdit .control-group .btn { margin: 3px; }
body:is(.com-obss,.com_obss) #record_menu { padding: 10px; background: var(--bird-soft); border: 1px solid var(--bird-line); border-radius: 4px; }
body:is(.com-obss,.com_obss) #record_menu a { margin: 2px; }
body:is(.com-obss,.com_obss).contentpane { padding: 0 16px 20px; }
body:is(.com-obss,.com_obss).contentpane .obss-page-banner { margin: 0 -16px 20px; }
@media (max-width: 991px) {
  .obss-page-banner-inner { min-height: 110px; }
  .obss-page-heading { max-width: 100%; }
  body:is(.com-obss,.com_obss) .js-stools .btn-toolbar { gap: 6px; }
}
@media (max-width: 650px) {
  .obss-page-banner-inner { min-height: 108px; }
  .obss-page-heading { max-width: 100%; gap: 6px 10px; }
  body:is(.com-obss,.com_obss) .obss-page-banner h1 { font-size: 25px; }
  .obss-page-banner p { font-size: 12px; max-width: 100%; }
  .obss-version-badge { font-size: 10px; }
  body:is(.com-obss,.com_obss) .js-stools .ordering-select { gap: 5px; }
  body:is(.com-obss,.com_obss) .js-stools .btn { padding: 7px 9px; font-size: 13px; }
  body:is(.com-obss,.com_obss) .table.obss-responsive-table thead { background: var(--bird-navy); }
  body:is(.com-obss,.com_obss) .table.obss-responsive-table thead th { padding: 7px; font-size: 12px; }
  body:is(.com-obss,.com_obss) .table.obss-responsive-table > tbody > tr > td { padding: 1px 4px; background: transparent; }
  body:is(.com-obss,.com_obss) .table.obss-responsive-table > tbody > tr:nth-of-type(odd) { background: var(--bird-soft); }
  body:is(.com-obss,.com_obss) #observationEdit { padding: 12px 8px; }
  body:is(.com-obss,.com_obss) #obss_table_edit > tbody > tr > td.key { width: 29%; font-size: 12px; overflow-wrap: anywhere; }
  body:is(.com-obss,.com_obss) #obss_table_edit > tbody > tr > td { padding: 6px 3px; }
  body:is(.com-obss,.com_obss) #obss_table_edit > tbody > tr:first-child > td { font-size: 12px; line-height: 1.55; text-align: left; }
  body:is(.com-obss,.com_obss) #observationEdit .chosen-container { max-width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  body:is(.com-obss,.com_obss) *, body:is(.com-obss,.com_obss) *::before, body:is(.com-obss,.com_obss) *::after { scroll-behavior: auto !important; transition-duration: 0s !important; }
}

/* WJ6-025: explicit foreground/background pairs for Helix menu states. */
body.site .offcanvas-menu { background: #fff !important; color: #142f41 !important; }
body.site .offcanvas-menu .offcanvas-inner ul.menu li > a,
body.site .offcanvas-menu .offcanvas-inner ul.menu li > span,
body.site .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  color: #142f41 !important; background-color: #fff !important;
}
body.site .offcanvas-menu .offcanvas-inner ul.menu li.active > a,
body.site .offcanvas-menu .offcanvas-inner ul.menu li > a:hover,
body.site .offcanvas-menu .offcanvas-inner ul.menu li > a:focus-visible,
body.site .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a,
body.site .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover,
body.site .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:focus-visible {
  color: #075b7c !important; background-color: #f0f4f7 !important;
}
body.site .offcanvas-menu a:focus-visible,
body.site .offcanvas-menu button:focus-visible,
body.site .sp-megamenu-parent .sp-dropdown a:focus-visible {
  outline: 3px solid #075b7c !important; outline-offset: -3px;
}
body.site .sp-megamenu-parent > li > a:focus-visible {
  color: #46c3dd !important; outline: 3px solid #46c3dd; outline-offset: -3px;
}

/* Wishlist: blue evolution, compact header and independent language slot. */
:root { --bird-navy:#164c70; --bird-navy-dark:#164c70; --bird-ink:#163f59; --bird-amber:#46c3dd; --bird-soft:#edf4f8; }
body.site #sp-header { background:#164c70 !important; }
body.site .sp-megamenu-parent > li > a:is(:hover,:focus-visible), body.site .sp-megamenu-parent > li.active > a { color:#8ce5f4 !important; }
body.site .sp-megamenu-parent .sp-dropdown li.sp-menu-item > .sp-menu-heading { display:block; padding:8px 15px; color:#142f41 !important; background:#fff !important; }
body.site #sp-menu > .sp-column { gap:12px; }
body.site #sp-menu .sp-megamenu-wrapper { display:flex; align-items:center; gap:16px; flex:1; min-width:0; }
body.site #sp-menu .sp-megamenu-wrapper > .sp-module { position:static !important; flex:0 0 36px; margin:0 !important; padding:0; }
body.site #sp-menu .mod-languages { position:static !important; margin:0 !important; padding:0 !important; }
body.site #sp-menu .mod-languages a { display:inline-flex; padding:8px; }
.obss-page-banner-inner { min-height:92px; padding-top:10px; padding-bottom:10px; }
.obss-page-heading { max-width:100%; width:max-content; }
body:is(.com-obss,.com_obss) .obss-page-banner h1 { font-size:24px; }
.obss-toolbar-in-banner { position:absolute; width:max-content; z-index:2; }
.obss-toolbar-in-banner .btn-toolbar { flex-wrap:nowrap !important; }
body.site .com-content-category-blog :is(.blog-item,.item,.items-leading > div), body.site .com-content-category-blog .article-body { display:flow-root; }
body.site .com-content-categories .category-desc { display:flow-root; }
body.site .com-content-categories .category { padding:18px 20px; border:1px solid #d4e2eb; border-radius:7px; background:#f0f6fa; margin-bottom:12px; }
body.site .com-content-categories .page-header a { color:#17658c; font-size:1.35rem; }
body.site .com-content-categories .badge { border-radius:999px; background:#d9eaf4; color:#164c70; padding:7px 12px; }
body.site .com-content-article > .pagenavigation, body.site .com-content-article .pager.pagenav { display:none; }
body.site img:is(.cbImgAvatar,.cbThumbPict,.cbFullPict) { aspect-ratio:1 / 1; object-fit:cover; border-radius:50% !important; }
body:is(.com-obss,.com_obss) #observersDiv, body:is(.com-obss,.com_obss) #imageDiv { display:flex; flex-direction:column; align-items:flex-start; gap:10px; padding:5px 0; }
body:is(.com-obss,.com_obss) #imageDiv input { display:block; width:100%; margin:0; }
.obss-species-search { display:block; width:100%; margin-bottom:6px; }
.obss-species-options { max-width:100%; white-space:normal; }
@media (max-width:650px) {
 .obss-page-banner-inner { min-height:76px; }
 .obss-page-heading { max-width:100%; width:max-content; }
 body:is(.com-obss,.com_obss) .obss-page-banner h1 { font-size:21px; }
 .obss-records-table thead th:last-child { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); padding:0 !important; }
}

body.site #sp-menu .menu-wrap { justify-content:flex-start !important; gap:16px; }
body.site #sp-menu .sp-megamenu-wrapper { flex:0 1 auto; }
body.site #sp-menu .menu-wrap > .sp-module { position:static !important; margin:0 !important; flex:0 0 36px; }
body.site .com-content-categories__item { padding:18px 20px; border:1px solid #d4e2eb; border-radius:7px; background:#f0f6fa; margin-bottom:12px; }
body.site .com-content-categories__item-title { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; }
body.site .com-content-categories__item-title > a { color:#17658c; font-size:1.35rem; font-weight:600; }
body.site .article-details > nav.pagenavigation { display:none; }
/* Keep logo, language switch and menu toggle in one reserved mobile header row. */
@media (max-width:991.98px) {
 body.site #sp-header, body.site #sp-header.header-sticky { height:auto !important; min-height:72px; }
 body.site #sp-header > .container > .row { flex-wrap:nowrap; }
 body.site #sp-logo { flex:1 1 auto; width:auto; min-width:0; }
 body.site #sp-header .logo { height:72px !important; }
 body.site #sp-header .logo-image-phone { width:auto; height:68px; max-width:170px; object-fit:contain; }
 body.site #sp-menu { flex:0 0 108px; width:108px; max-width:108px; padding:0 12px 0 0; }
 body.site #sp-menu > .sp-column { gap:10px; justify-content:flex-end !important; }
 body.site #sp-menu .sp-megamenu-wrapper { display:none !important; }
 body.site #sp-menu .menu-wrap { flex:0 0 36px; width:36px; gap:0; }
 body.site #sp-menu .social-wrap { display:none; }
 body.site #offcanvas-toggler { height:72px; margin:0; flex:0 0 25px; }
}

/* WJ6-046: three mobile rows; retain the six desktop table cells. */
@media (max-width:650px) {
 body:is(.com-obss,.com_obss) .obss-records-table tbody tr { grid-template-columns:repeat(12,minmax(0,1fr)); gap:2px 4px; padding:6px 2px; }
 body:is(.com-obss,.com_obss) .obss-records-table tbody td:nth-child(1) { grid-column:1 / 5; grid-row:2; }
 body:is(.com-obss,.com_obss) .obss-records-table tbody td:nth-child(2) { grid-column:1 / -1; grid-row:1; }
 body:is(.com-obss,.com_obss) .obss-records-table tbody td:nth-child(3) { grid-column:5 / 7; grid-row:2; }
 body:is(.com-obss,.com_obss) .obss-records-table tbody td:nth-child(4) { grid-column:7 / -1; grid-row:2; }
 body:is(.com-obss,.com_obss) .obss-records-table tbody td:nth-child(5) { grid-column:1 / 9; grid-row:3; }
 body:is(.com-obss,.com_obss) .obss-records-table tbody td:nth-child(6) { grid-column:9 / -1; grid-row:3; }
 body:is(.com-obss,.com_obss) .obss-records-table tbody td a { display:inline-block; min-height:24px; }
}
.obss-page-banner-inner { position:relative; }
body:is(.com-obss,.com_obss) #adminForm { display:flow-root; }
/* Helix's negative menu margins previously consumed almost the entire flag gap. */
@media (min-width:992px) {
 body.site #sp-menu .sp-megamenu-parent { margin-left:0; margin-right:0; }
 body.site #sp-menu .menu-wrap { gap:32px; }
 body.site #sp-menu .menu-wrap > .sp-module { flex-shrink:0; }
}


/* Keep the desktop header in one row after reserving the language gap. */
@media (min-width:992px) {
 body.site #sp-header .container-inner > .row { flex-wrap:nowrap; }
 body.site #sp-logo { flex:0 0 auto; }
 body.site #sp-menu { flex:1 1 0; min-width:0; width:auto; }
 body.site #sp-menu .social-wrap:not(:has(*)), body.site #sp-menu .header-modules:not(:has(*)) { display:none !important; }
 body.site #sp-menu .sp-megamenu-parent { white-space:nowrap; }
}
@media (min-width:992px) and (max-width:1399px) {
 body.site .sp-megamenu-parent > li > a, body.site .sp-megamenu-parent > li > span { font-size:14px; padding-left:10px; padding-right:10px; }
 body.site #sp-logo .logo-image { max-width:190px; height:auto; }
}

/* The filtered single-choice list uses size>1; Helix's dropdown height must not clip it. */
body:is(.com-obss,.com_obss) #observationEdit select.obss-species-options[size]:not([size="1"]) { height:auto; padding:4px; background-image:none; }
body:is(.com-obss,.com_obss) #observationEdit select.obss-species-options[size]:not([size="1"]) option { padding:5px 7px; white-space:normal; overflow-wrap:anywhere; }

/* Legacy line breaks must not become empty rows in the flex stacks. */
body:is(.com-obss,.com_obss) :is(#observersDiv,#imageDiv) > br { display:none; }

/* Exact user-supplied banner swatch: RGB(0,107,168). */
body.site #sp-header, body.site #sp-header.header-sticky, body.site #sp-bottom, body.site #sp-footer, body.site #sp-footer-for-copyright { background:#006ba8 !important; }
.obss-page-heading { max-width:100%; width:max-content; }
@media (max-width:650px) { .obss-page-heading { max-width:100%; width:max-content; } }

/* Final wishlist: article badges and compact accessible observation form. */
body.site .featured-article-badge { display:none !important; }
.obss-required { color:#b42318; font-weight:600; }
body:is(.com-obss,.com_obss) #obss_table_edit > tbody > tr > td.key,
body:is(.com-obss,.com_obss) #obss_table_edit label { font-weight:400; }
body:is(.com-obss,.com_obss) #obss_table_edit > tbody > tr > td { padding-top:5px; padding-bottom:5px; }
body:is(.com-obss,.com_obss) #observationEdit textarea { min-height:64px; }
.obss-export { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:12px 0; }
.obss-export a { min-height:36px; }
@media(max-width:650px){
 body:is(.com-obss,.com_obss) #obss_table_edit > tbody > tr.obss-form-field { display:grid; grid-template-columns:1fr auto; gap:4px 8px; margin:8px 0; }
 body:is(.com-obss,.com_obss) #obss_table_edit > tbody > tr.obss-form-field > td { display:block; min-width:0; padding:0; text-align:left; }
 body:is(.com-obss,.com_obss) #obss_table_edit > tbody > tr.obss-form-field > td.key { width:auto; grid-column:1; grid-row:1; }
 body:is(.com-obss,.com_obss) #obss_table_edit > tbody > tr.obss-form-field > td:nth-child(2) { grid-column:2; grid-row:1; }
 body:is(.com-obss,.com_obss) #obss_table_edit > tbody > tr.obss-form-field > td:nth-child(3) { grid-column:1 / -1; grid-row:2; }
 body:is(.com-obss,.com_obss) #obss_table_edit > tbody > tr.obss-form-field :is(select,textarea,input[type="text"],input[type="search"]) { width:100%; box-sizing:border-box; }
 body:is(.com-obss,.com_obss) #observersDiv { width:100%; }
}

/* Disable table column sizing before stacking mobile fields. */
@media(max-width:650px){
 body:is(.com-obss,.com_obss) #obss_table_edit, body:is(.com-obss,.com_obss) #obss_table_edit > tbody { display:block; width:100%; }
 body:is(.com-obss,.com_obss) #obss_table_edit > tbody > tr { display:block; width:100%; }
 body:is(.com-obss,.com_obss) #obss_table_edit > tbody > tr.obss-form-field { display:grid; }
 body:is(.com-obss,.com_obss) #obss_table_edit > tbody > tr:not(.obss-form-field) > td { display:block; width:100%; }
 body:is(.com-obss,.com_obss) #obss_table_edit > tbody > tr[hidden] { display:none; }
}
@media(max-width:991.98px){ body.site #sp-header .logo-image-phone { max-width:170px; }  }


/* Wishlist 2.0: shared mobile container and banner, desktop unchanged. */
@media (max-width:991.98px) {
 body:is(.com-obss,.com_obss) :is(#sp-header,#sp-main) > .container,
 body:is(.com-obss,.com_obss) .obss-page-banner-inner { width:100%; max-width:100%; padding-left:16px; padding-right:16px; }
 body:is(.com-obss,.com_obss) .obss-page-banner-inner { min-height:94px; display:flex; align-items:center; }
 body:is(.com-obss,.com_obss) .obss-page-heading { max-width:100%; width:max-content; }
 
 body:is(.com-obss,.com_obss) #userList :is(th,td):is(:nth-child(2),:nth-child(3)) { min-width:195px; white-space:nowrap; }
 body:is(.com-obss,.com_obss) #userList th a { display:inline-block; }
}
@media (max-width:650px) {
 /* One content-sized column; each species flows through three text lines. */
 body:is(.com-obss,.com_obss) .obss-species-table { display:block; width:max-content; min-width:100%; }
 body:is(.com-obss,.com_obss) .obss-species-table :is(thead,tbody) { display:block; width:auto; }
 body:is(.com-obss,.com_obss) .obss-species-table :is(thead,tbody) tr { display:block; width:auto; padding:7px 4px; white-space:nowrap; line-height:1.8; }
 body:is(.com-obss,.com_obss) .obss-species-table :is(th,td) { display:inline; width:auto; min-width:0 !important; padding:0; overflow-wrap:normal; white-space:nowrap; }
 body:is(.com-obss,.com_obss) .obss-species-table :is(th,td):not(:nth-child(3)):not(:nth-child(7)):not(:nth-child(10)) { margin-right:.8em; }
 body:is(.com-obss,.com_obss) .obss-species-table :is(th,td):is(:nth-child(3),:nth-child(7))::after { content:'\A'; white-space:pre; }
}
.obss-export { display:block; position:relative; margin:0; }
.obss-export > summary { cursor:pointer; list-style:none; }
.obss-export > summary::after { content:' ▾'; }
.obss-export > summary::-webkit-details-marker { display:none; }
.obss-export-panel { position:absolute; right:0; top:100%; z-index:110; width:260px; max-width:calc(100vw - 40px); padding:12px; background:white; border:1px solid #d4dfe7; border-radius:4px; box-shadow:0 4px 12px #0002; }
.obss-export-panel p { margin:0 0 8px; font-size:13px; white-space:normal; }
.obss-export-panel a { display:block; padding:6px 10px; }
@media(max-width:650px) { .obss-export-panel { right:auto; left:0; } }

@media(max-width:991.98px) { body:is(.com-obss,.com_obss) .obss-page-heading { margin-left:0; margin-right:0; text-align:left; justify-content:flex-start; } }

@media(max-width:991.98px) { body:is(.com-obss,.com_obss) #sp-main-body > .container { width:100%; max-width:100%; padding-left:16px; padding-right:16px; } body:is(.com-obss,.com_obss) .obss-page-banner-inner { justify-content:flex-start; } .obss-export-panel { right:auto; left:0; } }

/* Form groups: aligned GPS, attachments, calendar and consistent spacing. */
body:is(.com-obss,.com_obss) #obss_table_edit > tbody > tr > td { vertical-align:top; padding-top:7px; padding-bottom:7px; }
body:is(.com-obss,.com_obss) #obss_table_edit > tbody > tr > td.key { padding-top:14px; }
body:is(.com-obss,.com_obss) #observationEdit textarea { display:block; margin:0; resize:vertical; }
body:is(.com-obss,.com_obss) #observationEdit .field-calendar .input-group { display:flex; flex-wrap:nowrap; width:100%; }
body:is(.com-obss,.com_obss) #observationEdit .field-calendar input { flex:1 1 0; min-width:0; width:1%; }
body:is(.com-obss,.com_obss) #observationEdit .field-calendar button { flex:0 0 auto; }
.obss-gps-coordinates { display:grid; grid-template-columns:max-content minmax(65px,110px) max-content minmax(65px,110px) max-content; justify-content:start; align-items:center; gap:6px; }
.obss-gps-address { display:flex; align-items:center; gap:8px; margin-top:8px; min-width:0; }
.obss-gps-address input { flex:1 1 0 !important; min-width:0; }
.obss-gps-coordinates label { margin:0; }
.obss-gps-coordinates input[type=text] { width:100%; }
.obss-city-candidates { display:flex; flex-wrap:wrap; gap:6px; }
.obss-city-candidates p { flex-basis:100%; margin:6px 0; }
body:is(.com-obss,.com_obss) #imageDiv { width:100%; }
body:is(.com-obss,.com_obss) #imageDiv input[type=file] { max-width:100%; min-width:0; width:100%; }
body:is(.com-obss,.com_obss) #observationEdit audio { max-width:100%; }
@media(max-width:650px) {
 body:is(.com-obss,.com_obss) #obss_table_edit > tbody > tr.obss-form-field { margin:0 0 14px; gap:4px 8px; }
 body:is(.com-obss,.com_obss) #obss_table_edit > tbody > tr.obss-form-field > td { padding:0; }
 .obss-gps-coordinates { grid-template-columns:auto minmax(60px,1fr) auto minmax(60px,1fr); }
 .obss-gps-coordinates #obss-gps-toggle { grid-column:1 / -1; justify-self:start; }
}

.obss-gps-address { flex-wrap:wrap; } .obss-gps-address .obss-city-candidates { flex-basis:100%; }

@media(max-width:991.98px) { body:is(.com-obss,.com_obss) .obss-page-banner-inner { flex-direction:row; } }
body:is(.com-obss,.com_obss) #obss_table_edit table:has(.obss-observer-fields), body:is(.com-obss,.com_obss) #obss_table_edit td:has(> .obss-observer-fields) { width:100%; }

/* Keep-value checkboxes align with the label/first field line on desktop. */
@media(min-width:651px) {
 body:is(.com-obss,.com_obss) #obss_table_edit > tbody > tr.obss-form-field > td:nth-child(2) { padding-top:14px; }
 body:is(.com-obss,.com_obss) #obss_table_edit > tbody > tr.obss-form-field > td:nth-child(2) input[type=checkbox] { margin:0; vertical-align:middle; }
}

/* WJ6-065: language switch at the right content edge; no bird reservation. */
body.site #sp-menu .menu-wrap { flex:1 1 auto; }
body.site #sp-menu .menu-wrap > .sp-module { margin-left:auto !important; margin-right:0 !important; }
@media (max-width:991.98px) {
 body.site #sp-menu > .sp-column { flex-direction:row-reverse; }
 body.site #sp-menu .menu-wrap { flex:0 0 36px; }
}