/*
Theme Name:Child Theme for Divi
Theme URI: http://wordpress-style.net
Description: Child Theme For Divi
Author: Eduard Ungureanu
Author URI: http://wordpress-style.net
Template: Divi
Version: 1.0
*/

/* Start your custom CSS bellow this comment
============================================ */

#footer-info a{
	color: #ffb400 !important;
}
/* Dropdown-menu (Divi Menu module, niet het standaard WP-menu) - kleinere tekst, past op 1 regel, blijft onder elkaar staan */
.et_pb_menu .et-menu-nav li ul.sub-menu {
	width: auto !important;
}
.et_pb_menu .et-menu-nav li ul.sub-menu li {
	display: block !important;
	float: none !important;
	white-space: nowrap !important;
}
.et_pb_menu .et-menu-nav li ul.sub-menu a {
	font-size: 11pt !important;
	white-space: nowrap !important;
	display: block !important;
	width: auto !important;
}

/* Roterende USP-balk boven de header (1-op-1 van wireframe) */
.usp-rotator{
	display:flex;align-items:center;justify-content:center;gap:10px;
	font-weight:600;letter-spacing:.4px;font-size:13px;color:#fff;
	transition:opacity .3s ease;text-align:center;min-height:38px;
	padding:10pt 0;
}
.usp-rotator.fade{opacity:0;}
.usp-rotator .dot{width:6px;height:6px;border-radius:50%;background:#E6883C;flex:none;}
.usp-rotator.g .dot{background:#53A536;}

/* Statische USP-balk (1-op-1 van wireframe) - tussen 'Van Ekeris Tenten' en 'Zij gingen u voor' */
.uspbar-wrap{
	display:flex;justify-content:center;align-items:center;gap:0;
	min-height:76px;flex-wrap:wrap;
}
.usp{
	color:#fff;font-weight:700;font-size:17px;
	display:flex;align-items:center;gap:12px;padding:14px 36px;
}
.usp .dot{width:10px;height:10px;border-radius:50%;background:#E6883C;flex:none;}
.usp:nth-child(2) .dot{background:#53A536;}
.usp+.usp{border-left:1px solid rgba(255,255,255,.18);}
@media (max-width:980px){
	.usp{padding:12px 0;width:100%;justify-content:center;}
	.usp+.usp{border-left:none;border-top:1px solid rgba(255,255,255,.18);}
	.uspbar-wrap{padding-bottom:5px;}
}

/* Responsieve tabellen in tekstblokken (bv. maattabellen) - passen op mobiel/tablet */
@media (max-width:980px){
	.et_pb_text_inner table{
		table-layout:auto !important;
		width:100% !important;
	}
	.et_pb_text_inner table td{
		width:auto !important;
		padding:6px 4px !important;
		font-size:11px !important;
		overflow-wrap:break-word;
	}
}

/* Mobiele header-layout: logo + offerte-knop op 1 rij, hamburger-menu op eigen rij rechts */
@media (max-width:980px){
	.et_pb_row.header-row-logo-menu-btn{
		position:relative !important;
		display:block !important;
	}
	.et_pb_row.header-row-logo-menu-btn .et_pb_column.header-logo-col{
		width:auto !important;
		max-width:none !important;
		margin:15px 0 !important;
	}
	.et_pb_row.header-row-logo-menu-btn .et_pb_column.header-logo-col img{
		width:160px !important;
		max-width:none !important;
		height:auto !important;
	}
	.et_pb_row.header-row-logo-menu-btn .et_pb_column.header-btn-col{
		position:absolute !important;
		top:20px !important;
		right:0 !important;
		width:auto !important;
		margin:0 !important;
	}
	.et_pb_row.header-row-logo-menu-btn .et_pb_column.header-btn-col .et_pb_button_module_wrapper{
		margin:0 !important;
	}
	.et_pb_row.header-row-logo-menu-btn .et_pb_column.header-menu-col{
		position:absolute !important;
		bottom:19px !important;
		right:10pt !important;
		width:auto !important;
		height:auto !important;
		margin:0 !important;
	}
	.et_pb_row.header-row-logo-menu-btn .et_pb_column.header-menu-col .et_mobile_nav_menu{
		display:flex !important;
		justify-content:flex-end !important;
		float:none !important;
		margin:0 !important;
	}
	.et_pb_row.header-row-logo-menu-btn .et_pb_column.header-menu-col .et_mobile_menu{
		width:260px !important;
		max-width:85vw !important;
		right:0 !important;
		left:auto !important;
	}
}

/* OFFERTE-knop naast logo op mobiel: vaste compacte padding i.p.v. procenten (voorkomt overflow) */
@media (max-width:980px){
	.et_pb_row.header-row-logo-menu-btn .et_pb_column.header-btn-col a.et_pb_button{
		padding:12px 32px !important;
		width:auto !important;
		font-size:16px !important;
	}
}