/* ===================================================================
   GLX-TOOLS.DE - EIGENES STYLESHEET (Stand 19.08.2026)

   Wird vom Plugin "GLX Design" geladen, NICHT ueber den Customizer.
   Grund: Das Feld "Zusaetzliches CSS" schneidet lange Dateien ab -
   am 19.08.2026 gemessen nach 4195 von 13649 Zeichen, mitten im Text.
   Alles danach fehlte auf der Seite, ohne jede Fehlermeldung.

   AENDERN: Diese Datei bearbeiten und neu hochladen nach
     wp-content/plugins/glx-design/glx-design.css
   Der Besucher sieht die Aenderung sofort - das Plugin haengt die
   Aenderungszeit als Version an, damit kein alter Stand im Browser
   haengen bleibt.

   WICHTIG: Im Customizer unter "Zusaetzliches CSS" darf danach
   NICHTS mehr stehen, sonst gelten zwei Staende gleichzeitig.

   ALLE STELLSCHRAUBEN STEHEN GANZ OBEN unter :root.
   =================================================================== */


/* ===================================================================
   STELLSCHRAUBEN
   =================================================================== */
:root {
  /* --- Navigationsleiste --- */
  --glx-menue-polster: 8px;        /* kleiner = flachere Leiste */

  /* --- Kopfbereich der Unterseiten ---
     Die Navigationsleiste liegt "position:absolute" ueber der Seite und
     nimmt selbst keinen Platz ein. Deshalb braucht der Inhalt darunter
     ein Polster, sonst rutscht die Ueberschrift unter das Menue.
     Nachgemessen 19.08.2026: 95px -> 24px Luft unter der Leiste. */
  --glx-unterseite-oben: 95px;

  /* --- Farben --- */
  --glx-akzent: #1CA5C4;           /* Shop-Mitteilung oben */
  --glx-akzent2: #29a8cc;          /* Markierung in Auswahllisten */

  /* --- Abstaende --- */
  /* Startseite: Platz fuer die Navbar. DIESER WERT DARF NICHT FEHLEN.
     Die Navbar liegt "position:absolute" ueber dem Inhalt und ist 71 px
     hoch; #content beginnt an derselben Kante. Ohne Polster rutschen die
     ersten 31 px des Inhalts unter das Menue. Nachgemessen am 19.08.2026:
     70px  -> 39 px Luft unter der Navbar, keine Ueberlappung
     40px  -> 9 px Luft, sehr knapp
     0px   -> Inhalt liegt unter dem Menue */
  --glx-home-oben: 40px;   /* von Gordon selbst so eingestellt */
}


/* ===================================================================
   1. SEITENLAYOUT - leere Seitenspalte blockiert ein Drittel der Seite

   Die Seite hat zwei Spalten: .col-lg-8 (Inhalt) und .col-lg-4
   (Seitenmenue). Die "sidebar-section" darin ist zwar leer und auf
   Hoehe 0, aber die SPALTE bleibt mit 380 px stehen - deshalb wirkte
   der Inhalt schmal und nach links gequetscht.

   Die alte Regel ".woocommerce .col-lg-8.col-md-8" hat das nie
   behoben: Sie verlangt einen Vorfahren mit der Klasse "woocommerce",
   und die Startseite hat nur "woocommerce-demo-store" - eine andere
   Klasse. Die Regel unten greift ueberall dort, wo die Seitenspalte
   wirklich leer ist. Seiten MIT befuellter Seitenleiste bleiben, wie
   sie sind.
   =================================================================== */

.sidebar-widget:empty,
.sidebar-section:empty { display: none !important; }

.col-lg-4.col-md-4:has(> .sidebar-section:empty) { display: none !important; }

.col-lg-8.col-md-8:has(+ .col-lg-4.col-md-4 > .sidebar-section:empty) {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* Ruecklage fuer Browser ohne :has - die Startseite ist immer ohne Spalte */
@supports not (selector(:has(*))) {
  body.home .col-lg-4.col-md-4 { display: none !important; }
  body.home .col-lg-8.col-md-8 {
    flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important;
  }
}

.sidebar-section-col {
  padding-top: 50px !important;
  padding-bottom: 15px !important;
}

/* Startseite: Platz fuer die absolut liegende Navbar */
body.home #content { padding-top: var(--glx-home-oben); }


/* ===================================================================
   2. NAVIGATIONSLEISTE

   Die Hoehe entsteht ueber das Polster der Menuelinks. Vorher standen
   dafuer ZWEI Regeln mit verschiedenen Werten (8px mit !important,