/*
Theme Name: Community Theme MTA – Kirchenchor
Theme URI: https://morethanads.de
Description: Child-Theme des Community Theme MTA für einen Verein (Kirchenchor). Überschreibt gemeindespezifische Texte und passt das Header-Logo an.
Author: more than ads
Author URI: https://morethanads.de
Template: communitytheme-mta
Version: 1.0.0
Requires PHP: 8.1
*/

/*
 * Diese Datei wird vom Parent-Theme über get_stylesheet_uri() (Handle "main-style",
 * siehe functions/css-variables.php) automatisch geladen – ein eigenes Enqueue
 * ist nicht nötig. Die Overrides nutzen den body-Prefix, damit sie unabhängig
 * von der Ladereihenfolge eine höhere Spezifität als das Parent-CSS haben.
 */

/* =========================================================================
 * Header-Logo
 * =========================================================================
 * Parent-Standard (Größe "large"): 120px Desktop, 80px <=1120px, 70px <=992px,
 * und beim Scrollen (.scrolled) 6rem/96px. Für den Kirchenchor deutlich größer.
 */

/* --- Logo-Größe im Ruhezustand --- */
body .main-header .logo-wrap.logo-large img {
  width: 180px;
}

@media (max-width: 1120px) {
  body .main-header .logo-wrap.logo-large img {
    width: 120px;
  }
}

@media (max-width: 992px) {
  body .main-header .logo-wrap.logo-large img {
    width: 90px;
  }
}

/* --- Logo-Größe beim Scrollen (Parent zwingt 96px per !important) --- */
@media (min-width: 992px) {
  body .main-header .logo-wrap img.scrolled {
    width: 140px !important;
  }
}


/* =========================================================================
 * Layout-Fix: Slot für das vergrößerte Logo reservieren
 * =========================================================================
 * Das Logo (.logo-wrap a) ist im Parent position:absolute und nimmt daher
 * keinen Platz im Flow ein – ohne Fix ragt es über seinen schmalen col-sm-2-
 * Slot in die Navigation hinein und verdeckt sie. Der Container bekommt eine
 * passende feste Breite, .menu-wrap füllt den Rest flexibel. padding-left:0
 * am Menü reduziert zusätzlich den Abstand zwischen Logo und erstem Menüpunkt.
 * Nur Desktop (>=992px); das mobile Header-Layout bleibt unangetastet.
 */

@media (min-width: 1121px) {
  body .main-header .logo-wrap {
    flex: 0 0 185px;
    width: 185px;
    max-width: 185px;
  }
  body .main-header .menu-wrap {
    flex: 1 1 auto;
    width: auto;
    max-width: none;
    padding-left: 0;
  }
}

@media (min-width: 992px) and (max-width: 1120px) {
  body .main-header .logo-wrap {
    flex: 0 0 135px;
    width: 135px;
    max-width: 135px;
  }
  body .main-header .menu-wrap {
    flex: 1 1 auto;
    width: auto;
    max-width: none;
    padding-left: 0;
  }
}