/*
 Theme Name:   Chantra Thai Divi Child
 Theme URI:    https://chantrathai-thaimassage.de/
 Description:  Child theme for Chantra Thai (Divi)
 Author:       Chantra Thai
 Template:     Divi
 Version:      1.4.0
 Text Domain:  chantra-divi-child
*/

/* ============================================================
   Mobile navigation
   The Divi mobile dropdown had dark-brown links on a dark-brown
   panel (barely readable). Use the site's gold accent instead.
   ============================================================ */
#mobile_menu li a,
.et_mobile_menu li a {
	color: #f1c230 !important;
	opacity: 1 !important;
}

#mobile_menu li a:hover,
.et_mobile_menu li a:hover,
#mobile_menu li.current-menu-item > a,
.et_mobile_menu li.current-menu-item > a {
	color: #ffdd6b !important;
}

#mobile_menu li,
.et_mobile_menu li {
	border-color: rgba(241, 194, 48, 0.25);
}

/* ============================================================
   Mobile UX (from iPhone SE / 390px audit)
   - Hamburger: ≥44×44px tap target (WCAG 2.5.5) WITHOUT breaking
     Divi's vertical centering (nav padding-top ↔ menu padding-bottom)
   - Body text: 16px for comfortable reading on phones
   ============================================================ */
@media (max-width: 980px) {
	body {
		font-size: 16px;
	}

	/* Divi centers the hamburger by pairing
	   #et-top-navigation { padding-top: 24px } with
	   .mobile_menu_bar { padding-bottom: 24px }.
	   Never override those vertical paddings with a uniform padding. */
	.et_header_style_left #et-top-navigation .mobile_menu_bar,
	#et-top-navigation .mobile_menu_bar,
	.mobile_menu_bar,
	.mobile_nav .mobile_menu_bar {
		min-width: 44px !important;
		box-sizing: border-box;
		padding-top: 0 !important;
		padding-bottom: 24px !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	/* Stuck (slim) header: keep icon centered in the shorter bar. */
	body.chantra-stuck #et-top-navigation .mobile_menu_bar,
	body.chantra-stuck .mobile_menu_bar {
		padding-bottom: 11px !important;
	}
}
