/*
Theme Name: Tineke
Theme URI: https://github.com/jeroensmeets/tinekemeirink
Author: 
Author URI: 
Description: A 2024 theme for Tineke's site.
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfour
Text Domain: tineke
Tags: 
*/

@media screen and (max-width: 1020px) {
	.wp-site-blocks > main, .wp-site-blocks > div.wp-block-group, footer.wp-block-template-part .wp-block-columns {
		padding-left: 2em;
		padding-right: 2em;
	}
}


.hide-on-desktop {
	display: none;
}

@media screen and (max-width: 767px) {
	/* hamburger button */
	.wp-block-navigation__responsive-container-open  {
		display: block !important;
	}

	/* full menu */
	.wp-block-navigation__responsive-container:not(.is-menu-open.has-modal-open) {
		display: none !important;
	}

	.wp-block-navigation__responsive-close, .wp-block-navigation__responsive-dialog {
		height: 100%;
	}

	.wp-block-navigation__responsive-container-content {
		padding-top: 20vh !important;
	}

	.wp-block-navigation__responsive-container-content::before {
		background-image: url('images/binnenpretje.png');
		background-size: cover;
		content: " ";
		height: 32px;
		margin-left: 25px;
		margin-top: -48px;
		position: absolute;
		width: 64px;
	}

	.wp-block-navigation__responsive-container-content::after {
		background-image: url('images/kriebels.png');
		background-size: cover;
		content: " ";
		height: 33px;
		margin-left: 0;
		margin-top: 0;
		position: fixed;
		width: 38px;
		bottom: 64px;
		left: 64vw;
	}

	.hide-on-desktop {
		display: block;
	}
}

.current-menu-item {
	color: var(--wp--preset--color--accent);
}

@media (max-width: 600px) {
	.wp-block-site-logo img {
		max-height: 120px;
		width: auto;
	}
}

.dotdotdot {
	font-size: 14px;
	max-height: 18px;
	overflow: hidden;
}

.ziejij::before {
	background-image: url('images/binnenpretje.png');
	background-size: cover;
    content: " ";
    height: 32px;
	margin-left: 10px;
	margin-top: -32px;
    position: absolute;
	width: 64px;
}

@media (min-width: 600px) {
	.ziejij::before {
		margin-left: -80px;
		margin-top: -24px;
	}
}
.watikzie::before {
	background-image: url('images/kriebels.png');
	background-size: cover;
    content: " ";
    height: 33px;
	margin-left: 24px;
	margin-top: -36px;
    position: absolute;
	width: 38px;
}

a[href$="winkel/"] {
	position: relative;
}

a[href$="winkel/"] span {
	display: block;
}

a[href$="winkel/"] span::after {
	/* background-image: url('images/winkelmand.png'); */
	background-repeat: no-repeat;
	background-size: cover;
	content: " ";
    height: 31px;
    width: 45px;
	position: absolute;
	margin-top: -32px;
	margin-left: -40%;
}

@media screen and (max-width: 767px) {
	a[href$="winkel/"] span::after {
		margin-top: 0;
		margin-left: 4px;
		height: 20px;
		width: 30px;
	}
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
	background: linear-gradient(0deg, white, white);
	color: var(--wp--preset--color--base-1);
}

/* prev/next for pages and posts */
div.wp-block-post-navigation-link a {
	text-decoration: none;
	font-family: var(--wp--preset--font-family--tineke);
	font-size: 24px;
}

/* prev/next for archives */
nav.wp-block-query-pagination a {
	font-family: var(--wp--preset--font-family--tineke);
	font-size: 24px;
}

nav.wp-block-query-pagination a span {
	position: relative;
	visibility: hidden;
}

nav.wp-block-query-pagination a span:after {
	content: '';
	background-image: url('images/pag-left.png');
	background-size: cover;
	display: block;
	width: 32px;
	height: 32px;
	transform: translateX(24px) translateY(-12px);
	visibility: visible;
}

nav.wp-block-query-pagination a span.wp-block-query-pagination-next-arrow:after {
	background-image: url('images/pag-right.png');
	transform: translateX(0) translateY(0);
}

.woocommerce-Price-amount {
	font-size: var(--wp--preset--font-size--small) !important;
}

.cpt-price-and-cart-button .cart .qty, .cptwooint-cart-btn-wrapper .cart .qty {
	min-width: initial;
}

.cpt-price-and-cart-button .cart .qty, .cpt-price-and-cart-button .cart button, .cptwooint-cart-btn-wrapper .cart .qty, .cptwooint-cart-btn-wrapper .cart button {
	height: initial !important;
}

.wc-block-cart__empty-cart__title.with-empty-cart-icon::before {
	background-color: transparent;
	background-image: url('images/sipwinkelicoontje.png');
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	height: 8em;
	margin: 0 auto 2em;
	mask-image: none;
	width: 5em;
}

.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-product-metadata,
.wc-block-components-order-summary-item__individual-prices,
.wp-block-woocommerce-cart-line-items-block .wc-block-components-product-metadata {
	display: none !important;
}

.xoo-wsc-basket {
	background-image: url('images/winkelmand.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.xoo-wsc-icon-basket6::before {
	content: ' ';
}