/* =========================================================
   Sijm biljarts – afwerking bovenop stylesheet.css
   Zelfde opmaak, alleen strakker: nette fotokaders, rust, geen bestelelementen.
   ========================================================= */

/* container niet meer doorschijnend, met zachte schaduw */
section#container{
	opacity:1;
	filter:none;
	box-shadow:0 0 30px rgba(0,0,0,.25);
}

/* breadcrumb */
section#breadcrumb .sep{
	color:#bbb;
}

/* ---------- slider ---------- */
img.slide-mobile{
	display:none;
}

section#slider .pix_diapo{
	overflow:hidden;
	border-radius:4px;
}

/* ---------- productkaarten ---------- */
section.product{
	box-sizing:border-box;
	width:385px;
	height:auto;
	min-height:162px;
	padding:12px;
	background:#fff;
	border:1px solid #e2e2e2;
	border-radius:4px;
	transition:border-color .2s ease, box-shadow .2s ease;
}

section.product:hover{
	border-color:#4c7e33;
	box-shadow:0 4px 14px rgba(0,0,0,.12);
}

section.product .visual{
	display:flex;
	align-items:center;
	justify-content:center;
	width:136px;
	height:136px;
	background:#fff;
	border:1px solid #eee;
	border-radius:3px;
	overflow:hidden;
}

section.product .visual a{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
}

section.product .visual img{
	max-width:124px;
	max-height:124px;
	object-fit:contain;
}

/* geen stickers meer */
section.product .sale,
section#detail #action{
	display:none !important;
}

/* geen fotowissel bij hover (verspringt); alleen een lichte zoom binnen het kader */
section.product .image-02{
	display:none !important;
}

.product:hover .image-01{
	display:flex !important;
}

section.product .visual img{
	transition:transform .3s ease;
}

section.product:hover .visual img{
	transform:scale(1.05);
}

section.product.no-image:hover .visual img{
	transform:none;
}

/* producten zonder foto: geen hover-effect */
section.product.no-image:hover{
	border-color:#e2e2e2;
	box-shadow:none;
}

.product.no-image:hover a.more-information{
	background-color:#91c626;
}

section.product .product-text{
	width:205px;
	margin:2px 0 0 14px;
}

section.product .product-text h2{
	font-size:14px !important;
	line-height:18px;
}

section.product .product-text p.subtitle{
	font-size:12px !important;
	color:#5a8fa8;
}

section.product a.more-information{
	bottom:12px;
	right:12px;
	border-radius:3px;
}

/* ---------- productdetail ---------- */
section#detail header .left{
	color:#fff;
	font-size:14px;
}

section#detail header h1{
	margin:0 8px 0 0;
}

section#detail section#impression{
	background:#fff;
	border-bottom:1px solid #eee;
}

section#detail section#impression img{
	left:0;
	right:0;
	max-width:100%;
	max-height:100%;
	object-fit:contain;
}

/* thumbnails als nette rij */
section#detail section.visual{
	float:none;
	width:auto;
}

section#detail section.visual #caroussel{
	position:static;
	margin:12px 0 0 0;
	padding:0;
	background:none;
	opacity:1;
	filter:none;
}

section#detail section.visual #caroussel .prev,
section#detail section.visual #caroussel .next{
	display:none !important;
}

section#detail section.visual #caroussel .pictureslider{
	float:none;
	width:auto !important;
	height:auto !important;
	overflow:visible !important;
}

section#detail section.visual #caroussel .pictureslider ul{
	display:flex !important;
	flex-wrap:wrap;
	gap:8px;
	position:static !important;
	left:auto !important;
	width:auto !important;
	margin:0 !important;
	list-style:none;
}

section#detail section.visual #caroussel .pictureslider li{
	float:none !important;
	width:auto !important;
	height:auto !important;
	margin:0 !important;
	list-style:none;
}

section#detail section.visual #caroussel .pictureslider img{
	margin:0;
	width:60px;
	height:60px;
	object-fit:contain;
	background:#fff;
	border:1px solid #ddd;
	border-radius:3px;
}

section#detail section.visual #caroussel .pictureslider .rollover,
section#detail section.visual #caroussel .pictureslider .picureactive{
	border-color:#4c7e33;
}

/* contactblok i.p.v. bestellen */
section#detail section.enquiry{
	clear:both;
	margin:16px 0 0 0;
	padding:14px 16px;
	background:#f3f7f0;
	border:1px solid #cfdcc6;
	border-left:4px solid #4c7e33;
	border-radius:3px;
}

section#detail section.enquiry p{
	margin:0 0 6px 0;
	font-size:13px;
	line-height:20px;
}

section#detail section.enquiry p.title{
	font-size:15px !important;
}

section#detail section.enquiry p.phone a{
	font-size:18px;
	font-weight:bold;
	color:#1f5e00;
}

section#detail section.enquiry a{
	color:#1f5e00;
}

section#detail section.enquiry a.btn{
	display:inline-block;
	margin:4px 0 0 0;
	padding:8px 14px;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	background:#91c626;
	border-radius:3px;
}

section#detail section.enquiry a.btn:hover{
	background:#4c7e33;
}

/* ---------- tekstpagina zonder uitgelichte producten ---------- */
section#text.full section#textcontent{
	float:none;
	width:auto;
}

section#text section#textcontent img{
	border-radius:3px;
}

/* ---------- mobiel ---------- */
@media (max-width:1024px){

	section#container{
		box-shadow:none;
	}

	/* home: vaste foto i.p.v. slider */
	section#slider{
		display:block;
		margin:0 15px;
	}

	img.slide-mobile{
		display:block;
		width:100%;
		height:auto;
		border-radius:4px;
	}

	section.product{
		width:50%;
		min-height:0;
		padding:0;
		background:none;
		border:0;
		border-radius:0;
	}

	section.product:hover{
		box-shadow:none;
	}

	section.product .visual{
		width:90%;
		height:200px;
		border:1px solid #ccc;
		border-bottom:1px;
		border-radius:5px 5px 0 0;
	}

	section.product .visual img{
		max-width:90%;
		max-height:90%;
	}

	section.product .product-text{
		width:90%;
		margin:auto;
		margin-bottom:9px;
	}

	section.product a.more-information{
		right:5%;
		bottom:10px;
		border-radius:5px 0 4px 0;
	}

	section#detail section#impression{
		display:flex;
		align-items:center;
		justify-content:center;
	}

	section#detail section.enquiry{
		margin:16px 0;
	}
}

@media (max-width:640px){
	section.product{
		width:100%;
	}
}