#mysticky-wrap .site-header.myfixed .site-branding, #mysticky-wrap .site-header.myfixed #main-navigation  .nav-open {
	display: none;
}

.site-header .nav-open {
	display: none;
}

.post-tags, .tags-links {
    display: none !important;
}


/* Reset body/html for full viewport width on all devices */
html, body {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden; /* Prevent horizontal scroll from clipping */
}

/* Force header to full width on tablets/phablets */
@media (min-width: 768px) and (max-width: 1200px) {
  .site-header {  /* Replace with your header class, e.g., #header or .hero-header */
    width: 100vw !important;  /* Full viewport width */
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
    left: 0;
    right: 0;
    position: relative;  /* Or 'static' if it's fixed/sticky causing issues */
    box-sizing: border-box;
  }

  /* If content is shifted left, reset its container too */
  .site-header .container,  /* Common wrapper class—adjust if needed */
  .main-content,
  .wrapper {
    width: 100%;
    max-width: none;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
  }
}

/* Extra fix if header has internal padding/margins causing cutoff */
.site-header > * {
  margin: 0;
  padding: 0 1rem;  /* Minimal side padding if needed for content */
}

/* Ensure header is a flex container for centering on desktop */
@media (min-width: 1201px) {
  .site-header { /* Adjust if your header has a different class */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; /* Allows logo and menu to stack if needed */
    width: 100%;
    margin: 0 auto;
  }

  /* Center the logo/site-branding */
  .site-branding {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    text-align: center;
  }

  .site-branding img, .site-logo {
    max-width: 200px; /* Adjust size as needed */
    height: auto;
    margin: 0 auto;
  }

  /* Center the menu */
  #main-navigation, .main-navigation {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 0;
  }

  #main-navigation ul, .main-navigation ul {
    display: flex;
    flex-direction: row; /* Ensure horizontal menu */
    justify-content: center;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  #main-navigation li, .main-navigation li {
    margin: 0 15px; /* Space between menu items */
  }
}

/* Preserve tablet fixes (from earlier) */
@media (min-width: 768px) and (max-width: 1200px) {
  .site-header {
    width: 100vw;
    max-width: 100vw;
    margin: 0;
    padding: 0;
    left: 0;
    right: 0;
    position: relative;
    box-sizing: border-box;
  }
}

/* Ensure no horizontal scroll */
html, body {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

.post-tags, .tags-links {
    display: none !important;
}

/* Removes the space above the H1 you inserted */
.entry-content h1:first-child {
    margin-top: 0 !important; 
    padding-top: 0 !important;
}

/* Fix: Ensures the banner image within Ad Inserter Block 10 respects the parent width */
.code-block-10 img {
    /* Remove the conflicting fixed max-width/height */
    max-width: 100% !important; 
    max-height: none !important; /* Allow natural height for the ad */
    width: auto !important; /* Let the container determine the size */
    height: auto !important; 
}

/* Also ensure the outer wrapper is cleared, as discussed previously */
.code-block-10 {
    clear: both !important;
}

.no-sidebar .site-content {
	max-width: 730px;
	margin: 0 auto;
}

.lcp-tight { 
    margin:0 0 0px 0 !important;    /* ← ZERO space underneath the entire block */
    padding:0 !important; 
    list-style:none !important; 
}

.lcp-tight li {
    margin:0 !important;            /* no extra space when only one post */
    padding:0 !important;
    text-align:center;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
}

.lcp-tight .lcp_thumbnail {
    order:1 !important;
    margin:0 0 12px 0 !important;    /* space between image and title – keep as you like */
}

.lcp-tight .lcp_thumbnail img {
    width:250px !important;
    height:auto !important;
    display:block !important;
}

.lcp-tight .lcp_title {
    order:2 !important;
    margin:0 !important;
    font-weight:bold !important;
    line-height:1.3 !important;
}