/*
 * VAPR Print Manager – minikurv, søkeoverlegg, handlekurv og kasse på designvariablene (0.5.1, #16b).
 * Fast stil – ingen verdier fra skjema eller database. Reserveverdiene er Standard 1.
 * Uten denne filen bruker delene Bricks' og WooCommerce' egne (grå/hvite) standardfarger
 * og følger ikke paletten (særlig synlig med mørk palett).
 */

/* ---------- Minikurv (Bricks) ---------- */
.brxe-woocommerce-mini-cart .cart-detail {
	background-color: var(--color-bg, #fff);
	color: var(--color-text, #212121);
	border-color: var(--color-border, #e0e0e0);
	border-radius: var(--radius-card, 0);
}
.brxe-woocommerce-mini-cart .cart-detail a:not(.button) { color: inherit; }
/* Krysset for å fjerne en vare: større trykkflate (0.7.2). */
.brxe-woocommerce-mini-cart .cart-detail li { padding-inline-end: 36px; }
.brxe-woocommerce-mini-cart .cart-detail li .remove {
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	width: 32px;
	height: 32px;
}
.brxe-woocommerce-mini-cart .cart-detail .quantity,
.brxe-woocommerce-mini-cart .cart-detail .variation { color: var(--color-text-muted, #616161); }
.brxe-woocommerce-mini-cart .cart-detail .woocommerce-mini-cart__total { border-color: var(--color-border, #e0e0e0); }
.brxe-woocommerce-mini-cart .cart-detail .button {
	background-color: var(--color-primary, #2e4a3a);
	color: var(--color-on-primary, #f5f5f5);
	border-radius: var(--radius-button, 0);
}
.brxe-woocommerce-mini-cart .cart-detail .button:hover { background-color: var(--color-primary-dark, #233b2d); }

/* ---------- Søkeoverlegget i headeren (Bricks) ---------- */
.brxe-search .bricks-search-overlay {
	background-color: var(--color-bg, #fff);
	color: var(--color-text, #212121);
}
.brxe-search .bricks-search-overlay .title,
.brxe-search .bricks-search-overlay .close { color: var(--color-text-muted, #616161); }
.brxe-search .bricks-search-overlay .close:hover { color: var(--color-text, #212121); }
.brxe-search .bricks-search-overlay input[type="search"] {
	background-color: var(--color-bg, #fff);
	color: var(--color-text, #212121);
	border-color: var(--color-border, #e0e0e0);
	border-radius: min(var(--radius-button, 0px), 12px);
}
.brxe-search .bricks-search-overlay input[type="search"]::placeholder { color: var(--color-text-muted, #616161); opacity: 1; }
.brxe-search .bricks-search-overlay button[type="submit"],
.brxe-search .bricks-search-overlay .bricks-search-form button { color: var(--color-text, #212121); }

/* ---------- Handlekurv og kasse (WooCommerce-blokker) ---------- */
body .wc-block-components-button:not(.is-link) {
	background-color: var(--color-primary, #2e4a3a);
	color: var(--color-on-primary, #f5f5f5);
	border-radius: var(--radius-button, 0);
}
body .wc-block-components-button:not(.is-link):hover,
body .wc-block-components-button:not(.is-link):focus { background-color: var(--color-primary-dark, #233b2d); color: var(--color-on-primary, #f5f5f5); }
body .wc-block-components-text-input input[type]:not([type="checkbox"]):not([type="radio"]),
body .wc-block-components-form .wc-block-components-textarea,
body .wc-block-components-textarea,
body .wc-blocks-components-select .wc-blocks-components-select__container,
body .wc-blocks-components-select .wc-blocks-components-select__select,
body .wc-block-components-combobox .wc-block-components-combobox-control input,
body .wc-block-components-quantity-selector {
	background-color: var(--color-bg, #fff);
	color: var(--color-text, #212121);
	border-radius: min(var(--radius-button, 4px), 12px);
}
body .wc-blocks-components-select .wc-blocks-components-select__select option { background-color: var(--color-bg, #fff); color: var(--color-text, #212121); }
body .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"],
body .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked,
body .wc-block-components-radio-control .wc-block-components-radio-control__input[type="radio"] { background-color: var(--color-bg, #fff); }
body .wc-block-components-checkbox .wc-block-components-checkbox__mark { fill: var(--color-text, #212121); }
body .wc-block-components-radio-control .wc-block-components-radio-control__input:checked::before { background: var(--color-text, #212121); }
body .wc-block-components-text-input input[type]:-webkit-autofill { -webkit-text-fill-color: var(--color-text, #212121); box-shadow: 0 0 0 1000px var(--color-surface, #f5f5f5) inset; }
body .wc-block-components-text-input label,
body .wc-blocks-components-select .wc-blocks-components-select__label { color: var(--color-text-muted, #616161); }

/* Luft på sidene (0.5.3, #17c): handlekurv og kasse er WooCommerce-blokker i sidens eget innhold
   (ingen Bricks-mal). Bricks' artikkel er 1100px uten sidemarg, så under ca. 1140px gikk innholdet
   helt ut til kanten (særlig på mobil). Over det er utseendet som før. */
@media (max-width: 1139px) {
	body.woocommerce-cart #brx-content.wordpress,
	body.woocommerce-checkout #brx-content.wordpress {
		box-sizing: border-box;
		padding-inline: var(--space-m, 16px);
	}
}

/* ---------- Klassiske WooCommerce-skjema (min konto, gammel kasse) ---------- */
.woocommerce form .form-row .input-text,
.woocommerce form .form-row select {
	background-color: var(--color-bg, #fff);
	color: var(--color-text, #212121);
	border-color: var(--color-border, #e0e0e0);
}

/* ---------- Merknad over bestillingsknappen i kassen (0.7.3, #4) ---------- */
.vapr-kasse-merknad {
	margin: 0 0 16px;
	padding: 12px 14px;
	border: 1px solid var(--color-border, #e0e0e0);
	border-radius: var(--radius-card, 0px);
	background: var(--color-surface, #f5f5f5);
	color: var(--color-text, #212121);
	font-size: 14px;
	line-height: 1.5;
}
.vapr-kasse-merknad p { margin: 0; }
.vapr-kasse-merknad p + p { margin-top: 0.6em; }
.vapr-kasse-merknad a { color: inherit; text-decoration: underline; }