/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/


/* Avada Global Styles */

/* MASTER-CODE: Editorial Links mit Animation (Multi-line Support) */
.fusion-text p a:not(.fusion-button), 
.post-content p a:not(.fusion-button),
.fusion-checklist a,
.fusion-alert a {
    color: inherit !important;
    text-decoration: none !important;
    border-bottom: none !important;
    padding-bottom: 2px; /* Etwas mehr Abstand für Lesbarkeit */
    position: relative;

    /* Multi-line Underline Technique */
    background-image: 
        linear-gradient(#745f2a, #745f2a), /* Hover-Linie (Gold) - liegt oben */
        linear-gradient(#e0dcd3, #e0dcd3); /* Basis-Linie (Grau) - liegt unten */
    background-size: 
        0% 1px,   /* Hover-Linie startet mit 0 Breite */
        100% 1px; /* Basis-Linie hat immer 100% Breite */
    background-position: 
        0 100%,   /* Links unten */
        0 100%;   /* Links unten */
    background-repeat: no-repeat;

    /* WICHTIG: Damit der Hintergrund bei Umbruch geklont wird */
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;

    transition: background-size 0.3s ease-in-out, color 0.3s ease;
}

/* Hover-Status: Goldene Linie auf 100% erweitern */
.fusion-text p a:not(.fusion-button):hover, 
.post-content p a:not(.fusion-button):hover,
.fusion-checklist a:hover,
.fusion-alert a:hover {
    background-size: 
        100% 1px, /* Goldene Linie wächst */
        100% 1px; /* Graue Linie bleibt */
}

/* Spezielle Anpassung für Alert-Boxen (currentColor) */
.fusion-alert a {
    background-image: 
        linear-gradient(currentColor, currentColor),
        linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)); /* Fallback für Transparenz bei Alert */
}

/* Alte Pseudo-Elemente deaktivieren */
.fusion-text p a:not(.fusion-button)::before, 
.post-content p a:not(.fusion-button)::before,
.fusion-checklist a::before,
.fusion-alert a::before,
.fusion-text p a:not(.fusion-button)::after, 
.post-content p a:not(.fusion-button)::after,
.fusion-checklist a::after,
.fusion-alert a::after {
    content: none !important;
    display: none !important;
}

.fusion-menu a, .toc-list a { 
    border-bottom: none !important; 
    padding-bottom: 0 !important;
}
.fusion-menu a::before, .toc-list a::before,
.fusion-menu a::after, .toc-list a::after {
    content: none !important;
}

/* Checkbox-Checkliste */
.checklist {
  margin: 0;
  padding-left: 1.2rem;
  list-style-position: inside;
}

.checklist li::marker {
    content: "\2610 "; /* sind Kästchen "☐ " */
  font-size: 1rem;
}

/* Bulletpoint-Liste-Styling */
.fusion-text ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.fusion-text ul li {
  position: relative;
  padding-inline-start: 2rem;
}

.fusion-text ul li::before {
    content: "\2022"; /* ist "•" */
  position: absolute;
  inset-inline-start: -0.5rem;
  inline-size: 2rem;
  inset-block-start: calc(-0.3rem - 2px);
  text-align: center;
  color: #b28737;
  line-height: 1;
  font-size: 2rem;
}

/* TOC-Listenabstände neutralisieren */
.toc-tight .awb-toc-el__list,
.toc-tight .awb-toc-el__list ul {
  margin: 0 !important;
  padding: 0 !important;
}

.toc-tight .awb-toc-el__list-item {
  margin: 0 !important;
}

.toc-tight .awb-toc-el__item-anchor {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1.65;
}

.toc-tight .awb-toc-el__list {
  padding-inline-start: 0 !important;
}

.toc-tight .awb-toc-el__list > li > ul,
.toc-tight .awb-toc-el__list > li > ul > li > ul {
  padding-inline-start: 18px !important;
  margin: 0 !important;
}

.toc-tight .awb-toc-el__content > .awb-toc-el__list:first-of-type > li.awb-toc-el__list-item + li {
  margin-top: 10px !important;
}

.toc-tight .awb-toc-el__content > .awb-toc-el__list:first-of-type > li > .awb-toc-el__item-anchor {
  font-weight: 450 !important;
}

/* Submenü-Überschriften */
.awb-justify-title {
    margin-bottom: 40px;
    margin-top: 40px;
}

/* Chunks */
.editor-note { 
    margin: .5rem 0 0.25rem; 
    opacity: .95; 
}

/* Definieren der Farbvariablen */
:root {
  --grey-light: #f8f8f8;
  --gold-main: #c8b274;
  --gold-hover: #b28737;
}

/* Scrollbar-Styling */
::-webkit-scrollbar {
  width: 12px;
}
::-webkit-scrollbar-track {
  background: var(--grey-light);
}
::-webkit-scrollbar-thumb {
  background: var(--gold-main);
  border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--gold-hover);
}

html {
  scrollbar-width: thin;
  scrollbar-color: var(--gold-main) var(--grey-light);
}

/* Schriftgröße Checklisten */
.fusion-li-item-content {
line-height: 130%;
font-size: 100%;
}

/* 1,5 em Abstand nach HTML-Listen */
ul li {
    margin-bottom: 1.0em;
}

ol li {
    margin-bottom: 1.0em;
}

.fusion-date-and-formats {
font-size: 0.85em;
}

.fusion-dropcap.dropcap {
top:0px;
}

/* Groesse Bodytext Testimonials */
#wrapper #main .reviews blockquote q, #wrapper #main .review blockquote q {
font-size: 19px ;
line-height:140%;
}

/* Person-Element (ich) Reihenfolge social icons */
.fusion-social-networks-wrapper {
    display: flex !important;
}

.fusion-social-networks-wrapper .fusion-phone {
    order: 1;
}
.fusion-social-networks-wrapper .fusion-mail {
    order: 2;
}
.fusion-social-networks-wrapper .fusion-linkedin {
    order: 3;
}
.fusion-social-networks-wrapper .fusion-twitter {
    order: 4;
}

.checklist li {
  margin-bottom: 1em;
}
.checklist li:last-child {
  margin-bottom: 0;
}


/* <u> Link-underline erzwingen, zum Beispiel in Alert Box  
Anwendungsbeispiel:

<u class="u-signal"><a style="color: black; text-decoration: none;" href="https://www.redegold.de/kontakt">Ihre kurze Nachricht genügt</a></u> - gerne erfülle ich Ihre persönlichen Wünsche!

*/
.u-signal {
    text-decoration: none !important;       /* Standard-Linie aus */
    border-bottom: 1px solid #9ea0a1 !important; /* Signal-Grey Linie */
    padding-bottom: 1px;                    /* Abstand */
    display: inline;                        /* Hält den Textfluss sauber */
}