/*
Theme Name: WP - Mega Menu Child
Theme URI: https://Silektro.de
Description: Child-Theme-Gerüuet für das WP-gesteuerte Mega-Menue (Markup, Walker, Shortcode).
Author: Denny Silz
Version: 1.0.0
Template: Divi
*/

/* =========================================================
   Divi Submenu (Dropdown) – CI-Variablen
   ========================================================= */

/* ---------- CI / Design Variablen ---------- */
:root {
	--submenu-text:        #666666; /* Standard Text */
	--submenu-hover-text:  #ff7600; /* Text beim Hover */
	--submenu-hover-bg:    #f3efeb; /* Hover-Hintergrund */
}

/* ---------- Desktop (>= 981px) ---------- */
@media only screen and (min-width: 981px) {

	/* Dropdown: automatische Breite */
	.nav li ul {
		width: fit-content;
		display: flex;
		flex-direction: column;
	}

	.nav li li {
		white-space: nowrap;
	}

	.nav li li a {
		width: auto !important;
	}

	/* Submenu Links: Reveal Hover von links nach rechts */
	.nav li ul li a {
		position: relative;
		overflow: hidden;
		z-index: 1;

		color: var(--submenu-text);
		transition: color 0.25s ease;
	}

	.nav li ul li a::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: -1;

		background-color: var(--submenu-hover-bg);
		transform: scaleX(0);
		transform-origin: left;
		transition: transform 0.3s ease;
	}

	.nav li ul li:hover > a::before {
		transform: scaleX(1);
	}

	.nav li ul li:hover > a {
		color: var(--submenu-hover-text);
	}
}

/* ---------- Tablet (768px–980px) ---------- */
@media only screen and (min-width: 768px) and (max-width: 980px) {

	.nav li ul li a {
		padding: 14px 20px;
		color: var(--submenu-text);
		background-color: transparent;
	}

	.nav li ul li a::before {
		display: none;
	}

	.nav li ul li:hover > a {
		background-color: var(--submenu-hover-bg);
		color: var(--submenu-hover-text);
	}
}

/* ---------- Handy (<= 767px) ---------- */
@media only screen and (max-width: 767px) {

	.nav li ul li a {
		padding: 16px 18px;
		color: var(--submenu-text);
		background-color: transparent;
	}

	.nav li ul li a::before {
		display: none;
	}

	.nav li ul li:hover > a,
	.nav li ul li:active > a {
		background-color: var(--submenu-hover-bg);
		color: var(--submenu-hover-text);
	}
}

/* ================================
   Divi Blog Grid – gleiche Höhe
   ================================ */

.et_pb_blog_grid .et_pb_post{
  height: 520px;           /* Höhe nach Wunsch anpassen */
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.et_pb_blog_grid .et_pb_post .post-content{
  flex: 1 1 auto;
}

/* Titel max. 2 Zeilen */
.et_pb_blog_grid .et_pb_post h2.entry-title{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Beschreibung / Auszug max. 4 Zeilen */
.et_pb_blog_grid .et_pb_post .post-content p{
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.et_pb_blog_module .et_pb_post { outline: 3px solid red !important; }