aside,
.sidebar,
.widget-area,
#secondary {
    display: none !important;
}

main,
#primary,
.content-area,
.site-main {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

.container,
.wrapper,
.content-wrapper {
    grid-template-columns: 100% !important;
    display: block !important;
} 
#primary,
.content-area,
.site-main,
main.site-main {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 auto !important;
}

.site-content .container,
.container,
.wrapper,
.content-wrapper,
.main-content-wrapper {
    max-width: 1200px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
}body.right-sidebar .site-content,
body.left-sidebar .site-content,
body.right-sidebar .content-area,
body.left-sidebar .content-area {
    margin: 0 auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.wp-block-image,
.wp-block-cover,
.entry-content > *,
.page-content > *,
.post-content > * {
    margin-left: auto !important;
    margin-right: auto !important;
}
@media (min-width: 1024px) {
  #primary,
  .content-area,
  .site-main {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
  }

  .site-content .container,
  .container,
  .wrapper {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.sidebar-alt,
#sidebar-alt,
.widget-area-alt {
    display: none;
}
.site-info,
.site-footer .site-info {
  display: none !important;
}
.header-logo-a,
.site-title,
.site-description {
    display: none !important;
}

/* ===== Global header/banner cleanup (site-wide) ===== */
/* Hide the theme's featured-image page-header banner everywhere,
 *    so every page goes straight from the white nav into its own
 *    page content/hero with no extra banner layer in between. */
.entry-header {
	  display: none !important;
}


/* ===== Mobile Pass — Batch A: header tap targets + footer separator (mobile/tablet only, does not affect desktop) ===== */
@media (max-width: 780px) {
  /* Top-bar social icons (Facebook/Instagram/Pinterest) render very small (~12-15px) with zero padding.
     Give each a larger invisible tap zone centered on the icon, without changing how it looks. */
  .top-bar-socials a {
    position: relative;
  }
  .top-bar-socials a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 30px;
    transform: translate(-50%, -50%);
  }

  /* Dark-mode toggle and search icon: same fix, centered invisible tap zone. */
  .dark-mode-switcher,
  .main-nav-search {
    position: relative;
  }
  .dark-mode-switcher::before,
  .main-nav-search::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 46px;
    transform: translate(-50%, -50%);
  }

  /* Footer: the "|" separator between the footer nav and the theme credit line is meant to sit
     inline on one row. At mobile widths the nav wraps above the credit line and the separator
     is left stranded alone on its own line. Hide it once the two stack. */
  .footer-menu-container::after {
    display: none;
  }
}


/* ============================================
   ACCESSIBILITY: Visible keyboard focus indicator
   Restores focus visibility (suppressed sitewide by the
   theme's global "outline: 0 !important" reset) for keyboard
   navigation only. Uses existing Chrizzy Plans colours
   (sage green accent #5D6F59 + white) as a two-tone ring so
   it stays visible on both light and dark sections. Does not
   change resting or hover states, and does not show on
   ordinary mouse clicks (:focus-visible only).
   ============================================ */
:focus-visible {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #5D6F59 !important;
}