/* =========================================================================
   JKV Cocon – WooCommerce-styling (v2)
   Wordt alleen geladen als WooCommerce actief is.
   1. Meldingen
   2. Webshopoverzicht (categoriefilter + productraster)
   3. Productpagina
   4. Mini-winkelwagen
   5. Winkelwagen & afrekenen (blokken)
   6. Mijn account (ook ledenbeheer: gegevens wijzigen / opzeggen)
   ========================================================================= */

/* ── 1. MELDINGEN ──────────────────────────────────────────────────────── */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.wc-block-components-notice-banner {
	background: var(--wp--preset--color--black-2) !important;
	color: var(--wp--preset--color--white) !important;
	border: 1px solid var(--cocon-line-strong) !important;
	border-left: 4px solid var(--wp--preset--color--orange) !important;
	border-radius: var(--cocon-radius-sm) !important;
	padding: 1rem 1.25rem !important;
	list-style: none;
}

.woocommerce-error,
.wc-block-components-notice-banner.is-error {
	border-left-color: #F05A5A !important;
}

.wc-block-components-notice-banner.is-success {
	border-left-color: #3DBE7A !important;
}

.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
	display: none;
}

.wc-block-components-notice-banner > svg {
	fill: currentColor;
	background: transparent !important;
}

/* Actieknop in meldingen (bijv. "Blader door producten" bij geen bestellingen):
   WooCommerce maakt die standaard donkergrijs en half doorzichtig. */
.wc-block-components-notice-banner .wc-block-components-notice-banner__content {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem 1.5rem;
	color: inherit;
}

.wc-block-components-notice-banner .wc-block-components-notice-banner__content .wc-forward,
.woocommerce-info .wc-forward,
.woocommerce-message .wc-forward {
	order: 2;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	min-height: 0;
	opacity: 1 !important;
	background: none !important;
	box-shadow: none !important;
	color: var(--wp--preset--color--orange) !important;
	font-family: var(--wp--preset--font-family--oswald) !important;
	font-size: var(--wp--preset--font-size--xs) !important;
	font-weight: 600 !important;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-decoration: none !important;
}

.wc-block-components-notice-banner .wc-block-components-notice-banner__content .wc-forward:hover,
.woocommerce-info .wc-forward:hover,
.woocommerce-message .wc-forward:hover {
	color: var(--wp--preset--color--orange-light) !important;
	background: none !important;
}


/* ── 2. WEBSHOPOVERZICHT ───────────────────────────────────────────────── */

.cocon-shop__toolbar {
	gap: var(--wp--preset--spacing--30);
	padding-bottom: var(--wp--preset--spacing--40);
	border-bottom: 1px solid var(--cocon-line);
}

/* Categorie-pillen */
.cocon-cat-filter .cat-btn .wp-block-button__link {
	min-height: 40px;
	padding: 0.5rem 1.15rem;
	background: var(--wp--preset--color--black-2);
	color: var(--wp--preset--color--white);
	border: 1px solid var(--cocon-line-strong);
	border-radius: 999px;
	font-size: var(--wp--preset--font-size--xs);
	letter-spacing: 0.08em;
	white-space: nowrap;
}

.cocon-cat-filter .cat-btn .wp-block-button__link:hover {
	border-color: var(--wp--preset--color--orange);
	color: var(--wp--preset--color--orange);
	background: var(--wp--preset--color--black-2);
}

/* Actieve categorie op basis van de body-class die WooCommerce zet */
.post-type-archive-product:not(.tax-product_cat) .cat-btn--alle .wp-block-button__link,
.term-shirts .cat-btn--shirts .wp-block-button__link,
.term-trainers .cat-btn--trainers .wp-block-button__link {
	background: var(--wp--preset--color--orange);
	border-color: var(--wp--preset--color--orange);
	color: var(--wp--preset--color--black);
}

@media (max-width: 600px) {
	.cocon-cat-filter {
		flex-wrap: nowrap !important;
		overflow-x: auto;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
		width: 100%;
		padding-bottom: 0.25rem;
	}

	.cocon-cat-filter::-webkit-scrollbar {
		display: none;
	}
}

.woocommerce-ordering select,
.wc-block-catalog-sorting select {
	width: auto;
	min-width: 200px;
}

/* Productraster (Product Collection-blok) */
.cocon-products .wc-block-product-template {
	gap: var(--wp--preset--spacing--40) !important;
}

.cocon-products .wc-block-product {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	padding-bottom: 1rem;
	background: var(--wp--preset--color--black-2);
	border: 1px solid var(--cocon-line);
	border-radius: var(--cocon-radius-lg);
	overflow: hidden;
	transition: border-color 0.25s ease, transform 0.3s var(--cocon-ease), box-shadow 0.3s var(--cocon-ease);
}

.cocon-products .wc-block-product:hover {
	border-color: rgba(255, 107, 26, 0.45);
	transform: translateY(-3px);
	box-shadow: var(--wp--preset--shadow--soft);
}

.cocon-products .wc-block-components-product-image {
	margin: 0 0 0.5rem !important;
	overflow: hidden;
}

.cocon-products .wc-block-components-product-image img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
	width: 100%;
	transition: transform 0.6s var(--cocon-ease);
}

.cocon-products .wc-block-product:hover .wc-block-components-product-image img {
	transform: scale(1.04);
}

.cocon-products .wp-block-post-title {
	margin: 0;
	padding-inline: 1rem;
	font-family: var(--wp--preset--font-family--oswald);
	font-weight: 600;
	letter-spacing: 0.01em;
	line-height: 1.3;
}

.cocon-products .wp-block-post-title a {
	color: var(--wp--preset--color--white);
	text-decoration: none;
}

.cocon-products .wc-block-components-product-price,
.cocon-products .wp-block-woocommerce-product-price {
	padding-inline: 1rem;
	color: var(--wp--preset--color--orange);
	font-weight: 700;
}

.cocon-products .wp-block-woocommerce-product-button,
.cocon-products .wc-block-components-product-button {
	margin-top: auto !important;
	padding: 0.5rem 1rem 0;
}

.cocon-products .wc-block-components-product-button .wp-block-button__link,
.cocon-products .wc-block-components-product-button__button {
	width: 100%;
	background: var(--wp--preset--color--orange);
	color: var(--wp--preset--color--black);
	border-radius: var(--cocon-radius-sm);
	font-size: var(--wp--preset--font-size--xs);
}

.cocon-products .wc-block-components-product-button .wp-block-button__link:hover,
.cocon-products .wc-block-components-product-button__button:hover {
	background: var(--wp--preset--color--orange-light);
}

.wc-block-components-product-sale-badge {
	background: var(--wp--preset--color--orange) !important;
	color: var(--wp--preset--color--black) !important;
	border: 0 !important;
	border-radius: 999px !important;
	font-family: var(--wp--preset--font-family--oswald);
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

@media (max-width: 480px) {
	.cocon-products .wc-block-product-template {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 0.75rem !important;
	}

	.cocon-products .wp-block-post-title {
		font-size: var(--wp--preset--font-size--sm) !important;
		padding-inline: 0.75rem;
	}

	.cocon-products .wp-block-woocommerce-product-price,
	.cocon-products .wp-block-woocommerce-product-button {
		padding-inline: 0.75rem;
	}
}

/* Klassieke productlijsten (shortcodes) in dezelfde stijl */
.woocommerce ul.products {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr));
	gap: var(--wp--preset--spacing--40);
	margin: 0;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after {
	display: none;
}

.woocommerce ul.products li.product {
	width: 100% !important;
	margin: 0 !important;
	float: none !important;
	padding: 0 0 1rem !important;
	background: var(--wp--preset--color--black-2);
	border: 1px solid var(--cocon-line);
	border-radius: var(--cocon-radius-lg);
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.woocommerce ul.products li.product a img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
	margin: 0 0 0.5rem !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	padding: 0 1rem !important;
	font-size: var(--wp--preset--font-size--md) !important;
	color: var(--wp--preset--color--white);
}

.woocommerce ul.products li.product .price {
	padding: 0 1rem;
	color: var(--wp--preset--color--orange) !important;
	font-weight: 700;
}

.woocommerce ul.products li.product .button {
	margin: auto 1rem 0 !important;
}


/* ── 3. PRODUCTPAGINA ──────────────────────────────────────────────────── */

.woocommerce-breadcrumb,
.wc-block-breadcrumbs {
	font-size: var(--wp--preset--font-size--xs);
	color: var(--wp--preset--color--muted);
	letter-spacing: 0.04em;
}

.woocommerce-breadcrumb a,
.wc-block-breadcrumbs a {
	color: var(--wp--preset--color--orange);
	text-decoration: none;
}

.cocon-product .wc-block-product-gallery-large-image,
.cocon-product .wc-block-product-gallery-large-image img,
.cocon-product .woocommerce-product-gallery__image img {
	border-radius: var(--cocon-radius-lg);
}

.cocon-product .wc-block-product-gallery-thumbnails img {
	border-radius: var(--cocon-radius-sm);
	border: 1px solid var(--cocon-line);
}

.cocon-product__summary .wp-block-post-title {
	margin: 0;
	text-transform: uppercase;
}

.cocon-product__summary .wp-block-woocommerce-product-price,
.cocon-product__summary .woocommerce-Price-amount {
	color: var(--wp--preset--color--orange);
	font-weight: 700;
}

.cocon-product__summary .wp-block-post-excerpt {
	color: var(--wp--preset--color--muted);
}

/* Variaties en aantal */
.cocon-product .variations {
	width: 100%;
	border: 0;
	margin-bottom: 1rem;
}

.cocon-product .variations :where(th, td) {
	display: block;
	padding: 0 0 0.35rem;
	text-align: left;
	border: 0;
}

.cocon-product .variations label {
	font-family: var(--wp--preset--font-family--oswald);
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.cocon-product .reset_variations {
	font-size: var(--wp--preset--font-size--xs);
	color: var(--wp--preset--color--muted);
}

.woocommerce .quantity .qty,
.wc-block-components-quantity-selector input {
	width: 5rem !important;
	text-align: center;
}

.cocon-product form.cart {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	align-items: stretch;
}

.cocon-product form.cart.variations_form,
.cocon-product form.cart .woocommerce-variation-add-to-cart {
	display: block;
}

.cocon-product .woocommerce-variation-add-to-cart {
	display: flex !important;
	gap: 0.75rem;
	flex-wrap: wrap;
}

.single_add_to_cart_button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.wc-block-components-button:not(.is-link):not(.wc-block-components-totals-coupon__button) {
	background: var(--wp--preset--color--orange) !important;
	color: var(--wp--preset--color--black) !important;
	border: 0 !important;
	border-radius: var(--cocon-radius-sm) !important;
	min-height: 48px;
	padding: 0.875rem 1.75rem !important;
	font-family: var(--wp--preset--font-family--oswald) !important;
	font-weight: 700 !important;
	font-size: var(--wp--preset--font-size--sm) !important;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-decoration: none;
	transition: background-color 0.2s ease, transform 0.25s var(--cocon-ease);
}

.single_add_to_cart_button {
	flex: 1;
	box-shadow: var(--wp--preset--shadow--glow);
}

.single_add_to_cart_button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.wc-block-components-button:not(.is-link):hover {
	background: var(--wp--preset--color--orange-light) !important;
}

.woocommerce button.button:disabled,
.woocommerce button.button.disabled {
	opacity: 0.5 !important;
	cursor: not-allowed;
}

.wp-block-woocommerce-product-meta {
	padding-top: 1rem;
	border-top: 1px solid var(--cocon-line);
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--xs);
}

.wp-block-woocommerce-product-meta a {
	color: var(--wp--preset--color--orange);
}

/* Accordion met details */
.cocon-product__details {
	padding: clamp(1rem, 3vw, 2rem);
}

.cocon-product__details .wp-block-accordion-item {
	border-bottom: 1px solid var(--cocon-line);
}

.cocon-product__details .wp-block-accordion-item:last-child {
	border-bottom: 0;
}

.cocon-product__details .wp-block-accordion-heading {
	margin: 0;
	font-size: inherit;
}

.cocon-product__details .wp-block-accordion-heading__toggle {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	padding: 1.1rem 0;
	background: none;
	border: 0;
	color: var(--wp--preset--color--white);
	font-family: var(--wp--preset--font-family--oswald);
	font-size: var(--wp--preset--font-size--md);
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	cursor: pointer;
}

.cocon-product__details .wp-block-accordion-heading__toggle:hover {
	color: var(--wp--preset--color--orange);
}

.cocon-product__details .wp-block-accordion-heading__toggle-icon {
	color: var(--wp--preset--color--orange);
	font-size: 1.5rem;
	line-height: 1;
}

.cocon-product__details .wp-block-accordion-panel {
	color: var(--wp--preset--color--muted);
	padding-bottom: 1.25rem;
}

.woocommerce-product-attributes {
	width: 100%;
	border-collapse: collapse;
}

.woocommerce-product-attributes :where(th, td) {
	padding: 0.65rem 0;
	border-bottom: 1px solid var(--cocon-line);
	text-align: left;
}

.woocommerce-product-attributes th {
	color: var(--wp--preset--color--orange);
	font-weight: 600;
	width: 35%;
}

.wc-block-components-product-rating__stars,
.star-rating {
	color: var(--wp--preset--color--orange);
}


/* ── 4. MINI-WINKELWAGEN ───────────────────────────────────────────────── */

.wc-block-mini-cart__badge {
	background: var(--wp--preset--color--orange) !important;
	color: var(--wp--preset--color--black) !important;
	border: 0 !important;
	font-weight: 700;
}

.wc-block-mini-cart__drawer .components-modal__content,
.wc-block-mini-cart__drawer .wc-block-components-drawer__content,
.wc-block-mini-cart__drawer .wp-block-woocommerce-mini-cart-contents {
	background: var(--wp--preset--color--black-2) !important;
	color: var(--wp--preset--color--white);
}

.wc-block-mini-cart__drawer .wc-block-mini-cart__title {
	font-family: var(--wp--preset--font-family--bebas);
	font-size: var(--wp--preset--font-size--2-xl);
	letter-spacing: 0.03em;
}

.wc-block-mini-cart__footer {
	border-top: 1px solid var(--cocon-line);
}

.wc-block-mini-cart__footer-actions .wc-block-components-button.outlined {
	background: transparent !important;
	color: var(--wp--preset--color--orange) !important;
	box-shadow: inset 0 0 0 2px var(--wp--preset--color--orange);
}


/* ── 5. WINKELWAGEN & AFREKENEN ────────────────────────────────────────── */

.wc-block-cart,
.wc-block-checkout {
	color: var(--wp--preset--color--white);
}

.wc-block-components-sidebar .wc-block-components-panel,
.wc-block-components-totals-wrapper,
.wc-block-cart-items,
.wc-block-components-order-summary {
	border-color: var(--cocon-line) !important;
}

.wc-block-components-sidebar-layout .wc-block-components-sidebar {
	background: var(--wp--preset--color--black-2);
	border: 1px solid var(--cocon-line);
	border-radius: var(--cocon-radius-lg);
	padding: var(--wp--preset--spacing--40) !important;
}

.wc-block-components-text-input input,
.wc-block-components-combobox .components-combobox-control input,
.wc-blocks-components-select .wc-blocks-components-select__select,
.wc-block-components-textarea {
	background: var(--wp--preset--color--black-2) !important;
	color: var(--wp--preset--color--white) !important;
	border-color: var(--wp--preset--color--stone-light) !important;
	border-radius: var(--cocon-radius-sm) !important;
}

.wc-block-components-text-input label,
.wc-block-components-combobox .components-combobox-control label,
.wc-blocks-components-select__label {
	color: var(--wp--preset--color--muted) !important;
}

.wc-block-components-text-input.is-active input,
.wc-block-components-text-input input:focus {
	border-color: var(--wp--preset--color--orange) !important;
	box-shadow: 0 0 0 1px var(--wp--preset--color--orange) !important;
}

.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"],
.wc-block-components-radio-control__input {
	background: var(--wp--preset--color--black-2) !important;
	border-color: var(--wp--preset--color--stone-light) !important;
}

.wc-block-components-checkbox .wc-block-components-checkbox__mark {
	fill: var(--wp--preset--color--orange);
}

.wc-block-components-radio-control__input:checked::before {
	background: var(--wp--preset--color--orange) !important;
}

.wc-block-components-title,
.wc-block-cart__totals-title {
	font-family: var(--wp--preset--font-family--oswald) !important;
	letter-spacing: 0.06em;
	text-transform: uppercase !important;
}

.wc-block-cart-item__image img {
	border-radius: var(--cocon-radius-sm);
}


/* ── 6. MIJN ACCOUNT ───────────────────────────────────────────────────── */

/* WooCommerce zet een clearfix (::before/::after) op .woocommerce; in een
   grid worden dat lege cellen, waardoor menu en inhoud verschoven. */
.woocommerce-account .woocommerce::before,
.woocommerce-account .woocommerce::after {
	content: none !important;
	display: none !important;
}

.woocommerce-account .woocommerce {
	display: grid;
	grid-template-columns: minmax(200px, 260px) 1fr;
	gap: var(--wp--preset--spacing--60);
	align-items: start;
}

.woocommerce-account .woocommerce > .woocommerce-notices-wrapper,
.woocommerce-account:not(.logged-in) .woocommerce > * {
	grid-column: 1 / -1;
}

.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content {
	float: none !important;
	width: auto !important;
}

.woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0.5rem;
	background: var(--wp--preset--color--black-2);
	border: 1px solid var(--cocon-line);
	border-radius: var(--cocon-radius);
	position: sticky;
	top: calc(var(--cocon-header-h) + 1.5rem);
}

/* Reset van de li-padding en onderstreping uit woocommerce-blocktheme.css */
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
	padding: 0;
	margin: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
	text-decoration: none;
}

.woocommerce-MyAccount-navigation li a {
	display: block;
	padding: 0.7rem 0.9rem;
	border-radius: var(--cocon-radius-sm);
	color: var(--wp--preset--color--white);
	text-decoration: none;
	font-family: var(--wp--preset--font-family--oswald);
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 500;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.woocommerce-MyAccount-navigation li a:hover {
	background: var(--wp--preset--color--black-3);
	color: var(--wp--preset--color--orange);
}

.woocommerce-MyAccount-navigation li.is-active a {
	background: var(--wp--preset--color--orange);
	color: var(--wp--preset--color--black);
}

/* Ledenbeheer: opzeg-endpoint en uitloggen onderaan, rustig vormgegeven */
.woocommerce-MyAccount-navigation-link--lidmaatschap-opzeggen,
.woocommerce-MyAccount-navigation-link--customer-logout {
	margin-top: 0.35rem;
	padding-top: 0.35rem;
	border-top: 1px solid var(--cocon-line);
}

.woocommerce-MyAccount-navigation-link--customer-logout + .woocommerce-MyAccount-navigation-link--lidmaatschap-opzeggen,
.woocommerce-MyAccount-navigation-link--lidmaatschap-opzeggen + .woocommerce-MyAccount-navigation-link--customer-logout {
	border-top: 0;
	margin-top: 0;
	padding-top: 0;
}

.woocommerce-MyAccount-navigation-link--lidmaatschap-opzeggen a,
.woocommerce-MyAccount-navigation-link--customer-logout a {
	color: var(--wp--preset--color--muted);
	text-transform: none;
	font-family: var(--wp--preset--font-family--dm-sans);
	letter-spacing: 0;
}

.woocommerce-MyAccount-navigation-link--lidmaatschap-opzeggen.is-active a {
	background: #5A1F1F;
	color: #FFD9D9;
}

.woocommerce-MyAccount-content {
	min-width: 0;
}

.woocommerce-MyAccount-content > :first-child {
	margin-top: 0;
}

.woocommerce-MyAccount-content form,
.woocommerce-form-login,
.woocommerce-form-register,
.woocommerce-ResetPassword {
	padding: clamp(1.25rem, 3vw, 2rem);
	background: var(--wp--preset--color--black-2);
	border: 1px solid var(--cocon-line);
	border-radius: var(--cocon-radius-lg);
}

.woocommerce form .form-row {
	margin: 0 0 1rem;
	padding: 0;
}

.woocommerce form .form-row label {
	display: block;
	margin-bottom: 0.35rem;
	font-size: var(--wp--preset--font-size--sm);
}

.woocommerce form .form-row .required {
	color: var(--wp--preset--color--orange);
	text-decoration: none;
}

.woocommerce form fieldset {
	border: 1px solid var(--cocon-line);
	border-radius: var(--cocon-radius);
	padding: 1rem 1.25rem;
	margin: 1.5rem 0;
}

.woocommerce form fieldset legend {
	padding: 0 0.5rem;
	font-family: var(--wp--preset--font-family--oswald);
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--wp--preset--color--orange);
}

.woocommerce-password-strength {
	border-radius: var(--cocon-radius-sm);
	padding: 0.5rem 0.75rem;
	margin-top: 0.5rem;
	font-size: var(--wp--preset--font-size--sm);
	color: var(--wp--preset--color--black);
}

.woocommerce table.shop_table,
.woocommerce-orders-table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid var(--cocon-line) !important;
	border-radius: var(--cocon-radius);
	overflow: hidden;
}

.woocommerce table.shop_table :where(th, td) {
	padding: 0.85rem 1rem !important;
	border-color: var(--cocon-line) !important;
}

.woocommerce table.shop_table th {
	font-family: var(--wp--preset--font-family--oswald);
	font-size: var(--wp--preset--font-size--xs);
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--wp--preset--color--orange);
	background: var(--wp--preset--color--black-3);
}

.woocommerce-Addresses {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: var(--wp--preset--spacing--40);
}

.woocommerce-Addresses::before,
.woocommerce-Addresses::after {
	display: none !important;
}

.woocommerce-account .woocommerce-Address-title {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.35rem;
	margin-bottom: 0.75rem;
}

.woocommerce-account .woocommerce-Address-title::before,
.woocommerce-account .woocommerce-Address-title::after {
	display: none;
}

.woocommerce-account .woocommerce-Address-title h2,
.woocommerce-account .woocommerce-Address-title h3 {
	margin: 0 !important;
	float: none;
	text-align: left;
	font-family: var(--wp--preset--font-family--bebas);
	font-size: var(--wp--preset--font-size--xl);
	font-weight: 400;
	letter-spacing: 0.03em;
}

.woocommerce-account .woocommerce-Address-title .edit {
	float: none;
	font-family: var(--wp--preset--font-family--oswald);
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-decoration: none;
}

.woocommerce-account .woocommerce-Address address {
	font-style: normal;
	color: var(--wp--preset--color--muted);
	line-height: 1.6;
}

.woocommerce-MyAccount-content > p:first-child a,
.woocommerce-MyAccount-content p a {
	text-underline-offset: 0.2em;
}

.woocommerce form .form-row-first,
.woocommerce form .form-row-last {
	width: calc(50% - 0.5rem);
}

.woocommerce form .clear {
	clear: both;
}

@media (max-width: 600px) {
	.woocommerce form .form-row-first,
	.woocommerce form .form-row-last {
		width: 100%;
		float: none;
	}
}

.woocommerce-Address {
	width: auto !important;
	float: none !important;
	padding: 1.25rem;
	background: var(--wp--preset--color--black-2);
	border: 1px solid var(--cocon-line);
	border-radius: var(--cocon-radius);
}

@media (max-width: 781px) {
	.woocommerce-account .woocommerce {
		grid-template-columns: 1fr;
	}

	.woocommerce-MyAccount-navigation ul {
		position: static;
		display: flex;
		gap: 0.25rem;
		overflow-x: auto;
		scrollbar-width: none;
	}

	.woocommerce-MyAccount-navigation li a {
		white-space: nowrap;
	}

	.woocommerce-MyAccount-navigation-link--lidmaatschap-opzeggen,
	.woocommerce-MyAccount-navigation-link--customer-logout {
		margin: 0;
		padding: 0;
		border: 0;
	}
}