/*
Theme Name: PokémonRob
Author: ID Dev
Description: Thema voor de website van PokémonRob
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: APACHE LICENSE, VERSION 2.0
License URI: http://www.apache.org/licenses/LICENSE-2.0
Text Domain: pokemon_rob
*/

.z-index-9999 {
	z-index: 9999;
}

.text-center {
	text-align: center;
}

ul {
	margin: 0;
	padding-left: 2em;
}

li {
	padding-left: 0.5em;
	list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 40 50"><path d="M20,23c3.2,0,5.9,2.1,6.8,5h10.2c-1-8.4-8.2-15-17-15S4,19.6,3,28h10.2c.9-2.9,3.6-5,6.8-5Z" style="fill: %23024873;"/><path d="M20,47c8.8,0,16-6.6,17-15h-10.2c-.9,2.9-3.6,5-6.8,5s-5.9-2.1-6.8-5H3c1,8.5,8.2,15,17,15Z" style="fill: %23024873;"/><circle cx="20" cy="30" r="3" style="fill: %23024873;"/></svg>');
}

.on-primary li {
	padding-left: 0.5em;
	list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 40 50"><path d="M20,23c3.2,0,5.9,2.1,6.8,5h10.2c-1-8.4-8.2-15-17-15S4,19.6,3,28h10.2c.9-2.9,3.6-5,6.8-5Z" style="fill: %23c4e9ff;"/><path d="M20,47c8.8,0,16-6.6,17-15h-10.2c-.9,2.9-3.6,5-6.8,5s-5.9-2.1-6.8-5H3c1,8.5,8.2,15,17,15Z" style="fill: %23c4e9ff;"/><circle cx="20" cy="30" r="3" style="fill: %23c4e9ff;"/></svg>');
}

li::marker {
	font-size: 2.2em;
    line-height: 0.45em;
}

header .wp-block-navigation.header-menu > .wp-block-navigation-item {
    flex: 1 1 100%;
    background: var(--wp--preset--color--contrast);
    color: var(--wp--preset--color--primary);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    justify-content: center;
    cursor: pointer;
    border-top: 4px solid var(--wp--preset--color--primary-shade-dark);
    border-left: 4px solid var(--wp--preset--color--primary-shade-dark);
    border-right: 4px solid var(--wp--preset--color--primary-shade-dark);
}

header .wp-block-navigation.header-menu .wp-block-navigation-item {
    line-height: 3em;
    font-weight: bold;
}

header .wp-block-navigation.header-menu .wp-block-navigation-item:hover {
    background: var(--wp--preset--color--contrast);
    color: var(--wp--preset--color--primary);
}

header .wp-block-navigation.header-menu > .wp-block-navigation-item:hover {
    background: var(--wp--preset--color--primary-shade);
    color: var(--wp--preset--color--contrast);
}

header .wp-block-navigation.header-menu .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container,
header .wp-block-navigation.header-menu .wp-block-navigation-item .wp-block-navigation-submenu {
    width: 100%;
    background: var(--wp--preset--color--primary-shade);
    color: var(--wp--preset--color--contrast);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom: 4px solid var(--wp--preset--color--primary-shade-dark);
    border-left: 4px solid var(--wp--preset--color--primary-shade-dark);
    border-right: 4px solid var(--wp--preset--color--primary-shade-dark);
    border-top: none;
    overflow: hidden;
    box-sizing: content-box;
    left: -4px;
}

header .wp-block-navigation.header-menu .has-child .wp-block-navigation__submenu-container {
    background-color: transparent;
}

header .wp-block-navigation.header-menu .wp-block-navigation__submenu-icon.wp-block-navigation-submenu__toggle {
    border-radius: 2em;
    border: 3px solid var(--wp--preset--color--contrast);
    height: .8em;
    width: .8em;
    line-height: 2em;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    padding: .2em;
}

header .wp-block-navigation.header-menu .wp-block-navigation-item:hover .wp-block-navigation__submenu-icon.wp-block-navigation-submenu__toggle {
    border-color: var(--wp--preset--color--primary);
}

header .wp-block-navigation.header-menu > .wp-block-navigation-item > .wp-block-navigation__submenu-icon.wp-block-navigation-submenu__toggle {
    border-color: var(--wp--preset--color--primary);
}

header .wp-block-navigation.header-menu > .wp-block-navigation-item:hover > .wp-block-navigation__submenu-icon.wp-block-navigation-submenu__toggle {
    border-color: var(--wp--preset--color--contrast);
}

header .wp-block-navigation.mobile-menu > .wp-block-navigation-item {
	border: 4px solid var(--wp--preset--color--primary-shade-dark);
    border-radius: 10px;
    line-height: 3em;
	text-align: center;
}

header .wp-block-navigation.mobile-menu .wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle {
	text-align: center;
}

header .wp-block-navigation.mobile-menu .wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle[aria-expanded="true"] {
	border-bottom: 1px solid var(--wp--preset--color--primary-shade-dark);
}

header .wp-block-navigation.mobile-menu .wp-block-navigation-item.open-on-click > .wp-block-navigation-submenu {
	display: none;
}

header .wp-block-navigation.mobile-menu .wp-block-navigation-item.open-on-click:has(> .wp-block-navigation-submenu__toggle[aria-expanded="true"]) > .wp-block-navigation-submenu {
	display: block;
}

header .usp-list {
	display: inline-block;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--wp--preset--color--contrast);
    color: var(--wp--preset--color--primary);
}

footer .wp-block-navigation {
    text-decoration: underline;
}

main {
	margin-top: 0;
}

main .entry-content {
	color: var(--wp--preset--color--primary);
	background: var(--wp--preset--color--contrast);
	padding: 20px 16px 24px;
	border-left: 4px solid var(--wp--preset--color--primary-shade-dark);
    border-bottom: 4px solid var(--wp--preset--color--primary-shade-dark);
    border-right: 4px solid var(--wp--preset--color--primary-shade-dark);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

main .entry-content > .full-width {
	margin-left: -16px;
	margin-right: -16px;
}

main .entry-content a:where(:not(.wp-element-button)) {
	color: var(--wp--preset--color--primary);
}

main .entry-content .entry-content {
	border: none;
	border-radius: 0px;
	background: transparent;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	text-decoration: underline;
}

h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
	color: inherit;
}

.align-items-stretch {
	align-items: stretch;
}

.wp-site-blocks > * {
	margin-top: 0;
}

.wc-block-components-product-image.image-cover img,
img.image-cover {
	object-fit: cover;
	object-position: center;
}

.wc-block-components-product-image.image-contain img,
img.image-contain {
	object-fit: contain!important;
	object-position: center;
}

ul.wc-block-product-template > li {
	background: #ffffff;
	box-shadow: 0px 0px 5px var(--wp--preset--color--drop-shadow);
	border-radius: 10px;
	list-style: none;
	padding: 0px 0px 24px;
}

.cover-overlay {
	width: 26em;
    background: rgba(242, 242, 242, 0.75);
    padding: 0.5em;
	color: var(--wp--preset--color--primary);
}

.woocommerce .woocommerce-breadcrumb a {
	color: var(--wp--preset--color--primary);
	text-decoration: none;
}

.woocommerce .woocommerce-breadcrumb a:active,
.woocommerce .woocommerce-breadcrumb a:hover {
	color: var(--wp--preset--color--accent);
}

.archive .product-filters.sticky {
	position: sticky;
	top: 0;
}

.archive .cover-overlay h1,
.archive .cover-overlay h2,
.archive .cover-overlay h3,
.archive .cover-overlay h4,
.archive .cover-overlay h5,
.archive .cover-overlay h6,
.archive .product-filters h1,
.archive .product-filters h2,
.archive .product-filters h3,
.archive .product-filters h4,
.archive .product-filters h5,
.archive .product-filters h6 {
	text-decoration: none;
}

.archive .product-filters input[type=text] {
	background: #3b82bf;
	color: #ffffff;
	border-radius: 5px;
}

.archive .product-grid ul {
	margin-top: 0;
}

.woocommerce div.product div.images {
	margin-bottom: 0;
}

.woocommerce .wp-block-woocommerce-product-image-gallery {
	margin: 0 auto;
    background: #ffffff;
    padding: 20px;
    border-radius: 10px;
	max-width: 100%;
}

.woocommerce .wp-block-woocommerce-product-image-gallery .flex-viewport {
	width: 70%;
	margin: 0 auto;
}

.woocommerce .wp-block-woocommerce-product-image-gallery .woocommerce-product-gallery__image a > img {
	aspect-ratio: 1;
    object-fit: contain;
    object-position: center;
}

.woocommerce div.product div.images .flex-control-thumbs {
	margin-top: 2em;
}

.product .wp-block-aab-group-accordion .aagb__accordion_container.wp-block-aab-accordion-item .aagb__accordion_head,
.aagb__accordion_container.wp-block-aab-accordion-item .aagb__accordion_head {
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--contrast);
}

.aagb_accordion_b6a0b7ca_4 > .aagb__accordion_container.aagb__accordion_active {
	border-color: var(--wp--preset--color--primary)!important;
}

.wp-block-aab-accordion-item .aagb__accordion_head .aagb__accordion_heading .aagb__accordion_title {
	text-decoration: none;
	color: inherit;
}

@media (min-width: 768px) { 
	.wp-block-cover,
	.wp-block-cover-image {
		min-height: 300px!important;
	}
	
	header .mobile-menu {
		display: none;
	}
}

@media (max-width: 767px) { 
	:root {
		--wp--style--global--content-size: 90%;
		--wp--style--global--wide-size: 90%;
	}
	
	.sm-flex-direction-column {
		flex-direction: column;
	}
	
	.sm-z-index-9999 {
		z-index: 9999;
	}
	
	header .wp-block-pokemon-rob-product-search,
	header .header-menu {
		display: none;
	}
	
	footer .wp-block-navigation {
		justify-content: center;
		column-gap: 12px;
	}
	
	.wp-block-cover, 
	.wp-block-cover-image {
		min-height: 240px;
	}
	
	.cover-overlay {
		width: 100%;
	}
}