/* Firmagaven konto: innloggings- og kontoskjemaene.
   Fonter og grunnstiler arves fra temaets globale stiler (Lato/Source Sans 3).
   Her settes bare knappen i aksentfargen og synlig fokus, i tråd med
   profilhåndboka: burgunder #7B2436, hover/trykket #5E1A28, marineblå #002A3A. */

.woocommerce form.woocommerce-form-login button[type="submit"],
.woocommerce form.woocommerce-form-lost-password button[type="submit"],
.woocommerce form.woocommerce-ResetPassword button[type="submit"] {
	background-color: #7B2436;
	border: none;
	color: #FFFFFF;
}

.woocommerce form.woocommerce-form-login button[type="submit"]:hover,
.woocommerce form.woocommerce-form-login button[type="submit"]:active,
.woocommerce form.woocommerce-form-lost-password button[type="submit"]:hover,
.woocommerce form.woocommerce-form-lost-password button[type="submit"]:active,
.woocommerce form.woocommerce-ResetPassword button[type="submit"]:hover,
.woocommerce form.woocommerce-ResetPassword button[type="submit"]:active {
	background-color: #5E1A28;
	color: #FFFFFF;
}

.woocommerce form.woocommerce-form-login button[type="submit"]:focus-visible,
.woocommerce form.woocommerce-form-lost-password button[type="submit"]:focus-visible,
.woocommerce form.woocommerce-ResetPassword button[type="submit"]:focus-visible {
	outline: 2px solid #002A3A;
	outline-offset: 2px;
}

.woocommerce form.woocommerce-form-login .woocommerce-Input:focus,
.woocommerce form.woocommerce-form-lost-password .woocommerce-Input:focus,
.woocommerce form.woocommerce-ResetPassword .woocommerce-Input:focus {
	border-color: #002A3A;
	outline: none;
}

.woocommerce form.woocommerce-form-login,
.woocommerce form.woocommerce-form-lost-password,
.woocommerce form.woocommerce-ResetPassword {
	text-align: left;
	max-width: 26rem;
}

/* Kurvlenken i headeren for ansatte (includes/kurvlenke.php). Arver menyens
   stil fra Breakdance-klassene bde-text-link/breakdance-link; her bare det
   som skiller. Reserven (ankeret mangler) legger lenken fast øverst til
   høyre, så den aldri forsvinner. */

.fg-kurv__antall {
	color: #5A6E75;
	font-weight: 400;
}

.fg-kurv-holder[hidden] {
	display: none;
}

.fg-kurv-holder--fallback {
	position: fixed;
	top: 12px;
	right: 16px;
	z-index: 9999;
	background: #FFFFFF;
	border: 1px solid #E3E9EC;
	border-radius: 6px;
	padding: 8px 12px;
	font-size: 16px;
}

.fg-kurv-holder--fallback .fg-kurv {
	color: #002A3A;
	text-decoration: none;
	font-weight: 600;
}

/* Kjøpsskjemaet for ansatte på produktsiden (includes/kjopsknapp.php).
   Legges rett under «Be om tilbud» / «Kjøp kommer snart».

   Breakdance stiler .single_add_to_cart_button via
   .breakdance-woocommerce .single_add_to_cart_button og variablene
   --bde-button-primary-*, som følger Global Settings (blå på firmagaven.no).
   Derfor: (1) variablene settes lokalt i .fg-kjop, så Breakdance sine egne
   regler gir burgunder; (2) egne regler har høyere spesifisitet
   (.breakdance-woocommerce .fg-kjop …, 0,3,0) enn Breakdance sine (0,2,0),
   så kildeorden ikke avgjør. Malen røres ikke. */

.fg-kjop,
.breakdance-woocommerce .fg-kjop {
	--bde-button-primary-background-color: #7B2436;
	--bde-button-primary-background-color-hover: #5E1A28;
	--bde-button-primary-text-color: #FFFFFF;
	--bde-button-primary-text-color-hover: #FFFFFF;
	--bde-button-primary-border-color: #7B2436;
	--bde-button-primary-border-color-hover: #5E1A28;
	margin: 12px 0 16px;
}

.fg-kjop[hidden] {
	display: none;
}

.fg-kjop__hint {
	margin: 0 0 8px;
	font-size: 15px;
	color: #5A6E75;
	max-width: 48ch;
}

.fg-kjop__hint a {
	color: #7B2436;
	font-weight: 600;
}

/* 1.7.9: gavehint på produktsiden for kniver i den ansattes gave-/
   oppgraderingsliste — lys plate med burgunder kant og tydelig lenke. */
.fg-kjop__gavehint,
.breakdance-woocommerce .fg-kjop__gavehint {
	margin: 0 0 14px;
	padding: 14px 16px;
	background: #F6E7EA;
	border-left: 4px solid #7B2436;
	border-radius: 0 6px 6px 0;
	max-width: 56ch;
}

.fg-kjop__gavehint p,
.breakdance-woocommerce .fg-kjop__gavehint p {
	margin: 0 0 8px;
	font-size: 15px;
	line-height: 1.5;
	color: #333333;
}

.fg-kjop__gavelenke,
.breakdance-woocommerce .fg-kjop__gavelenke {
	display: inline-block;
	font-family: "Source Sans 3", "Lato", Arial, sans-serif;
	font-size: 15px;
	font-weight: 700;
	color: #7B2436;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.fg-kjop__gavelenke::after {
	content: " \2192";
}

.fg-kjop__gavelenke:hover,
.breakdance-woocommerce .fg-kjop__gavelenke:hover {
	color: #5E1A28;
}

.fg-loop-velg-gave.button {
	background: transparent;
	color: #7B2436;
	border: 1px solid #7B2436;
}

.fg-loop-rabatt {
	display: block;
	margin-top: 4px;
	font-size: 14px;
	color: #7B2436;
	font-weight: 600;
}

.fg-kjop form.cart,
.breakdance-woocommerce .fg-kjop form.cart,
.breakdance-woocommerce div.product .fg-kjop form.cart {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	margin: 0;
	padding: 0;
	border: 0;
}

/* 1.8.15 — antallsvelgeren som stepper: − tall + i én ramme, 46 px høy som
   knappene ved siden av. Breakdance sin quantity-mal gir knappene
   (.bde-quantity-button), men styler dem absolutt inne i
   .breakdance-woocommerce .quantity {position:relative} — .fg-kjop står
   utenfor det elementet, så knappene endte usynlige/utenfor (nakent tallfelt).
   Her: statisk flex-rad, egne tegn i ::before (Breakdance sin maske-ikon
   overstyres), spin-knappene i tallfeltet skjules. */
.fg-kjop .quantity,
.breakdance-woocommerce .fg-kjop .quantity {
	position: relative;
	display: inline-flex;
	align-items: stretch;
	margin: 0;
	float: none;
	width: auto;
	max-width: none;
	height: 46px;
	box-sizing: border-box;
	border: 1.5px solid #CBD5DB;
	border-radius: 0;
	background: #FFFFFF;
	overflow: hidden;
}

.fg-kjop .quantity .qty,
.breakdance-woocommerce .fg-kjop .quantity .qty {
	font: inherit;
	font-size: 16px;
	font-weight: 700;
	width: 52px;
	min-height: 0;
	height: 100%;
	padding: 0 4px;
	margin: 0;
	border: 0;
	border-radius: 0;
	color: #111827;
	background: #FFFFFF;
	text-align: center;
	-moz-appearance: textfield;
	appearance: textfield;
}

.fg-kjop .quantity .qty::-webkit-outer-spin-button,
.fg-kjop .quantity .qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.fg-kjop .quantity .qty:focus-visible,
.breakdance-woocommerce .fg-kjop .quantity .qty:focus-visible {
	outline: 2px solid #002A3A;
	outline-offset: -2px;
	border-color: #002A3A;
}

.fg-kjop .quantity .bde-quantity-button,
.breakdance-woocommerce .fg-kjop .quantity .bde-quantity-button,
.fg-kjop .quantity .fg-qty-knapp {
	position: static;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	transform: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	min-width: 40px;
	height: auto;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #002A3A;
	font: inherit;
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}

.fg-kjop .quantity .bde-quantity-button:hover,
.breakdance-woocommerce .fg-kjop .quantity .bde-quantity-button:hover {
	background: #F1F5F7;
	color: #7B2436;
}

.fg-kjop .quantity .bde-quantity-button:focus-visible {
	outline: 2px solid #002A3A;
	outline-offset: -2px;
}

.fg-kjop .quantity .bde-quantity-button::before,
.breakdance-woocommerce .fg-kjop .quantity .bde-quantity-button::before {
	content: "+";
	display: block;
	width: auto;
	height: auto;
	background: none;
	background-color: transparent;
	-webkit-mask: none;
	mask: none;
	-webkit-mask-image: none;
	mask-image: none;
	font-weight: 700;
	line-height: 1;
}

.fg-kjop .quantity .bde-quantity-button--dec::before,
.breakdance-woocommerce .fg-kjop .quantity .bde-quantity-button--dec::before {
	content: "−";
}

.fg-kjop .single_add_to_cart_button,
.breakdance-woocommerce .fg-kjop .single_add_to_cart_button,
.breakdance-woocommerce .fg-kjop .button.single_add_to_cart_button {
	font: inherit;
	font-size: 16px;
	font-weight: 600;
	color: #FFFFFF;
	background: #7B2436;
	background-color: #7B2436;
	border: 0;
	border-radius: 0; /* 1.8.15: samme kant som stepper og «Be om tilbud» */
	padding: 10px 20px;
	min-height: 44px;
	line-height: 1.4;
	cursor: pointer;
	text-transform: none;
	letter-spacing: normal;
	box-shadow: none;
}

.fg-kjop .single_add_to_cart_button:hover,
.fg-kjop .single_add_to_cart_button:active,
.breakdance-woocommerce .fg-kjop .single_add_to_cart_button:hover,
.breakdance-woocommerce .fg-kjop .single_add_to_cart_button:active {
	background: #5E1A28;
	background-color: #5E1A28;
	color: #FFFFFF;
}

.fg-kjop .single_add_to_cart_button:focus-visible,
.breakdance-woocommerce .fg-kjop .single_add_to_cart_button:focus-visible {
	outline: 2px solid #002A3A;
	outline-offset: 2px;
}

.fg-kjop .single_add_to_cart_button.disabled,
.fg-kjop .single_add_to_cart_button:disabled,
.breakdance-woocommerce .fg-kjop .single_add_to_cart_button.disabled,
.breakdance-woocommerce .fg-kjop .single_add_to_cart_button:disabled {
	background: #E3E9EC;
	background-color: #E3E9EC;
	color: #5A6E75;
	cursor: not-allowed;
}

/* 1.8.12 — knapperaden på produktsiden på ÉN linje: mengde + «Legg i
   handlekurv» (fylt burgunder, primær) først, så «Be om tilbud» (ramme,
   sekundær). Skriptet i kjopsknapp.php flytter Breakdance-knappen «Be om
   tilbud» inn i .fg-kjop når skjemaet er plassert. Hint/gavehint tar full
   bredde over raden. Mobil: bryter til to linjer, klemmes aldri. */

.fg-kjop.fg-kjop--plassert,
.breakdance-woocommerce .fg-kjop.fg-kjop--plassert {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 14px;
	margin: 14px 0 6px;
}

.fg-kjop.fg-kjop--plassert > .fg-kjop__hint,
.fg-kjop.fg-kjop--plassert > .fg-kjop__gavehint,
.breakdance-woocommerce .fg-kjop.fg-kjop--plassert > .fg-kjop__hint,
.breakdance-woocommerce .fg-kjop.fg-kjop--plassert > .fg-kjop__gavehint {
	flex: 0 0 100%;
	max-width: none;
}

.fg-kjop.fg-kjop--plassert form.cart,
.breakdance-woocommerce .fg-kjop.fg-kjop--plassert form.cart,
.breakdance-woocommerce div.product .fg-kjop.fg-kjop--plassert form.cart {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	margin: 0;
}

.fg-kjop.fg-kjop--plassert .quantity,
.breakdance-woocommerce .fg-kjop.fg-kjop--plassert .quantity {
	margin: 0;
}

.fg-kjop.fg-kjop--plassert .single_add_to_cart_button,
.breakdance-woocommerce .fg-kjop.fg-kjop--plassert .single_add_to_cart_button {
	min-height: 46px;
	line-height: 1.2;
}

/* «Be om tilbud» flyttet inn i raden: ramme-variant, samme høyde. */
.fg-kjop a.fg-kjop__tilbud,
.breakdance .fg-kjop a.fg-kjop__tilbud,
.breakdance-woocommerce .fg-kjop a.fg-kjop__tilbud,
.breakdance .fg-kjop a.fg-kjop__tilbud.bde-button__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 10px 22px;
	box-sizing: border-box;
	background: #FFFFFF;
	color: #002A3A;
	border: 1.5px solid #002A3A;
	border-radius: 0;
	font-weight: 700;
	text-decoration: none;
	box-shadow: none;
}

.fg-kjop a.fg-kjop__tilbud:hover,
.breakdance .fg-kjop a.fg-kjop__tilbud:hover,
.breakdance .fg-kjop a.fg-kjop__tilbud.bde-button__button:hover {
	background: #002A3A;
	color: #FFFFFF;
	border-color: #002A3A;
}

.fg-kjop a.fg-kjop__tilbud:focus-visible {
	outline: 2px solid #002A3A;
	outline-offset: 2px;
}

@media (max-width: 480px) {
	.fg-kjop.fg-kjop--plassert form.cart,
	.breakdance-woocommerce .fg-kjop.fg-kjop--plassert form.cart {
		flex: 0 0 100%;
	}
	.fg-kjop.fg-kjop--plassert .single_add_to_cart_button,
	.breakdance-woocommerce .fg-kjop.fg-kjop--plassert .single_add_to_cart_button {
		flex: 1 1 auto;
	}
	.fg-kjop a.fg-kjop__tilbud,
	.breakdance .fg-kjop a.fg-kjop__tilbud.bde-button__button {
		flex: 0 0 100%;
	}
}