/* ==========================================================
   Got Hot Wheels Auctions - v66 Header Checkbox Fix v68
   Scope: v66 feature pages only
   Fixes hidden header/menu checkbox showing as a pink square and breaking nav.
   ========================================================== */

/* Hide layout/menu/account toggle checkboxes in header/nav only.
   v67 intentionally fixed page-content checkboxes, but it also made hidden
   header toggle inputs visible. This restores them to hidden. */
html body.ghw68-v66-header-fix header input[type="checkbox"],
html body.ghw68-v66-header-fix nav input[type="checkbox"],
html body.ghw68-v66-header-fix .site-header input[type="checkbox"],
html body.ghw68-v66-header-fix .ghw-header input[type="checkbox"],
html body.ghw68-v66-header-fix .ghw-site-header input[type="checkbox"],
html body.ghw68-v66-header-fix .ghw-topbar input[type="checkbox"],
html body.ghw68-v66-header-fix .ghw-nav input[type="checkbox"],
html body.ghw68-v66-header-fix .navbar input[type="checkbox"],
html body.ghw68-v66-header-fix .main-nav input[type="checkbox"],
html body.ghw68-v66-header-fix .account-menu input[type="checkbox"],
html body.ghw68-v66-header-fix .ghw-account-menu input[type="checkbox"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  position: absolute !important;
  pointer-events: none !important;
}

/* Also catch the specific hidden checkbox that appears beside the logo if it is
   not inside the v66 page content. */
html body.ghw68-v66-header-fix > input[type="checkbox"],
html body.ghw68-v66-header-fix main ~ input[type="checkbox"],
html body.ghw68-v66-header-fix .ghw-layout > input[type="checkbox"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  position: absolute !important;
  pointer-events: none !important;
}

/* Make sure actual v66 content checkboxes stay fixed and visible. */
html body.ghw68-v66-header-fix .ghw66-page .ghw66-form input[type="checkbox"],
html body.ghw68-v66-header-fix .ghw66-page .ghw66-check input[type="checkbox"] {
  appearance: auto !important;
  -webkit-appearance: checkbox !important;
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: static !important;
  width: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  padding: 0 !important;
  margin: 0 !important;
  pointer-events: auto !important;
  flex: 0 0 18px !important;
  accent-color: #ff9d00 !important;
}

/* Header safety reset on v66 feature pages. Do not let content fixes stretch
   the global header area. */
html body.ghw68-v66-header-fix header,
html body.ghw68-v66-header-fix .site-header,
html body.ghw68-v66-header-fix .ghw-header,
html body.ghw68-v66-header-fix .ghw-site-header {
  overflow: visible !important;
}

/* If the header got a tall mobile/dropdown state due to the visible checkbox,
   constrain common header/nav containers back to normal desktop behavior. */
html body.ghw68-v66-header-fix .ghw-main-header,
html body.ghw68-v66-header-fix .ghw-nav-wrap,
html body.ghw68-v66-header-fix .main-navigation,
html body.ghw68-v66-header-fix .site-navigation {
  max-height: none !important;
}

/* Keep v66 feature page buttons/forms nice after v67. */
html body.ghw68-v66-header-fix .ghw66-form.prefs label,
html body.ghw68-v66-header-fix .ghw66-check {
  overflow: hidden !important;
}

html body.ghw68-v66-header-fix .ghw66-form.inline {
  align-items: center !important;
}

@media (max-width: 900px) {
  html body.ghw68-v66-header-fix .ghw66-hero {
    margin-top: 18px !important;
  }
}