/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/
/*
/* === Bottom-Bar: mobile-first ===
   Mobil: Copyright (rechts) nach oben, Created by (links) nach unten
   Desktop/Tablet: links/rechts getauscht wie bisher
*/

/* Basis: Layout & Floats neutralisieren */
#bottom-bar.logo-left .wf-wrap .wf-container-bottom {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .75rem;
  width: 100%;
  flex-wrap: nowrap;
}

#bottom-bar.logo-left .wf-wrap .wf-container-bottom > .wf-float-left,
#bottom-bar.logo-left .wf-wrap .wf-container-bottom > .wf-float-right {
  float: none !important;
  margin: 0 !important;
  width: auto !important;
  flex: 0 0 auto !important;
  max-width: 100%;
}

/* --- MOBIL (Default): unterer Text nach oben, oberer nach unten --- */
/* = Copyright (rechts) soll OBEN stehen = order:1
     Created by (links) soll UNTEN stehen = order:2 */
#bottom-bar.logo-left .wf-wrap .wf-container-bottom {
  flex-direction: column !important;   /* untereinander stapeln */
  align-items: center !important;
  text-align: center;
}

#bottom-bar.logo-left .wf-wrap .wf-container-bottom > .wf-float-right { order: 1 !important; } /* nach oben */
#bottom-bar.logo-left .wf-wrap .wf-container-bottom > .wf-float-left  { order: 2 !important; } /* nach unten */

#bottom-bar.logo-left .wf-wrap .wf-container-bottom > .wf-float-left,
#bottom-bar.logo-left .wf-wrap .wf-container-bottom > .wf-float-right {
  width: 100% !important;
  text-align: center !important;
}

/* --- AB TABLET/DESKTOP: links/rechts getauscht wie gewünscht --- */
@media (min-width: 768px) {
  #bottom-bar.logo-left .wf-wrap .wf-container-bottom {
    flex-direction: row !important;
    text-align: inherit;
  }

  /* Rechts-Block ganz nach links, Links-Block nach rechts */
  #bottom-bar.logo-left .wf-wrap .wf-container-bottom > .wf-float-right { order: 1 !important; text-align: left; }
  #bottom-bar.logo-left .wf-wrap .wf-container-bottom > .wf-float-left  { order: 2 !important; text-align: right; }
}

/* Falls dein Theme ein höheres Breakpoint nutzt, nimm alternativ 992px oder 1024px */
/* Desktop-Korrektur: Kinder nicht mehr 100% breit */
@media (min-width: 768px) {
  #bottom-bar.logo-left .wf-wrap .wf-container-bottom {
    flex-direction: row !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
  }

  #bottom-bar.logo-left .wf-wrap .wf-container-bottom > .wf-float-left,
  #bottom-bar.logo-left .wf-wrap .wf-container-bottom > .wf-float-right {
    width: auto !important;          /* <<< wieder automatisch */
    flex: 0 0 auto !important;       /* nicht dehnen */
    margin: 0 !important;
  }

  /* Reihenfolge wie gewünscht (rechts nach links) + Ausrichtung */
  #bottom-bar.logo-left .wf-wrap .wf-container-bottom > .wf-float-right {
    order: 1 !important;
    text-align: left !important;
  }
  #bottom-bar.logo-left .wf-wrap .wf-container-bottom > .wf-float-left {
    order: 2 !important;
    text-align: right !important;
  }
}