/* ------------------------------------------------------------------
   Shin Jin v82
   Final mobile-only Makahannya stacking fix.
   Loaded after all original/Elementor CSS.
------------------------------------------------------------------ */

@media screen and (max-width: 900px) {
  html body.makahannya-page .elementor-section,
  html body.makahannya-page .elementor-top-section,
  html body.makahannya-page .elementor-inner-section {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html body.makahannya-page .elementor-section > .elementor-container,
  html body.makahannya-page .elementor-top-section > .elementor-container,
  html body.makahannya-page .elementor-inner-section > .elementor-container,
  html body.makahannya-page .elementor-container,
  html body.makahannya-page .elementor-container.elementor-column-gap-no {
    display: block !important;
    flex: none !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html body.makahannya-page .elementor-column,
  html body.makahannya-page .elementor-top-column,
  html body.makahannya-page .elementor-inner-column,
  html body.makahannya-page .elementor-col-10,
  html body.makahannya-page .elementor-col-11,
  html body.makahannya-page .elementor-col-12,
  html body.makahannya-page .elementor-col-14,
  html body.makahannya-page .elementor-col-16,
  html body.makahannya-page .elementor-col-20,
  html body.makahannya-page .elementor-col-25,
  html body.makahannya-page .elementor-col-30,
  html body.makahannya-page .elementor-col-33,
  html body.makahannya-page .elementor-col-40,
  html body.makahannya-page .elementor-col-50,
  html body.makahannya-page .elementor-col-60,
  html body.makahannya-page .elementor-col-66,
  html body.makahannya-page .elementor-col-70,
  html body.makahannya-page .elementor-col-75,
  html body.makahannya-page .elementor-col-80,
  html body.makahannya-page .elementor-col-83,
  html body.makahannya-page .elementor-col-90,
  html body.makahannya-page .elementor-col-100,
  html body.makahannya-page [data-element_type="column"] {
    display: block !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
    flex-basis: auto !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    order: initial !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  html body.makahannya-page .elementor-widget-wrap,
  html body.makahannya-page .elementor-element-populated,
  html body.makahannya-page .elementor-widget-container {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  html body.makahannya-page .elementor-section:not(.elementor-element-9f335ff) .elementor-column + .elementor-column {
    margin-top: 24px !important;
  }

  html body.makahannya-page .elementor-column[data-settings*="background_background"] > .elementor-widget-wrap,
  html body.makahannya-page .elementor-column[data-settings*="background_background"] > .elementor-widget-wrap.elementor-element-populated {
    padding: 28px 24px !important;
    margin: 0 14px 28px !important;
    width: auto !important;
    max-width: calc(100% - 28px) !important;
    box-sizing: border-box !important;
  }

  html body.makahannya-page .elementor-section:not(.elementor-element-9f335ff) .elementor-widget-wrap.elementor-element-populated {
    padding-left: 22px !important;
    padding-right: 22px !important;
    box-sizing: border-box !important;
  }
}

/* JS fallback: same rules become active if the script detects mobile width.
   This helps if a browser or cached stylesheet behaves differently. */
html body.makahannya-page.sj-makahannya-mobile .elementor-section,
html body.makahannya-page.sj-makahannya-mobile .elementor-top-section,
html body.makahannya-page.sj-makahannya-mobile .elementor-inner-section,
html body.makahannya-page.sj-makahannya-mobile .elementor-section > .elementor-container,
html body.makahannya-page.sj-makahannya-mobile .elementor-top-section > .elementor-container,
html body.makahannya-page.sj-makahannya-mobile .elementor-inner-section > .elementor-container,
html body.makahannya-page.sj-makahannya-mobile .elementor-container {
  display: block !important;
  flex: none !important;
  grid-template-columns: 1fr !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

html body.makahannya-page.sj-makahannya-mobile .elementor-column,
html body.makahannya-page.sj-makahannya-mobile .elementor-top-column,
html body.makahannya-page.sj-makahannya-mobile .elementor-inner-column,
html body.makahannya-page.sj-makahannya-mobile [class*="elementor-col-"],
html body.makahannya-page.sj-makahannya-mobile [data-element_type="column"] {
  display: block !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  flex: none !important;
  flex-basis: auto !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}


/* ------------------------------------------------------------------
   Shin Jin v83
   Mobile fix for text widgets that used CSS multi-column text:
   original Elementor CSS had rules such as columns: 2.
   On mobile, force all text widgets back to one readable column.
------------------------------------------------------------------ */

@media screen and (max-width: 900px) {
  html body.makahannya-page .elementor-widget-text-editor,
  html body.makahannya-page .elementor-widget-text-editor .elementor-widget-container,
  html body.makahannya-page .elementor-element-c7fa841,
  html body.makahannya-page .elementor-element-c7fa841 .elementor-widget-container,
  html body.makahannya-page .elementor-element-9fd2ed0,
  html body.makahannya-page .elementor-element-9fd2ed0 .elementor-widget-container,
  html body.makahannya-page .elementor-element-d669c9f,
  html body.makahannya-page .elementor-element-d669c9f .elementor-widget-container {
    columns: auto !important;
    column-count: 1 !important;
    column-gap: 0 !important;
    column-width: auto !important;
    -webkit-columns: auto !important;
    -webkit-column-count: 1 !important;
    -webkit-column-gap: 0 !important;
    -webkit-column-width: auto !important;
    -moz-columns: auto !important;
    -moz-column-count: 1 !important;
    -moz-column-gap: 0 !important;
    -moz-column-width: auto !important;
  }
}

html body.makahannya-page.sj-makahannya-mobile .elementor-widget-text-editor,
html body.makahannya-page.sj-makahannya-mobile .elementor-widget-text-editor .elementor-widget-container,
html body.makahannya-page.sj-makahannya-mobile .elementor-element-c7fa841,
html body.makahannya-page.sj-makahannya-mobile .elementor-element-c7fa841 .elementor-widget-container,
html body.makahannya-page.sj-makahannya-mobile .elementor-element-9fd2ed0,
html body.makahannya-page.sj-makahannya-mobile .elementor-element-9fd2ed0 .elementor-widget-container,
html body.makahannya-page.sj-makahannya-mobile .elementor-element-d669c9f,
html body.makahannya-page.sj-makahannya-mobile .elementor-element-d669c9f .elementor-widget-container {
  columns: auto !important;
  column-count: 1 !important;
  column-gap: 0 !important;
  column-width: auto !important;
  -webkit-columns: auto !important;
  -webkit-column-count: 1 !important;
  -webkit-column-gap: 0 !important;
  -webkit-column-width: auto !important;
  -moz-columns: auto !important;
  -moz-column-count: 1 !important;
  -moz-column-gap: 0 !important;
  -moz-column-width: auto !important;
}