/*
 Theme Name:   bona-valetudo
 Author:       Life Design
 Template:     femina-health
 Version:      1.0.0
 Text Domain:  bona-valetudo
*/


/*-----------------------------------------Header Mobil Logo Responsiv Anpassungen--------------------*/

/* Diese Regel gilt nur für Bildschirme, die 766px breit oder schmaler sind */
@media (max-width: 767px) {
  
  /* Wir zielen auf das Logo-Widget über seine eindeutige ID */
  .elementor-element-49814366 {
    /* Wir überschreiben die 'Individuelle Breite' aus dem Editor */
    width: 110px !important;  /* Ändere diesen Wert nach Wunsch */
    
    /* Diese Befehle stellen sicher, dass es sich korrekt verhält */
    min-width: 110px !important; /* Verhindert, dass es kleiner wird */
    flex-shrink: 0 !important;   /* Verhindert, dass es von anderen Elementen gequetscht wird */
  }
}

/*----------------------------------Sticky Header Anpassung--------------------------------*/

/* 
 * Dieser Code zielt auf den Header-Container, NUR wenn er "sticky" ist.
 * Die Klasse .cmsmasters-sticky-active wird von Ihrem Theme hinzugefügt, 
 * sobald der Header am oberen Rand klebt.
*/
.cmsmasters-sticky-active {
    width: 100% !important; /* Zwingt den Header, immer die volle Breite zu nutzen */
    left: 0 !important;     /* Stellt sicher, dass er linksbündig bleibt */
}


/* ==========================================================================
   Submenü-Styling NUR FÜR DESKTOP
   ========================================================================== */
/* Wir wenden diese Regeln nur auf Bildschirmen an, die breiter als 1024px sind */
@media (min-width: 1025px) {
  
  /* Submenu: automatische Breite und Mindestbreite */
  .elementor-widget-cmsmasters-nav-menu__dropdown-submenu {
    display: inline-block !important;
    width: max-content !important;   /* passt sich dem längsten Eintrag an */
    min-width: 210px !important;     /* hier deine Wunsch-Mindestbreite */
  }

  /* Texte in einer Zeile halten */
  .elementor-widget-cmsmasters-nav-menu__dropdown-item,
  .elementor-widget-cmsmasters-nav-menu__dropdown-item .elementor-widget-cmsmasters-nav-menu__item-text {
    white-space: nowrap !important;
  }
  
} /* Ende der Desktop-Regeln für das Submenü */



/*---------------------------Anker Menü NUR FÜR DESKTOP---------------------------*/
@media (min-width: 1025px) {
  :target {
    scroll-margin-top: 140px; /* Offset NUR für den sticky Desktop-Header */
  }
} /* Ende der Desktop-Regeln für das Anker Menü */



/*-------------------------------Header Responsiv Anpassungen-------------------------------------*/

@media (min-width: 1366px) and (max-width: 1620px) {
  /* Social Media Icons ausblenden */
  .elementor-element.elementor-element-3cf53b0e {
    display: none;
  }

  /* Telefonnummer-Icon ausblenden */
  .elementor-element.elementor-element-e99254 {
    display: none;
  }

  /* Breite des rechten Containers anpassen */
  .elementor-element.elementor-element-e05b87c {
    width: 25% !important;
  }
}



/*-------------------------------------Smash Balloon Anpassungen----------------------------------------------*/

#cff .cff-item {
    border: 1px solid #EBE6DE !important;
    padding: 20px !important;
    box-sizing: border-box;
}

#cff .cff-load-more {
    display: block !important;
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: fit-content !important;
    background-color: #E3C03C !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 20px 40px !important;
    line-height: 1 !important;
    text-align: center;
    font-size: 12px !important;
    font-weight: 700 !important;
	  font-style: normal !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    transition: background-color 0.3s ease !important;
}

#cff .cff-load-more:hover {
    background-color: #BEA030 !important;
    color: #FFFFFF !important;
}

#cff .cff-load-more .cff-load-icon {
    display: none !important;
}



/*-----------------------------------------------------------Smash Balloon Review Feed------------------------*/

/* Nur Border-Radius 50px */
.sb-btn.sb-feed-header-btn { border-radius: 50px !important; }


/* nur Farben */
.sbr-owl-dots .sbr-owl-dot span { background-color: #A5A5A5 !important; }
.sbr-owl-dots .sbr-owl-dot.active span { background-color: #E3C03C !important; }
.sbr-owl-dots .sbr-owl-dot:hover span { background-color: #E3C03C !important; }



/*-------------------------------------Text Animation bei Blog Beiträgen-------------------------------------------*/