/* ============================================================
   Oronos® – Mobile-Abstände vereinheitlichen
   Original (Avada) hat mobil uneinheitliche Abstände
   (Sektionen mal 43px, mal 0px, mal 10px). Hier: ein Rhythmus.
   --m-gap   = Abstand zwischen Sektionen/Blöcken (24px)
   --m-gap-s = kleiner Abstand innerhalb von Blöcken (16px)
   ============================================================ */
@media (max-width: 782px) {
  :root { --m-gap: 24px; --m-gap-s: 16px; }

  /* Titelbanner: einheitlicher Innenabstand */
  .fusion-page-title-bar {
    padding-top: var(--m-gap) !important;
    padding-bottom: var(--m-gap) !important;
  }

  /* Sektionen: überall gleiches vertikales Padding statt 43/0/10/14px */
  #main .fusion-fullwidth {
    padding-top: var(--m-gap) !important;
    padding-bottom: var(--m-gap) !important;
  }
  /* Direkt aufeinanderfolgende Sektionen nicht doppelt: */
  #main .fusion-fullwidth + .fusion-fullwidth { padding-top: 0 !important; }

  /* Spalten: einheitlicher Abstand nach unten (war 20px/0px gemischt) */
  #main .fusion-layout-column { margin-bottom: var(--m-gap-s) !important; }
  #main .fusion-layout-column:last-child { margin-bottom: 0 !important; }

  /* Content-Ende: kein Extra-Margin – die Sektionen bringen ihr pb=24 selbst mit.
     So stapeln sich keine doppelten Abstände (war: 48px vor der Sidebar). */
  #content { margin-bottom: 0 !important; }

  /* Sidebar: 0 oben (Abstand kommt vom Sektions-Padding davor),
     24px unten – damit klebt sie nicht mehr am Footer. */
  #sidebar {
    margin-top: 0 !important; padding-top: 0 !important;
    margin-bottom: var(--m-gap) !important; padding-bottom: 0 !important;
  }
  #sidebar .widget { margin-bottom: var(--m-gap) !important; }
  #sidebar .widget:last-child { margin-bottom: 0 !important; }

  /* Überschriften: fester Rhythmus – 24px Abstand zum vorherigen Block,
     12px zum eigenen Text; erste Überschrift eines Blocks ohne Top-Abstand */
  #main h1, #main h2, #main h3, #main h4 {
    margin-top: var(--m-gap) !important;
    margin-bottom: 12px !important;
  }
  #main h1:first-child, #main h2:first-child,
  #main h3:first-child, #main h4:first-child,
  #main .fusion-text > h1:first-child, #main .fusion-text > h2:first-child,
  #main .fusion-text > h3:first-child, #main .fusion-text > h4:first-child {
    margin-top: 0 !important;
  }
  #main p { margin-bottom: var(--m-gap-s) !important; }
  #main p:last-child { margin-bottom: 0 !important; }
  #main ul, #main ol { margin-bottom: var(--m-gap-s) !important; }

  /* Trennlinien/Separatoren: einheitlich statt zufällig */
  #main .fusion-separator, #main .fusion-sep-clear {
    margin-top: var(--m-gap-s) !important;
    margin-bottom: var(--m-gap-s) !important;
  }

  /* Bilder im Content mit gleichem Abstand */
  #main .fusion-imageframe { margin-bottom: var(--m-gap-s) !important; }

  /* Footer: einheitliche Widget-Abstände */
  .fusion-footer-widget-area {
    padding-top: var(--m-gap) !important;
    padding-bottom: var(--m-gap) !important;
  }
  .fusion-footer-widget-column { margin-bottom: var(--m-gap) !important; }
  .fusion-footer-widget-column:last-child { margin-bottom: 0 !important; }
  .fusion-footer-copyright-area {
    padding-top: var(--m-gap-s) !important;
    padding-bottom: var(--m-gap-s) !important;
  }

  /* Blog-Listing: einheitlicher Abstand zwischen Beiträgen */
  .fusion-blog-layout-large article,
  .fusion-blog-layout-medium article {
    margin-bottom: var(--m-gap) !important;
    padding-bottom: var(--m-gap) !important;
  }
}