:root{
  --bidapp-container: 1200px;
  --bidapp-header-h: 64px;
  --bidapp-pad: 16px;
  --bidapp-link-fs: 15px;
  --bidapp-link-fw: 600;
  --bidapp-link-pad-y: 10px;
  --bidapp-link-pad-x: 12px;
  --bidapp-link-radius: 10px;
  --bidapp-active-bg: rgba(93,156,242,.14);
  --bidapp-active-color: #2f5ea8;
}

/* ===== Header layout ===== */
#masthead .site-header-inner{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:16px;
  min-height:var(--bidapp-header-h);
  max-width:var(--bidapp-container);
  margin:0 auto;
  padding:0 var(--bidapp-pad);
  box-sizing:border-box;
}

/* Logo */
#masthead .site-branding{
  display:inline-flex;
  align-items:center;
  white-space:nowrap;
  font-size:26px;
  font-weight:700;
  line-height:1;
  text-decoration:none;
  color:inherit;
  flex:0 0 auto;
  margin:0;
  padding:0; /* убираем padding темы, без !important */
}
#masthead .site-branding span{ font-size:1em; margin-left:2px; line-height:1; }

/* ===== Menu items (normalize a + span) ===== */
#masthead .header-nav .header-menu > li > a,
#masthead .header-nav .header-menu > li > span{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:var(--bidapp-link-fs);
  font-weight:var(--bidapp-link-fw);
  letter-spacing:.1px;
  color:inherit;
  text-decoration:none;
  padding:var(--bidapp-link-pad-y) var(--bidapp-link-pad-x);
  border-radius:var(--bidapp-link-radius);
  display:inline-flex;
  align-items:center;

  /* Improvement #2: no iOS tap flash */
  -webkit-tap-highlight-color: transparent;
}

/* Improvement #1: keyboard focus */
#masthead .header-nav .header-menu > li > a:focus-visible{
  outline:2px solid rgba(93,156,242,.45);
  outline-offset:2px;
}

/* Active/current state (a + span) */
#masthead .header-nav .current-menu-item > a,
#masthead .header-nav .current-menu-item > span,
#masthead .header-nav .current_page_item > a,
#masthead .header-nav .current_page_item > span,
#masthead .header-nav .current_page_parent > a,
#masthead .header-nav .current_page_parent > span{
  background:var(--bidapp-active-bg);
  color:var(--bidapp-active-color);
}

/* ===== Desktop ===== */
@media (min-width:901px){
:root{ --bidapp-pad: 4px; }
  #masthead .bidapp-burger{ display:none; }

  #masthead .header-nav{
    margin-left:auto;
    display:flex;
    justify-content:flex-end;
  }

  #masthead .header-nav ul{
    display:flex;
    gap:18px;
    list-style:none;
    margin:0;
    padding:0;
    align-items:center;
  }

  #masthead .bidapp-menu-close{ display:none; }
}

/* ===== Mobile ===== */
@media (max-width:900px){
  :root{ --bidapp-pad: 22px; }

  /* distribute logo left / burger right */
  #masthead .site-header-inner{ justify-content:space-between; }

  #masthead .bidapp-burger{
    margin-left:0;
    width:44px; height:44px;
    border:0; padding:0;
    border-radius:12px;
    background:rgba(0,0,0,.04);
    position:relative;
    display:block;
    appearance:none;
    box-shadow:none;
  }
  #masthead .bidapp-burger::before{ content:none; display:none; }

  #masthead .bidapp-burger span{
    position:absolute; left:11px; right:11px;
    height:2px; border-radius:2px;
    background:currentColor;
    transition:transform .18s ease, opacity .18s ease, top .18s ease;
  }
  #masthead .bidapp-burger span:nth-child(1){ top:16px; }
  #masthead .bidapp-burger span:nth-child(2){ top:21px; }
  #masthead .bidapp-burger span:nth-child(3){ top:26px; }

  /* Backdrop */
  #masthead.is-menu-open::before{
    content:"";
    position:fixed; inset:0;
    background:rgba(0,0,0,.28);
    z-index:9998;
  }

  /* Menu panel */
  #masthead .header-nav{
    position:fixed;
    left:var(--bidapp-pad); right:var(--bidapp-pad);
    top:calc(var(--bidapp-header-h) + 8px);
    display:none;
    padding:52px 10px 10px;
    background:#fff;
    border-radius:14px;
    box-shadow:0 12px 30px rgba(0,0,0,.18);
    z-index:9999;
    box-sizing:border-box;
  }
  #masthead.is-menu-open .header-nav{ display:block; }

  #masthead .header-nav ul{ list-style:none; margin:8px 0 0; padding:0; }

  /* full-width active highlight */
  #masthead .header-nav .header-menu > li > a,
  #masthead .header-nav .header-menu > li > span{
    display:flex;
    width:100%;
    justify-content:flex-start;
    box-sizing:border-box;
  }

  /* Close button (X) */
  #masthead .bidapp-menu-close{
    position:absolute;
    top:10px; right:10px;
    width:36px; height:36px;
    border:0;
    border-radius:10px;
    background:rgba(0,0,0,.06);
    font-size:22px;
    line-height:36px;
    text-align:center;
    cursor:pointer;
    color:inherit;
  }

  /* Burger -> X */
  #masthead.is-menu-open .bidapp-burger span:nth-child(1){ top:21px; transform:rotate(45deg); }
  #masthead.is-menu-open .bidapp-burger span:nth-child(2){ opacity:0; }
  #masthead.is-menu-open .bidapp-burger span:nth-child(3){ top:21px; transform:rotate(-45deg); }
}

/* Improvement #3 (optional): lock background scroll when menu is open
   ВКЛЮЧИТСЯ только если JS добавит body.menu-locked */
@media (max-width:900px){
  body.menu-locked{
    overflow:hidden;
    height:100%;
  }
}

/* Reduce perceived tap delay on mobile */
#masthead .bidapp-burger,
#masthead .header-nav .header-menu > li > a{
  touch-action: manipulation;
}

/* =========================
   Breadcrumbs (Reboot): contrast + brand color
   ========================= */

/* Container: remove theme fading + readable size */
.breadcrumb{
  opacity: 1;      /* тема ставит .8 — из-за этого всё блеклое */
  font-size: 14px; /* было мелко (~11px), Lighthouse ругался */
  line-height: 1.2;
}

/* Links: normal + visited */
.breadcrumb a,
.breadcrumb a:visited{
  color: #2B6FE3;
  text-decoration: none;
}

/* Text spans (including current item if it’s span) */
.breadcrumb span{
  color: inherit;
}

/* Current page (last crumb) */
.breadcrumb .breadcrumb_last{
  color: #6B7280;   /* как основной текст */
  font-weight: 400;
}

/* Separator */
.breadcrumb .breadcrumb-separator{
  color: #9CA3AF;
}

/* Hover / focus */
.breadcrumb a:hover,
.breadcrumb a:focus{
  text-decoration: underline;
}