/* Manaslu Mobile Fixer – CSS overrides for small screens (active on posts only) */
:root{
  --mmf-font-scale: 0.92;
}

/* Universal media responsiveness */
img, video, canvas, svg, iframe, embed, object {
  max-width: 100% !important;
  height: auto !important;
}

/* Prevent overflow from wide blocks */
.wp-block-image, .wp-block-embed, .wp-block-video, .wp-block-table, .wp-block-media-text {
  width: 100% !important;
}

/* Tables: scroll horizontally instead of breaking layout */
.mmf-table-scroll{ 
  overflow-x: auto; 
  -webkit-overflow-scrolling: touch; 
}
.mmf-table-scroll > table{
  min-width: 640px;
}
table{
  table-layout: auto;
  width: 100%;
}

/* Code blocks wrap */
pre, code, kbd, samp {
  white-space: pre-wrap;
  word-wrap: break-word;
}

/* Fix sticky CTAs overlapping content on phones */
@media (max-width: 768px){
  .sticky, .sticky-cta, [class*="sticky"]{
    position: relative !important;
    top: auto !important;
  }
  /* Stack Gutenberg columns */
  .wp-block-columns{ 
    flex-wrap: wrap !important; 
  }
  .wp-block-column{ 
    flex-basis: 100% !important; 
    max-width: 100% !important; 
  }

  /* Generic grid helpers */
  [class*="grid"], .grid, .row{
    display: block !important;
  }

  /* Typography scale down slightly */
  h1{ font-size: clamp(1.5rem, 6vw, 2rem); line-height: 1.25; }
  h2{ font-size: clamp(1.25rem, 5.2vw, 1.6rem); }
  h3{ font-size: clamp(1.1rem, 4.6vw, 1.35rem); }

  /* Padding adjustments */
  .wrap, .container, .content, .entry-content{
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* Make iframes/videos fluid using aspect-ratio where available */
iframe, video{
  aspect-ratio: auto;
}
.mmf-fluid{ width:100% !important; height:auto !important; }

/* Prevent absolute/fixed items from covering text on tiny screens */
@media (max-width: 480px){
  [style*="position:fixed"], [style*="position:absolute"]{
    max-width: 100% !important;
    left: 0 !important;
    right: 0 !important;
  }
}

/* WhatsApp / chat widgets: keep above safe area */
@supports (padding: max(0px)) {
  body{ padding-bottom: max(env(safe-area-inset-bottom), 0px); }
}