/*
Theme Name: Mathilde Gudefin
Description: Interior Design Berlin
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

body { background-color: red !important; }

.project-facts{
  display:grid;
  grid-template-columns: 10rem 1fr;
  gap:.35rem 1rem;
  margin:0;
}
.project-facts dt{ font-weight:600; margin:0; }
.project-facts dd{ margin:0; }

@media (max-width: 600px){
  .project-facts{ grid-template-columns: 1fr; }
  .project-facts dt{ margin-top:.6rem; }
}

/* H1 im Avada Title-Element erwischen */
.mg-portfolio-title h1.fusion-title-heading{
  display: inline-block;      /* wichtig, sonst wirkt die Linie komisch */
  position: relative;
}

/* die Linie */
.mg-portfolio-title h1.fusion-title-heading::after{
  content:"";
  display:block;
  width: 90px;
  height: 2px;
  margin: .35em auto 0;       /* auto = zentriert */
  background: black; /* test */
  opacity: .35;
}

main#main{padding-top:0;}

/* Portfolio "Load More" full width */
.fusion-load-more-button{
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box;
}










.mg-header{height:50px;}
#mg-header{height:85px;}

.fusion-button{font-weight:bold;}
#footer{min-height:250px;}


/* 1. Filter-Leiste auf Seitenbreite begrenzen und zentrieren */
.fusion-portfolio .fusion-filters {
    max-width: 1200px !important; /* Hier dein Wert für die Site-Width */
    margin: 0 auto 40px auto !important;
    float: none !important; /* Verhindert das Rutschen nach links */
    display: flex !important;
    justify-content: center !important; /* Zentriert die Filter-Links */
    flex-wrap: wrap !important;
}

.fusion-portfolio .fusion-filters li a{
    text-transform: uppercase !important; /* Dein Wunsch-Stil */
}


/* 2. Sicherstellen, dass das Bilder-Grid die volle Breite behält */
.fusion-portfolio-wrapper {
    width: 100% !important;
    max-width: none !important;
}





/* Hauptmenü: Links nutzen die Accent Color */
.fusion-main-menu > ul > li > a,
.awb-menu a {
    color: var(--awb-color-4) !important;
    transition: color 0.3s ease-in-out; /* Macht den Farbwechsel geschmeidig */
}

/* Hauptmenü: Hover & Aktiv-Status nutzen die Background Color */
.fusion-main-menu > ul > li > a:hover,
.fusion-main-menu > ul > li.current-menu-item > a,
.awb-menu a:hover,
.awb-menu .current-menu-item > a {
    color: var(--awb-color-5) !important;
}
footer .menu-text {
    color:white!important;
}







/* Amelia 2.0 Button-Reproduktion */
.amelia-v2-booking #amelia-container .am-button.am-button--primary {
    /* 1. Farben (Werte aus deinem Avada-Button einsetzen) */
    background-color: #333333 !important; 
    color: #ffffff !important;

    /* 2. Form (Flat Design wie bei Avada) */
    border-radius: 0px !important; 
    border: none !important;
    
    /* 3. Text-Styling */
    font-family: var(--button_typography-font-family);
    font-weight: var(--button_typography-font-weight);
    /* font-style: var(--button_typography-font-style, normal); */
    letter-spacing: var(--button_typography-letter-spacing);
    text-transform: uppercase !important; /* Macht den Text groß */
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    
    /* 4. Größe & Abstände */
    padding: 15px 30px !important; 
    height: auto !important; /* Überschreibt feste Amelia-Höhen */
    line-height: 1.2 !important;
}

/* Hover-Effekt */
.amelia-v2-booking #amelia-container .am-button.am-button--primary:hover {
    background-color: #555555 !important;
    color: #ffffff !important;
}






.amelia-v2-booking #amelia-container .am-fcil__main {
    width: 100%;
    max-width: var(--am-w-fcil-main);
    border: unset!important;
    border-radius: 6px;
}


.amelia-v2-booking #amelia-container .am-fcil__item-inner {
    box-shadow: unset!important;
}





.am-cat__header{display:none;}






.am-fcil__item-footer button:first-child{display:none!important;}








/* Schafft Platz oberhalb des Buttons im Service-Katalog */
.amelia-v2-booking #amelia-container .am-fcil__item-content {
    padding-bottom: 40px !important; /* Erhöhe diesen Wert für mehr Abstand */
}    
    
    
    
    
    
    
    
:root {
  color-scheme: only dark; /* Teilt dem Browser mit: "Ich bin schon dunkel, mach nichts!" */
}





.am-fs__congrats-info-app-employee {
    display: none !important;
}




/* Versteckt das Personen-Icon und die Anzahl (die "1") im Amelia-Katalog */
.amelia-v2-booking .am-icon-user, 
.amelia-v2-booking .am-icon-user + span {
    display: none !important;
}

.amelia-v2-booking #amelia-container .am-fcis__badge.am-service,
.amelia-v2-booking #amelia-container .am-fcil__item-badge.am-service {
    display: none!important;
}