/* =========================================
   TWENTY TWENTY – MOBILE MENU + ADS FIX
   ========================================= */

/* 1) NEVER allow AdSense inside header/nav */
header ins.adsbygoogle,
header .adsbygoogle,
header iframe[id^="google_ads_iframe"],
header div[id^="google_ads_iframe"],
header div[id^="aswift_"],
header iframe[src*="doubleclick.net"],
nav ins.adsbygoogle,
nav .adsbygoogle,
nav iframe[id^="google_ads_iframe"],
nav div[id^="google_ads_iframe"],
nav div[id^="aswift_"],
nav iframe[src*="doubleclick.net"] {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

/* 2) Force the mobile menu to be a TRUE full-screen overlay */
@media (max-width: 1000px) {

  .menu-modal {
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    z-index: 999999 !important;
    background: #0f3b57 !important; /* matches your theme blue */
  }

  /* 3) Make menu content scroll properly */
  .menu-modal-inner {
    height: 100vh !important;
    max-height: 100vh !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: calc(env(safe-area-inset-bottom) + 120px) !important;
  }

  /* 4) Lock page behind menu */
  body.showing-menu-modal,
  body.menu-modal-open {
    overflow: hidden !important;
  }

  /* 5) Force hero / content UNDER the menu */
  .cover-header,
  .site-content,
  #site-content,
  .header-footer-group {
    position: relative !important;
    z-index: 1 !important;
  }
/* =========================================
   REMOVE SOCIAL LINK ICONS – TWENTY TWENTY
   (Mobile + Desktop, menu + footer)
   ========================================= */

/* Kill the Social Links menu completely */
.social-menu,
nav.social-menu,
ul.social-menu,
.menu-social-container,
.wp-block-social-links,
.wp-block-social-links__wrapper,
.wp-social-link,
.wp-social-link a {
  display: none !important;
}

/* Also remove them if injected into the mobile menu modal */
.menu-modal .social-menu,
.menu-modal .wp-block-social-links,
.menu-modal .wp-social-link {
  display: none !important;
}
/* =====================================================
   CONTENT UX + READABILITY ONLY
   Theme: Twenty Twenty
   DOES NOT touch menu, ads, or layout containers
   SEO safe
   ===================================================== */

/* 1) Comfortable text size & line height */
.entry-content p,
.entry-content li {
  font-size: 18px;
  line-height: 1.7;
}

/* Mobile: slightly smaller but still readable */
@media (max-width: 782px) {
  .entry-content p,
  .entry-content li {
    font-size: 17px;
  }
}

/* 2) Clean spacing between paragraphs & sections */
.entry-content p {
  margin-bottom: 16px;
}

.entry-content h2 {
  margin-top: 42px;
  margin-bottom: 18px;
}

.entry-content h3 {
  margin-top: 30px;
  margin-bottom: 14px;
}

/* 3) Keep content readable width on desktop ONLY */
@media (min-width: 783px) {
  .entry-content {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* 4) Lists: readable, never clipped */
.entry-content ul,
.entry-content ol {
  padding-left: 1.25em;
  margin-bottom: 20px;
}

.entry-content li {
  margin-bottom: 8px;
}

/* 5) Links: clear but not ugly */
.entry-content a {
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* 6) Images: always responsive */
.entry-content img {
  max-width: 100%;
  height: auto;
}

/* 7) Tables: scroll instead of breaking mobile layout */
.wp-block-table {
  display: block;
  overflow-x: auto;
  width: 100%;
}

/* 8) Prevent long words / URLs breaking layout */
.entry-content {
  overflow-wrap: anywhere;
}