/*!
Theme Name: Vinnshop
Theme URI: https://vinn.no
Author: Gnist Design
Author URI: https://gnistdesign.no
Description: A theme created for VINN.
Tags: full-site-editing, block-patterns, accessibility-ready, block-styles, custom-colors, custom-logo, custom-menu, editor-style one-column, template-editing, translation-ready, wide-blocks
Requires at least: 7.0
Tested up to: 7.1
Requires PHP: 8.3
Version: 1.0.0
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: vinnshop

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import 'assets/css/components/input-field.css';

/* Global Normalizer */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

html {
	box-sizing: border-box;
	-ms-overflow-style: scrollbar;
	scroll-behavior: smooth;
}

a {
	text-underline-offset: 40%;
}

*,
*::before,
*::after {
	box-sizing: inherit;
	min-width: 0;
	font-synthesis: none !important;
}

strong {
	font-weight: 600;
}

/* FSE Fix for images. */
figure img {
	width: 100%;
	object-fit: contain;
}

.site-footer {
	margin-block-start: 0;
}

.woocommerce-page.woocommerce-cart,
.woocommerce-page.woocommerce-checkout,
.woocommerce-page.woocommerce-account {
	.wp-block-post-title,
	.entry-content,
	main .woocommerce,
	div[data-block-name="woocommerce/classic-shortcode"] {
		max-width: var(--wp--style--global--wide-size);
	}
}

#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
	background-color: #B8CBD5;

	p:first-child {
		margin-top: 0;
	}
}

#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
	border: 1em solid #B8CBD5;
	border-right-color: transparent;
	border-left-color: transparent;
	border-top-color: transparent;
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
	background-color: #DDE7ED;
}