/*
Theme Name: Tiggelaar 2025
Theme URI: https://github.com/woocommerce/woo-themes/tree/trunk/purple
Author: Automattic & Carlien Laarman
Author URI: https://automattic.com/
Description: Thema op basis van Purple (WooCommerce starter theme). Designed with apparel stores in mind, it features clean styles and a simplistic color palette that adapts to any brand. Packed with commerce-ready templates and curated patterns, Purple offers a versatile foundation for launching your next online store with ease and precision.
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tiggelaar2025
Tags: e-commerce, one-column, two-columns, three-columns, four-columns, wide-blocks, block-patterns, custom-colors, custom-logo, custom-menu, block-styles, featured-images, full-site-editing, style-variations, template-editing, theme-options, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

/* Add a transition state for buttons. */

body {font-family:'Open sans', sans-serif;}

.wp-element-button {
    transition: border, background-color, color, box-shadow, opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.woocommerce-checkout #payment div.payment_box {display:none !important;}
.wp-block-group .wp-block-separator, .wp-block-column .wp-block-separator {margin:3% 0%;}

/* Styles for WooCommerce blocks that can't be styled via the editor yet. */
/* https://github.com/woocommerce/woocommerce/issues/59322 */

.wc-block-components-checkout-step__heading,
.wc-block-components-checkout-order-summary__title,
.wc-block-components-totals-coupon,
.wc-block-components-totals-item {
    color: var(--wp--preset--color--orange);
}

/* https://github.com/woocommerce/woocommerce/issues/59391 */
.woocommerce-account .entry-content > .woocommerce {
    padding-top: var(--wp--preset--spacing--60);
    padding-bottom: var(--wp--preset--spacing--70);
}

/* nieuwsbrief form homepage styling */
#main .wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 0em;
}

#main .wpcf7-list-item {margin:0 0 0 0em;}

#main .wpcf7-list-item.first {
	margin: 0 0 0 0;
}
#main div.wpcf7 form .wpcf7-list-item, .wpcf7-list-item-label {
	margin: 5px 0px 0px 5px;
	font-size: 0.8em;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	border-color: var(--wp--preset--color--orange);
	color:var(--wp--preset--color--orange);
}

body div[class*="content"] .wpcf7 input[type=text],
body div[class*="content"] .wpcf7 input[type=email],
body div[class*="content"] .wpcf7 input[type=date],
body div[class*="content"] .wpcf7 input[type=tel],
body div[class*="content"] .wpcf7 input[type=number],
body div[class*="content"] .wpcf7 select,
body div[class*="content"] .wpcf7 textarea {
	max-width: 420px;
}

.entry-content .wpcf7 input[type=text],
.entry-content .wpcf7 input[type=email] {
	font-size: 1em;
	border-color: var(--wp--preset--color--orange);
} 

.entry-content .wpcf7-form input[type=submit] {
	background: #ff6600;
	font-size: 1em;
	margin-top: 20px;
	color:  #000;
    display: block;
    margin: 10px 0px;
    width: 100%;
    max-width: 420px;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    border:none;
}


.wpcf7-form-control-wrap {
	display: block;
	margin-bottom: 10px;
	position: initial;
}	

.wpcf7-response-output {
	color: #fff;
	border-color: #d9c288;
	margin: 0;
}

.sent .wpcf7-spinner {
	display: none;
}

.wpcf7 form.spam .wpcf7-response-output {color:#ff6600; border-color:#ff6600}

.wpcf7-form-control-wrap.acceptance-policy,
body.home .wpcf7-form-control-wrap.acceptance-policy {
	display: block;
	font-family: 'Open sans', sans-serif;
	color:  #fff;
	font-size: 11px;
	line-height: 1.0em;
	margin: 15px 0px 10px 0px;
}

body.home .wpcf7-form-control.wpcf7-submit {
    display: block;
    margin: 10px 0px;
    width: 100%;
    max-width: 420px;
    font-size: 1.15em;
    font-weight: 600;
    font-family: 'Open sans', sans-serif;
    padding: 11px;
}

.entry-content span.wpcf7-form-control-wrap.opt-in .wpcf7-list-item {
	margin: 0;
}

body div[class*="content"] input[type=text], body div[class*="content"] input[type=email], body div[class*="content"] input[type=date], body div[class*="content"] input[type=tel], body div[class*="content"] input[type=number], body div[class*="content"] select, body div[class*="content"] textarea{
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #232b3b;
    font-size: 1.0em;
    padding: 0.5em 0.5em;
    margin: 3px 0 0 0;
    color: #232b3b;
    background: #fff;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0px;
    caret-color: #232b3b;
}


@media only screen and (max-width:  640px) {
	#main .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item {
		margin: 0px;
		font-size: 0.7em;
		line-height: 1.0em;
		font-family: arial, sans-serif;
	}
	.woocommerce .woocommerce-message .button {margin-top:10%;}

	/* knoppen gelijk op mobiel */
	.wpcf7-submit, .page .wp-block-button a {min-width:300px;}
	body.home .wpcf7-form-control.wpcf7-submit {min-width:200px;}
}

/* edits Carlien */
.hero, .wp-block-cover .wp-block-cover__image-background, .wp-block-cover {max-height:300px; min-height:300px;}
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {height:inherit;}
hr {border:none; background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='black' stroke-width='6' stroke-dasharray='2%2c8' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");}
.wp-block-navigation__responsive-container-open {border:2px solid var(--wp--preset--color--orange); border-radius:100px;}
.wp-container-core-group-is-layout-cb46ffcb {justify-content:normal;}
.wp-container-core-group-is-layout-6fe931d8 {align-items:center;}
.wc-block-product .wp-block-group {margin-bottom:10%;}
h2 {text-transform:uppercase;}
a.has-orange-background-color:hover, .wpcf7-submit:hover {background-color:#000 !important; color:#fff !important;}
a.has-black-background-color:hover {background-color:var(--wp--preset--color--orange) !important; color:#000 !important;}
a.has-white-background-color:hover {background-color:var(--wp--preset--color--orange) !important; color:#000 !important;}
.wp-block-search__button svg {color:var(--wp--preset--color--orange); }
.wp-block-search__input {border-bottom:2px solid black; outline-color:black;}
.wc-block-components-product-image img {aspect-ratio:revert-layer !important;}
.wc-block-product-template h2 {height:60px;}
.woocommerce-shop h3 {height:100px;}
.up-sells {display:none;}
body main p, body main ul, em {line-height: 1.8em;}
.wpcf7 form.sent .wpcf7-response-output {color:#000;}
.wp-block-woocommerce-product-collection li {padding:5%}
.height-grid h2 {min-height:80px;}
.height-grid p {min-height:66px;}
.page main .wp-block-query ul li:before {content:none;}

/* nieuwe ladder pagina 2025 */
.ladder a:hover {background:var(--wp--preset--color--orange); color:#fff; text-decoration:none;}
.ladder a { min-height: 200px;  padding-top: 50px !important; text-decoration:none;}
.ladder a.bigger {min-height:250px;}
.ladder a:hover img { -webkit-filter: invert(100%); /* Safari/Chrome */
    filter: invert(100%);}

/* lijstjes */
.page main ul {list-style-type:none; padding-left:0px; display:block; }
.page main ul li:before {content:"- "; padding-right:10px;}
.page main ul li {display:flex;}
.page main ul.wc-block-product-template {display:grid;}
.page main ul.wc-block-product-template li:before {content:none; padding-right:0px;}


/* puur css carousel block */
.carousel {
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
position: relative;
gap: 1rem;
padding: 1rem;
scrollbar-width:none;
}

.carousel > * {
flex: 0 0 80%;
scroll-snap-align: center;
background: #f0f0f0;
padding: 2rem;
border-radius: 8px;
text-align: center;
}

/* Optional disabled state styling /
.carousel::scroll-button():disabled {
opacity: 0.3;
cursor: default;
}

/* Scroll Markers (dots) */
.carousel {
scroll-marker-group: after;
}

.carousel > *::scroll-marker {
content: "";
display: inline-block;
width: 0.75rem;
height: 0.75rem;
margin: 0 0.25rem;
background: #bbb;
border-radius: 50%;
}

.carousel::scroll-marker-group {
display: flex;
justify-content: center;
padding: 1rem 0;
}

.carousel > *::scroll-marker:target-current {
background: #333;
}

.review-nav-mobile, .wp-block-navigation li.menu-item-home a {display:none;}
.page-id-50741 .has-aspect-ratio {height:150px; margin:0 auto;}
p.schema-faq-answer {margin-bottom:5%;}

@media (max-width: 781px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 100% !important;
    }
}

    @media (max-width: 480px) {
        .wp-block-navigation__responsive-container-open:before {
     content: 'menu';
            position: absolute;
            top: 40px;
            left: 4px;
            font-size: 0.75em;
            font-weight: 600;
        }
        .wp-container-core-group-is-layout-cb46ffcb {justify-content:center;}
		.wp-block-button a.wp-element-button {	min-width:150px;}
        .page main ul.wc-block-product-template {display:block;} 
        .wp-block-navigation__responsive-container-open svg, .wc-block-mini-cart__button .wc-block-mini-cart__icon {
    height: 34px;
    width: 34px;
    }
		.wp-block-navigation li.menu-item-home a {display:block;}
		.review-nav-mobile {display:block;     font-size: 3em;
    text-align: center;
    color: #ff6600;}
		.wc-block-mini-cart__button {padding:0px;}
		.carousel::scroll-marker-group {display:none;}
		.review-nav-mobile a { text-decoration: none;}
    .wp-block-buttons>.wp-block-button {width:100%;}
    .wp-block-button.wc-block-components-product-button, .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button {width:100%;}
.border {border-top: 3px dotted var(--wp--preset--color--orange);}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.border {padding-top:7% !important;}
		.page-child .wp-block-cover {max-height: none; margin-bottom:5%;}
		.woocommerce.wc-block-product-results-count .woocommerce-result-count {display:none;}
		.wc-block-product-template__responsive.columns-5 {padding:5%;}
		h3.filter {display:none;}
		.height-grid h2 {min-height:0px;}
.height-grid p {min-height:0px;}
		.ladder .wp-block-column {border:none !important;}
		.ladder .wp-block-image.aligncenter {display:block;}
}

/* safari hack */
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) { 
.review-nav-mobile {display:block;     font-size: 3em;
    text-align: center;
	color: #ff6600;}
		.review-nav-mobile a { text-decoration: none;}
}