/*
Theme Name: Werbeluchs Avada Child
Theme URI: https://werbeluchs.com
Description: Werbeluchs child theme for Avada
Author: Werbeluchs
Author URI: https://werbeluchs.com
Template: Avada
Version: 1.7.1
Text Domain: Avada
*/


/* ==========================================================================
   ImageSourceControl – Bildquellen-Übersicht formatieren
   Stylt die vom Plugin "Image Source Control" ausgegebene Tabelle
   (Liste aller Bilder mit Quellenangaben) leserlicher.
   ========================================================================== */

/* Tabellenkopf: linksbündig, weiße Schrift auf dunkelgrauem Grund, leicht vergrößert */
.isc_all_image_list_box th {
    text-align: left;
    color: #ffffff;
    font-size: 1.1em;
    background-color: #555555;
}

/* Etwas Innenabstand in allen Zellen, damit die Tabelle nicht gedrängt wirkt */
.isc_all_image_list_box td, .isc_all_image_list_box th {
    padding: 10px;
}

/* Zebra-Streifen: gerade Zeilen etwas dunkler … */
.isc_all_image_list_box tr:nth-child(even) {
    background-color: #e5e5e5;
}

/* … ungerade Zeilen etwas heller – verbessert die Lesbarkeit langer Listen */
.isc_all_image_list_box tr:nth-child(odd) {
    background-color: #f7f7f7;
}

/* Zweite Spalte komplett ausblenden (nicht benötigte Spalte der Plugin-Ausgabe) */
.isc_all_image_list_box th:nth-child(2), .isc_all_image_list_box td:nth-child(2) {
    display: none;
}


/* ==========================================================================
   Avada Privacy-Bar (Cookie-Banner) – Layout-Korrekturen
   --------------------------------------------------------------------------
   Hintergrund: Avada schaltet die Privacy-Bar bei max-width: 1100px in ein
   gestapeltes Layout. Ohne Eingriff kollabiert dabei der Beschreibungstext
   zu einer schmalen Spalte und die Buttons landen zwischen Text und
   Cookie-Liste. Beide Blöcke unten teilen sich exakt Avadas Breakpoint
   (mobil/Tablet ≤1100px, Desktop ≥1101px), damit sie sich nicht überlappen.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Mobil & Tablet (bis 1100px): Reihenfolge Text → Cookie-Liste → Buttons
   -------------------------------------------------------------------------- */
@media (max-width: 1100px) {

    /* Die Bar zum vertikalen Flex-Container machen, damit die Reihenfolge
       der Elemente per "order" frei steuerbar wird. */
    .fusion-privacy-bar {
        display: flex !important;
        flex-direction: column !important;
    }

    /* Der Text und die Buttons stecken beide im .fusion-privacy-bar-main.
       Mit display: contents löst sich dieser Wrapper auf – seine Kinder
       (Textblock + Buttons) werden dadurch zu direkten Flex-Items der Bar
       und lassen sich zusammen mit der separaten Cookie-Liste sortieren. */
    .fusion-privacy-bar .fusion-privacy-bar-main {
        display: contents !important;
    }

    /* Avada setzt den Text-Span in diesem Breakpoint auf display: flex,
       wodurch der lange Fließtext zu einer schmalen Spalte zusammenfällt.
       Zurück auf block => Text nutzt wieder die volle Breite.
       order: 1 => Text steht ganz oben. */
    .fusion-privacy-bar .fusion-privacy-bar-main > span {
        display: block !important;
        order: 1;
    }

    /* Die ausgeklappte Cookie-Liste ("Funktionale Cookies") direkt unter
       den Text schieben. */
    .fusion-privacy-bar .fusion-privacy-bar-full {
        order: 2;
    }

    /* Zustimmen/Ablehnen ans Ende – mit etwas Abstand nach oben, da der
       ursprüngliche Flex-"gap" durch display: contents entfällt. */
    .fusion-privacy-bar .fusion-privacy-bar-buttons {
        order: 3;
        margin-top: 15px;
    }
}

/* --------------------------------------------------------------------------
   Desktop (ab 1101px): Cookie-Liste linksbündig ausrichten
   Standardmäßig zentriert Avada die "Funktionale Cookies"-Liste
   (text-align: center + max-width: 50% + margin: auto). Hier wird sie
   linksbündig unter den Link "Cookie Einstellungen anpassen" gesetzt.
   -------------------------------------------------------------------------- */
@media (min-width: 1101px) {

    /* Zentrierung der Texte/Überschrift innerhalb der Liste aufheben */
    .fusion-privacy-bar .fusion-privacy-bar-full {
        text-align: left !important;
    }

    /* Die automatische Zentrierung des inneren Rasters aufheben:
       margin auto => 0 (linksbündig) und die 50%-Breitenbegrenzung entfernen,
       damit die Liste bündig am linken Rand der Bar sitzt. */
    .fusion-privacy-bar .fusion-privacy-bar-full .fusion-row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: none !important;
    }
}