/*
 Theme Name:   BuddyBoss Child
 Template:     buddyboss-theme
 Version:      1.0.0
*/

body {
    /* Eigene CSS-Anpassungen hier */
}
/* --- Controls --- */

/* === DESKTOP: volle Breite erzwingen === */
/*
@media (min-width: 1200px) {
  /* Alle üblichen Container im BuddyBoss/Bootstrap-Kontext freigeben */
  .site-content .container,
  .site-content .container-lg,
  .site-content .container-xl,
  .bb-container,
  .container,
  .container-lg,
  .container-xl {
    max-width: 1600px !important; /* Wunschwert: z.B. 1400–1680 px */
    width: 100% !important;
  }
*/
  /* Klassische Sidebars ausblenden (falls Template sie noch rendert) */
  /*
  .bb-sidebar,
  .widget-area,
  .site-sidebar,
  .sidebar {
    display: none !important;
  }
*/
  /* Content-Spalte auf volle Breite ziehen (falls Flex/Grid aktiv) */
/*
  .content-area,
  .site-main,
  .primary {
    max-width: 100% !important;
    width: 100% !important;
    flex: 0 0 100% !important;
  }
*/
  /* Elementor: "boxed"-Container verbreitern */
/*  
  .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1600px !important; /* gleich wie oben */
    width: 100% !important;
  }
*/
  /* Optional: Startseite ganz gezielt */
/*  
  body.home .site-content .container,
  body.home .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1600px !important;
  }
}
*/


/* Basis: Lesbare 16px auf Desktop, leicht fluid */
html { font-size: clamp(15px, 0.95vw + 11px, 16px); }

body { font-size: 1rem !important; line-height: 1.6; }

/* Elementor-Headings & normale Headings angleichen (Desktop-first) */
h1, .elementor-widget-heading h1.elementor-heading-title {
  font-size: clamp(28px, 2.6vw, 42px) !important;
  line-height: 1.2;
}
h2, .elementor-widget-heading h2.elementor-heading-title {
  font-size: clamp(24px, 2.1vw, 36px) !important;
  line-height: 1.25;
}
h3, .elementor-widget-heading h3.elementor-heading-title {
  font-size: clamp(20px, 1.6vw, 28px) !important;
  line-height: 1.3;
}
h4, .elementor-widget-heading h4.elementor-heading-title {
  font-size: clamp(18px, 1.3vw, 22px) !important;
}
p, li { font-size: 1rem; }

/* Optional: etwas mehr „ruhige“ Zeilenlänge für Fließtext */
.site-content p { max-width: 75ch; }




/* === Yoo4me Wartungs-Hinweis Overlay === */

#y4m-maint-overlay {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.55);
    backdrop-filter: blur(3px);
    z-index: 999999;
    display: none; /* Standard: aus, wird per JS aktiviert */
}

#y4m-maint-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #ffffff;
    padding: 30px 40px;
    max-width: 420px;
    width: 90%;
    border-radius: 12px;
    text-align: center;
    box-shadow: 0 8px 32px rgba(0,0,0,0.25);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

#y4m-maint-box h2 {
    font-size: 24px;
    margin-bottom: 10px;
}

#y4m-maint-box p {
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 16px;
}

#y4m-maint-close {
    margin-top: 5px;
    padding: 8px 16px;
    border-radius: 999px;
    background: #0a6cff;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    border: none;
}