/* ==============================================================================
 * ORAKETA - Piskotki (Cookie consent)
 * ==============================================================================
 * Dodatni slog za posodobljeni sklop piskotkov. Datoteka se vkljuci ZA bundle.css
 * in obstojecih pravil ne spreminja - samo dopolnjuje jih:
 *
 *     <link media="all" rel="stylesheet" href="/css/bundle.css" />
 *     <link media="all" rel="stylesheet" href="/css/cookies.css" />
 *
 * Vsebina:
 *     1. Pasica - razporeditev gumbov (Zavrni / Prilagodi nastavitve / Sprejmi vse)
 *     2. Slog treh gumbov
 *     3. Gumb za zapiranje
 *     4. Nastavitve piskotkov (drsni predal)
 *     5. Youtube obvestilo (Fancybox)
 *     6. Povezave v nogi
 * ============================================================================== */

/* ##################################################
 * 1. Pasica - razporeditev
 * ################################################## */

.advance-cookie-banner__bar {
	margin-bottom: 20px;
}

.advance-cookie-banner__button {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 24px;
}

.advance-cookie-banner__button .btn {
	flex: 1 1 auto;
}

@media only screen and (max-width: 1022px) {
	.advance-cookie-banner__button {
		justify-content: center;
	}
	.advance-cookie-banner__button .btn--cookie-decline {
		margin-right: 0;
	}
}

@media only screen and (max-width: 767px) {
	.advance-cookie-banner__button {
		flex-direction: column-reverse;
		align-items: stretch;
		gap: 12px;
		margin-top: 20px;
	}

	.advance-cookie-banner__button .btn {
		width: 100%;
	}
}

/* ##################################################
 * 2. Gumbi
 * ################################################## */

/* Vsi trije gumbi so enakovredni - obdrzijo osnovni slog .btn iz bundle.css */
.advance-cookie-banner .btn--cookie-decline,
.advance-cookie-banner .btn--cookie-customize,
.advance-cookie-banner .btn--cookie-allow-all {
	white-space: nowrap;
}

/* ##################################################
 * Prilagodi nastavitve / Sprejmi izbrane
 * ################################################## */

.advance-cookie-banner .btn--cookie-customize {
	gap: 10px;
}

.advance-cookie-banner .btn--cookie-customize .icon {
	width: 10px;
	height: 8px;
	flex-shrink: 0;
}

.advance-cookie-banner .btn--cookie-customize .icon::before {
	background-color: currentColor;
}

/* Ko so nastavitve odprte, gumb shrani izbiro - puscica ni vec smiselna */
.advance-cookie-banner.is-open-setting .btn--cookie-customize .icon {
	display: none;
}

/* ##################################################
 * 3. Gumb za zapiranje - viden samo, ko je odlocitev ze podana
 * ################################################## */

.advance-cookie-banner__close {
	display: none;
	right: 8px;
	top: 8px;
	width: 44px;
	height: 44px;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.advance-cookie-banner.has-decision .advance-cookie-banner__close {
	display: flex;
}

.advance-cookie-banner__close .icon {
	width: 16px;
	height: 16px;
}

/* Mobile */
@media only screen and (max-width: 767px) {
	.advance-cookie-banner__close {
		right: 0;
		top: 0;
	}
}

/* ##################################################
 * 4. Nastavitve piskotkov
 * ################################################## */

.advance-cookie-banner__modal-item:last-child {
	margin-bottom: 0;
}

.advance-cookie-banner__modal-cookie-text {
	padding-left: 44px;
}

/* Stikalo nujnih piskotkov je zaklenjeno */
.advance-cookie-banner__modal-item.is-necessary .mod-toggle__switch {
	cursor: not-allowed;
}

/* ##################################################
 * 5. Youtube obvestilo (vsebina Fancybox okna)
 * ################################################## */

.video-module__modal {
	color: var(--color-black);
}

.video-module__modal-text {
	font-size: 18px;
	line-height: 1.5;
}

.video-module__modal-buttons {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin-top: 8px;
	width: 100%;
}

/* Oba gumba sta enakovredna - obdrzita osnovni slog .btn iz bundle.css */
.video-module__modal-buttons .btn {
	font-size: 16px;
	min-height: 40px;
	padding: 6px 18px;
	gap: 10px;
}

/* Mobile */
@media only screen and (max-width: 767px) {
	.video-module__modal-buttons {
		flex-direction: column;
		align-items: stretch;
	}

	.video-module__modal-buttons .btn {
		width: 100%;
	}
}

/* ##################################################
 * 6. Povezave v nogi
 * ################################################## */

.footer__cookie-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 24px;
	margin-top: 12px;
}

.footer__cookie-links .footer__right-link {
	margin-top: 0;
	cursor: pointer;
}