/*
 * Real 3D Flipbook — developer overrides (CSS)
 *
 * Catch-all file for ongoing CSS tweaks to the Real 3D Flipbook plugin.
 * Add new sections below with a comment header so the file stays navigable
 * as it grows. Loaded automatically by the child theme — no functions.php
 * edit needed. The file's mtime auto cache-busts on save.
 *
 * Folder convention (see README in flipbook-ios-fix/):
 *   10-*  foundational bug fixes (don't touch)
 *   20-*  general overrides   <-- you are here
 *   30+   feature-specific or experimental
 */

/* === Example: restyle the toolbar === */
/*
.flipbook-menu {
    background: #fff;
}
*/

/* === Add your own sections below === */

/* Flipbook 3d css */

.flipbook-nav svg {
	border:1px solid #C3002F;
	border-radius:50% !important;
	background: #fff !important;
	fill: #C3002F !important;
}

.flipbook-page-item.flipbook-page-item-link {
	background: transparent;
    opacity: 1;
    border-radius: 50px;
	width: 20px !important;
    height: 20px !important;
}

.flipbook-page-item.flipbook-page-item-link:hover {
	background: transparent !important;
}

.flipbook-page-item.flipbook-page-item-link::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--%3E%3Cpath d='M160 96C124.7 96 96 124.7 96 160L96 480C96 515.3 124.7 544 160 544L480 544C515.3 544 544 515.3 544 480L544 160C544 124.7 515.3 96 480 96L160 96zM296 408L296 344L232 344C218.7 344 208 333.3 208 320C208 306.7 218.7 296 232 296L296 296L296 232C296 218.7 306.7 208 320 208C333.3 208 344 218.7 344 232L344 296L408 296C421.3 296 432 306.7 432 320C432 333.3 421.3 344 408 344L344 344L344 408C344 421.3 333.3 432 320 432C306.7 432 296 421.3 296 408z' style=' fill: %23fff;%0A'%3E%3C/path%3E%3C/svg%3E");
	position: relative;
	z-index: 1;
}

.flipbook-page-item.flipbook-page-item-link::after {
	content: '';
	display: block;
	width: 40px;
	height: 40px;
	-webkit-animation: scale-up-center 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite both;
	animation: scale-up-center 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite both;
	position: absolute;
	top: -10px;
	left: -10px;
	background: #c200317a;
	border: 2px solid #c2002f;
	border-radius: 50%;
}

@-webkit-keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}


.page-template-Brochures_post .flipbook-menu-fixed .flipbook-menu.flipbook-menu-center {
	position: absolute;
	backdrop-filter: blur(4px);
	background: #ffffff73;
}

.flipbook-fullscreen .flipbook-menu-fixed .flipbook-menu.flipbook-menu-center ,.flipbook-overlay-visible .flipbook-menu-fixed .flipbook-menu.flipbook-menu-center{
	background: transparent;
	backdrop-filter: none;
}

.flipbook-overlay-visible .flipbook-menu-btn-wrapper ,.flipbook-fullscreen .flipbook-menu-fixed .flipbook-menu.flipbook-menu-center .flipbook-menu-btn-wrapper{
	color: #fff;
	fill: #fff;
}

.page-template-Brochures_post .flipbook-menuBottom.flipbook-menu-fixed {
	bottom: unset;
	top: 0;
	border: none;
}

.page-template-Brochures_post .flipbook-submenu{
	bottom: unset !important;
	top: 50px;
}

.flipbook-overlay-visible .flipbook-right-arrow {
	right:5%;
}

.flipbook-overlay-visible .flipbook-left-arrow {
	left:5%;
}

@media(max-width:768px){
	.flipbook-overlay-visible .flipbook-carousel-slide ,.flipbook-fullscreen .flipbook-carousel-slide{
		padding-top:4vh;
	}
	.flipbook-simple-scroller {
		width: 100%;
		height: 100%;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
	}
	
	.flipbook-overlay-visible .flipbook-menu-fixed .flipbook-menu.flipbook-menu-center {
		backdrop-filter: blur(4px);
		background: #ffffff73;
		justify-content:flex-start;
	}
	
	.flipbook-overlay-visible .flipbook-menu-fixed .flipbook-menu.flipbook-menu-right {
		justify-content: end;
		margin-right: 10px;
		margin-top: 1px;
	}

	.flipbook-simple-track {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 0;
		height: 100%;
		width: max-content;
	}

	.flipbook-simple-page {
		flex: 0 0 auto;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
	}

	.flipbook-carousel-page-inner {
		width: 100%;
		height: 100%;
		position: relative;
	}

	.flipbook-carousel-page-bg,
	.flipbook-carousel-page-bg img,
	.page-carousel-img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
	/* .flipbook-bookLayer {
		display: flex;
		justify-content: center;
		align-items: center;
	} */
    .container-custom#prospekt {
		height:100vh;
		position:relative;
		overflow:hidden;
		display:flex;
		justify-content:end;
		flex-direction:column;
	}
	
	#prospekt .dflip-loader-wrapper {
		width:110vw;
		height:100vh;
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
	}
	#prospekt .dflip-loader-wrapper .dflip-content {
		height:100vh !important;
	}
    .dflip-content div:has(.flipbook-main-wrapper){
        height: 96vh !important;
    }
	#prospekt .flipbook-right-arrow {
		right: 25px;
	}
	.flipbook-right-arrow,.flipbook-left-arrow {
        width: 20px !important;
        height: 20px !important;
	}
	#prospekt .flipbook-left-arrow {
		left:25px;
	}
	
}

@media screen and (max-height: 680px) and (max-width: 768px) {
    .container-custom#prospekt {
		height:120vh;
	}
	
	#prospekt .dflip-loader-wrapper {
		height:120vh;
	}
	#prospekt .dflip-loader-wrapper .dflip-content,.dflip-content div:has(.flipbook-main-wrapper) {
		height:110vh !important;
	}

}

@media(min-width:769px){
	
	.page-template-Brochures_post .flipbook-menu-fixed .flipbook-menu.flipbook-menu-center {
		flex-direction: column;
	}

	/* .page-template-Brochures_post .flipbook-menu-left ,.page-template-Brochures_post .flipbook-menu-right{
		display: none;
	} */

	.page-template-Brochures_post .flipbook-submenu{
		right: unset;
		left: 0;
		top: unset;
		bottom: initial !important;
	}

	.page-template-Brochures_post .flipbook-thumbHolder{
		width: 100%;
		max-width: 220px;
	}

	.page-template-Brochures_post .flipbook-menuBottom.flipbook-menu-fixed {
		top: 50px;
	}

}

	.flipbook-tooltip-element#flipbook-tooltip {
		display: none !important;
	}

.dflip_button_set span {
	background: #ddd;
	padding: 5px 15px !important;
	font-family: "DaxlineLight", Sans-serif;
	color: #000;
	border-radius: 5px;
}



/* 3d end */