/* ===================================================================================

* Theme Name: Cirkle Child
* Theme URI:    https://radiustheme.com/demo/wordpress/cirkle
* Description: Cirkle is one of the latest and unique responsive Business Consulting WordPress Theme
* Version: 1.0
* Author: RadiusTheme
* Author URI: https://www.radiustheme.com/
* Template: cirkle
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, two-columns, right-sidebar, custom-background, custom-header, editor-style, featured-images, post-formats, sticky-post, threaded-comments, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */

/* ====================================================================
 * Optische Trennung im Side-Menü - Separator per PHP
 * ====================================================================
 * 
 * Anleitung:
 * 1. Im WordPress Backend: Design > Menüs
 * 2. "Optionen einblenden" (oben rechts) anklicken
 * 3. "CSS-Klassen" aktivieren
 * 4. Dem ersten Menüpunkt, VOR dem die Trennlinie erscheinen soll,
 *    die CSS-Klasse "menu-divider-start" zuweisen
 * 5. Die Sichtbarkeit des Menüpunkts wird über miniOrange Plugin gesteuert
 * 6. Der Separator wird automatisch per PHP mit inline-style eingefügt
 */

/* Separator-Element - Linie mit border und background in Grau */
.menu-separator {
	display: block !important;
	height: 2px !important;
	margin: 12px 15px !important;
	padding: 0 !important;
	background-color: #8793a3 !important;
	border-top: 2px solid #8793a3 !important;
	border-top-width: 2px !important;
	border-top-style: solid !important;
	border-top-color: #8793a3 !important;
	border-bottom: none !important;
	border-left: none !important;
	border-right: none !important;
	list-style: none !important;
	overflow: visible !important;
	width: calc(100% - 30px) !important;
	min-width: 1px !important;
}

/* Dark Mode Anpassung - gleiche Farbe für dunklen Hintergrund */
/* WICHTIG: Diese Regel hat höhere Spezifität und überschreibt die Hauptregel */
[data-theme="dark-mode"] .menu-separator,
.fixed-sidebar .menu-separator {
	display: block !important;
	height: 2px !important;
	margin: 12px 15px !important;
	padding: 0 !important;
	background-color: #8793a3 !important;
	border-top: 2px solid #8793a3 !important;
	border-top-width: 2px !important;
	border-top-style: solid !important;
	border-top-color: #8793a3 !important;
	border-bottom: none !important;
	border-left: none !important;
	border-right: none !important;
	list-style: none !important;
	overflow: visible !important;
	width: calc(100% - 30px) !important;
	min-width: 1px !important;
}

/* Alternative: Trennlinie zwischen allen Menüpunkten (für gleichmäßige Trennung) */
/* Diese Variante trennt alle Menüpunkte voneinander */
/*
#short-menu-sidemenu.side-menu li:not(:first-child),
.side-menu li:not(:first-child) {
	border-top: 1px solid rgba(0, 0, 0, 0.12);
	margin-top: 8px;
	padding-top: 8px;
}

[data-theme="dark-mode"] #short-menu-sidemenu.side-menu li:not(:first-child),
[data-theme="dark-mode"] .side-menu li:not(:first-child) {
	border-top-color: rgba(255, 255, 255, 0.18);
}
*/