/*
Theme Name: Desert Joy Nirvana Child
Theme URI: https://desertjoy.nl/
Description: Child theme voor gerichte verbeteringen aan Nirvana, waaronder de slider.
Author: Desert Joy
Template: nirvana
Version: 1.0.5
Text Domain: desertjoy-nirvana-child
*/

/*
 * Voeg toekomstige, projectspecifieke Nirvana-aanpassingen hieronder toe.
 * Houd overrides gericht, zodat updates van het parent theme beheersbaar blijven.
 */

#front-columns-box > .desertjoy-homepage-title {
	clear: both;
	margin: 0 auto 50px;
	color: #fff;
	font-size: 45px;
	font-weight: 300;
	line-height: 55px;
	text-align: center;
}

#frontpage .column-image img {
	max-width: 100%;
	height: auto;
}

/*
 * Reserveer vóór de Nivo-initialisatie de verhouding van de sliderbeelden.
 * De hoogte blijft responsief en wordt conform de site-instelling begrensd.
 * Dit blok kan als geheel worden verwijderd om de CLS-aanpassing terug te draaien.
 */
#frontpage #slider {
	aspect-ratio: 1920 / 580;
	max-height: 480px;
}

/*
 * Houd hoofdbeeld en fade-slices binnen dezelfde gereserveerde hoogte zonder
 * de bronverhouding te vervormen. Verwijder dit blok om alleen deze proef
 * terug te draaien.
 */
#frontpage #slider > img.nivo-main-image,
#frontpage #slider > a > img,
#frontpage #slider > .nivo-slice > img {
	height: 100% !important;
	object-fit: cover;
	object-position: center center;
}

/* Leesbare tekst over de homepage-kolomafbeeldingen bij hover. */
#frontpage .column-image-inside:hover {
	background-color: rgba(60, 40, 32, 0.94) !important;
}

#frontpage .column-image-inside:hover a .column-header-image,
#frontpage .column-image-inside:hover .column-text {
	color: #ffffff !important;
}

/* Duidelijke actieve hoofdmenuoptie met behoud van het warme goudaccent. */
#access > .menu > ul > li.current_page_item,
#access > .menu > ul > li.current-menu-item {
	background-color: #d89000 !important;
}

#access > .menu > ul > li.current_page_item > a,
#access > .menu > ul > li.current_page_item > a > span,
#access > .menu > ul > li.current-menu-item > a,
#access > .menu > ul > li.current-menu-item > a > span {
	color: #3c2820 !important;
}

/* Nivo-paginering gebruikt buttons; behoud de oorspronkelijke linkopmaak. */
.nivo-controlNav button.nivo-control {
	appearance: none;
	font: inherit;
	cursor: pointer;
}

.slider-bullets .nivo-controlNav button.nivo-control {
	display: inline-block;
	width: 11px;
	height: 11px;
	margin: 10px 5px 0;
	padding: 0;
	background-color: transparent;
	border: 2px solid #6a4a3c;
	border-radius: 10px;
	opacity: 0.5;
	text-indent: -9999px;
	transition: all 0.2s;
}

.theme-default .nivo-controlNav:hover button.nivo-control {
	opacity: 1;
}

.slider-bullets .nivo-controlNav button.nivo-control:hover {
	background-color: #5a4035;
}

.slider-bullets .nivo-controlNav button.nivo-control.active {
	background-color: #d3936b;
}

.slider-numbers .nivo-controlNav button.nivo-control {
	display: inline-block;
	margin-right: 5px;
	padding: 2px 8px;
	color: inherit;
	background-color: #6a4a3c;
	border: 0;
	border-radius: 4px;
	font-size: 12px;
	transition: all 0.3s;
}

.slider-numbers .nivo-controlNav button.nivo-control:hover,
.slider-numbers .nivo-controlNav button.nivo-control.active {
	color: #d3936b;
}

/* Parent-font opnieuw declareren met een veilige laadstrategie. */
@font-face {
	font-family: 'elusive';
	src: url('../nirvana/fonts/elusive.woff') format('woff'),
		url('../nirvana/fonts/elusive.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@media (max-width: 640px) {
	.slider-bullets .nivo-controlNav button.nivo-control {
		border-width: 1px;
	}

	#front-columns-box > .desertjoy-homepage-title {
		font-size: 35px;
		line-height: 1.3;
	}
}