/* WordPress-only adapter. Keep the Stage01 static mock presentation files untouched. */
.skip-link {
  position: fixed;
  top: 8px;
  left: -9999px;
  z-index: 100000;
  padding: 10px 14px;
  border-radius: 4px;
  background: #fff;
  color: #17285f;
  font-size: 14px;
  font-weight: 700;
  box-shadow: 0 4px 16px rgba(23, 40, 95, 0.18);
}

.skip-link:focus {
  left: 8px;
}

/* XD 2026-09-24: isolated v06 corrections. */
@media (min-width:769px) {
  .r2-mock-home .fv4ref-product-row { justify-content:flex-start; gap:4px!important; }
  .subpage .fi-price ul { grid-template-columns:1fr; gap:10px; }
}
.r2-mock-home .switch-diagnosis-c__cta[aria-disabled="true"] .switch-diagnosis-c__cta-arrow { display:none; }
.subpage .case-filter-heading { margin:0; color:#17285f; font-size:22px; font-weight:800; }
.subpage .case-filter-clear { align-self:flex-start; min-height:44px; padding:8px 18px; border:1px solid #034c92; border-radius:4px; background:#fff; color:#034c92; font:inherit; font-weight:700; cursor:pointer; }
.subpage .case-filter-clear:disabled { opacity:.5; cursor:default; }
html body.subpage.switch-page .cmp-wrap .compare tbody td:nth-child(2) { background-color:#eaf4f9!important; }

/* 2026-10-07: preserve the mock's centered desktop canvas inside the WP main wrapper. */
@media (min-width: 769px) {
  body.r2-mock-home .r2-front-content > .fv4ref,
  body.r2-mock-home .r2-front-content > .switch-q4-sec,
  body.r2-mock-home .r2-front-content > #hidden-sections,
  body.r2-mock-home .r2-front-content > .omit-sec,
  body.r2-mock-home .r2-front-content > .history-sec,
  body.r2-mock-home .r2-front-content > #voice,
  body.r2-mock-home .r2-front-content > #news {
    position: relative;
    left: 50%;
    width: 1920px;
    max-width: none;
    margin-right: 0;
    margin-left: -960px;
  }
}

/* The WordPress toolbar must not cover the mock's fixed header or drawer controls. */
body.admin-bar { --r2-wp-toolbar-height: 32px; }
html body.admin-bar > .header { top: var(--r2-wp-toolbar-height) !important; }
body.admin-bar #wpadminbar { position: fixed; }
body.admin-bar .site-nav-drawer-layer { top: var(--r2-wp-toolbar-height); }
body.admin-bar .site-nav-drawer {
  height: calc(100vh - var(--r2-wp-toolbar-height));
  height: calc(100dvh - var(--r2-wp-toolbar-height));
}
@media (max-width: 782px) {
  body.admin-bar { --r2-wp-toolbar-height: 46px; }
}

/* On the mobile home page the mock header is sticky; reserve its original flow space. */
@media (max-width: 768px) {
  html body.r2-mock-home.admin-bar > .header { position: fixed !important; }
  body.r2-mock-home.admin-bar > #r2-content-start { height: 72px; }
}

/* The mobile mock menu toggle has its own fixed viewport position. */
@media (max-width: 768px) {
  html body.r2-mock-home.admin-bar .header-menu-toggle { top: calc(11px + var(--r2-wp-toolbar-height)) !important; }
}