/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* ==========================================================================
   Eagle Vision Security - projectstijlen

   Alleen patronen die Elementor niet native kan uitdrukken. Alles wat wel
   native kan (kleur, spacing, typografie, gradient met twee stops, borders,
   schaduwen, responsive waarden) staat in de Elementor-instellingen zelf.
   ========================================================================== */

/* --- Diagonale goudstreep, het merkmotief van de bus en de bouwhekken ----- */

/* horizontaal, 12px - sectierand */
.ev-stripe {
	background-image: repeating-linear-gradient(-45deg, #B38B2D 0 16px, transparent 16px 32px);
}

/* dun, 6px - bovenrand van een donker paneel */
.ev-stripe-thin {
	background-image: repeating-linear-gradient(-45deg, #B38B2D 0 12px, transparent 12px 24px);
}

/* subtiele diagonale textuur voor placeholdervlakken */
.ev-hatch {
	background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, .04) 0 2px, transparent 2px 14px);
}

/* --- Links op een donkere achtergrond ------------------------------------
   Een <a> in een tekstwidget pakt de globale linkkleur (petrol). Op een
   donkere sectie is dat onleesbaar tot onzichtbaar. Deze klasse laat de link
   de tekstkleur van de widget zelf overnemen, zodat de kleur instelbaar
   blijft in Elementor en hier niet wordt vastgezet.                        */
.ev-link-light a {
	color: inherit;
	text-decoration: none;
}

.ev-link-light a:hover,
.ev-link-light a:focus-visible {
	color: #B38B2D;
}

/* --- Dienstenkaarten op dezelfde hoogte ----------------------------------
   De beschrijvingen zijn een of twee regels lang. Omdat de inhoud van onderaf
   is uitgelijnd, schuift bij een kortere tekst het hele blok omhoog en staan
   de streepjes en titels niet meer op een lijn. Twee regels reserveren houdt
   ze gelijk; dit staat ook zo in het design.                               */
.ev-card-desc,
.ev-card-desc .elementor-widget-container {
	min-height: 40px;
}

.ev-card-title .elementor-heading-title {
	overflow-wrap: anywhere;
}

/* --- CTA-band: tekst op de boxed-rooijlijn -------------------------------
   De band loopt bewust van rand tot rand, zodat de foto rechts doorloopt tot
   de rand van het scherm. De tekst links moet daarbij wel op dezelfde
   linkerlijn staan als alle boxed secties (1240px + 24px binnenmarge).
   Elementor kan die afstand niet uitdrukken: hij hangt af van de
   schermbreedte. De procentwaarde rekent tegen de breedte van de band, dus
   zonder de scrollbar, en klapt onder 1240px vanzelf terug naar 24px.      */
.elementor .elementor-element.ev-cta-boxed {
	padding-left: max(24px, calc((100% - 1240px) / 2));
}

@media (max-width: 767px) {
	.elementor .elementor-element.ev-cta-boxed {
		padding-left: 20px;
	}
}

/* --- Tekstlink met onderlijn, zoals 'Plan een gesprek' ------------------- */
.ev-underline .elementor-heading-title {
	display: inline-block;
	padding-bottom: 4px;
	border-bottom: 2px solid currentColor;
}