/* Samouczek na karcie obiektu (public/v2/js/object-tour.js, driver.js).
   Plik ładuje się po driver.css, więc nadpisuje jego domyślny wygląd. */

/* Przycisk "?" w dolnym pasku — uruchamia samouczek ponownie. Kontener
   liczników (.fixed-bottom__items) ma styl w custom.css, bo pasek jest
   na każdej podstronie, a ten plik ładuje się tylko na karcie obiektu. */
.fixed-bottom__help{
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
	width:44px;
	height:44px;
	margin:0 21px 0 0;
	padding:0;
	border:1px solid rgba(150,118,62,.35);
	border-radius:50%;
	background:#FFFFFF;
	color:#96763E;
	font-family:"PT Sans", sans-serif;
	font-size:20px;
	font-weight:700;
	line-height:1;
	cursor:pointer;
	transition:background-color .3s, border-color .3s, color .3s;
}

.fixed-bottom__help:hover,
.fixed-bottom__help:focus-visible{
	background:#96763E;
	border-color:#96763E;
	color:#FFFFFF;
}

@media (max-width: 1200px){
	.fixed-bottom__help{
		width:40px;
		height:40px;
		margin:0 10px;
		font-size:18px;
	}
}

/* Podświetlony element: biały, w złotej ramce — obrys odsunięty o tyle,
   ile wynosi stagePadding, żeby pokrył się z wycięciem w nakładce. */
.object-card-heading .button-list li a.driver-active-element,
.fixed-bottom__items.driver-active-element,
.fixed-bottom__help.driver-active-element{
	background:#FFFFFF;
	color:#000;
	outline:1px solid #96763E;
	outline-offset:5px;
}

.object-card-heading .button-list li a.driver-active-element img{
	filter:none;
}

.fixed-bottom__help.driver-active-element{
	color:#96763E;
	border-color:transparent;
}

/* Popover kroku */
.driver-popover.sb-tour{
	--driver-popover-font-family:"PT Sans", sans-serif;
	box-sizing:border-box;
	width:420px;
	min-width:0;
	max-width:calc(100vw - 32px);
	padding:26px 28px 24px;
	border-radius:16px;
	background:#FFFFFF;
	color:#000;
	box-shadow:0 12px 40px rgba(0,0,0,.18);
}

.driver-popover.sb-tour .driver-popover-title{
	margin:0;
	padding-right:24px;
	font-family:"Playfair Display", serif;
	font-size:24px;
	font-weight:400;
	line-height:1.25;
}

.driver-popover.sb-tour .driver-popover-title[style*=block] + .driver-popover-description{
	margin-top:10px;
}

.driver-popover.sb-tour .driver-popover-description{
	font-size:15px;
	line-height:1.5;
	color:#2B2B2B;
}

.driver-popover.sb-tour .driver-popover-footer{
	margin-top:20px;
}

.driver-popover.sb-tour .driver-popover-progress-text{
	color:#96763E;
	font-size:12px;
	font-weight:700;
	letter-spacing:.06em;
	text-transform:uppercase;
}

.driver-popover.sb-tour .driver-popover-footer button{
	padding:8px 14px;
	border:1px solid #96763E;
	border-radius:5px;
	background:#FFFFFF;
	color:#96763E;
	font-family:inherit;
	font-size:14px;
	line-height:1.2;
	text-shadow:none;
	transition:background-color .2s, border-color .2s, color .2s;
}

.driver-popover.sb-tour .driver-popover-footer button:hover,
.driver-popover.sb-tour .driver-popover-footer button:focus-visible{
	background:#FCF9F3;
}

.driver-popover.sb-tour .driver-popover-footer .driver-popover-next-btn{
	background:#96763E;
	color:#FFFFFF;
}

.driver-popover.sb-tour .driver-popover-footer .driver-popover-next-btn:hover,
.driver-popover.sb-tour .driver-popover-footer .driver-popover-next-btn:focus-visible{
	background:#725A2F;
	border-color:#725A2F;
}

.driver-popover.sb-tour .driver-popover-navigation-btns button + button{
	margin-left:8px;
}

.driver-popover.sb-tour .driver-popover-arrow{
	border-width:9px;
}

/* Ekran powitalny */
.driver-popover.sb-tour--welcome{
	width:640px;
	padding:40px 44px 36px;
}

.driver-popover.sb-tour--welcome .driver-popover-close-btn{
	top:20px;
	right:20px;
	width:40px;
	height:40px;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#000;
}

.driver-popover.sb-tour--welcome .driver-popover-close-btn:hover,
.driver-popover.sb-tour--welcome .driver-popover-close-btn:focus-visible{
	color:#96763E;
}

.sb-tour-welcome__icons{
	display:flex;
	gap:8px;
	margin:10px 0 18px;
}

.sb-tour-welcome__icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:36px;
	height:36px;
	border-radius:50%;
	background:#FCF9F3;
}

.sb-tour-welcome__icon img{
	display:block;
	width:18px;
	height:18px;
}

.driver-popover.sb-tour--welcome .driver-popover-title{
	font-size:30px;
}

.driver-popover.sb-tour--welcome .driver-popover-description{
	font-size:15px;
}

.driver-popover.sb-tour--welcome .driver-popover-description p{
	margin:14px 0 0;
}

.sb-tour-welcome__actions{
	display:flex;
	flex-wrap:wrap;
	gap:16px;
	margin-top:24px;
}

.sb-tour-welcome__actions .btn{
	font-family:inherit;
	font-size:15px;
	line-height:1.2;
}

.sb-tour-welcome__never{
	display:inline-block;
	margin:24px 0 0;
	padding:0;
	border:0;
	background:none;
	color:#000;
	font-family:inherit;
	font-size:14px;
	text-decoration:underline;
	text-underline-offset:3px;
	cursor:pointer;
}

.sb-tour-welcome__never:hover,
.sb-tour-welcome__never:focus-visible{
	color:#96763E;
}

@media (max-width: 767px){
	.driver-popover.sb-tour{
		padding:22px 20px 20px;
	}

	.driver-popover.sb-tour .driver-popover-title{
		font-size:21px;
	}

	.driver-popover.sb-tour--welcome{
		padding:32px 22px 26px;
	}

	.driver-popover.sb-tour--welcome .driver-popover-close-btn{
		top:10px;
		right:10px;
	}

	.driver-popover.sb-tour--welcome .driver-popover-title{
		font-size:25px;
	}

	.sb-tour-welcome__actions{
		gap:10px;
	}

	.sb-tour-welcome__actions .btn{
		flex:1 1 auto;
		text-align:center;
	}
}