/* rubriker */
h1 {
	font-weight: 600 !important;
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 10px;
	margin-top: 10px;
}

h2 {
	font-weight: 600 !important;
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 10px;
	margin-top: 10px;
}


.dolj, .gform_required_legend {
	display: none !important;
}

.produkt_header, .single .price {
	text-align: center;
}

.amount {
	font-weight: 400 !important;
	font-size: 18px !important;
}

.products .price {
	color: #333 !important;
}

.single .woocommerce-breadcrumb, .site-main nav.woocommerce-breadcrumb {
	display: none;
}

main#main.site-main nav.woocommerce-breadcrumb

.upload_formular {
	padding: 20px !important;
	background: #f5f5f5 !important;
}

input#input_14_1.medium {
	background: #f5f5f5;
	border: 0px;
}

div.woocommerce form.woocommerce-form.woocommerce-form-login.login {
	max-width: 500px;
	border: 1px solid #333;
	border-radius: 0px;
	margin: 0 auto;
	background: #333;
	color: #fff;
	padding: 30px;

}

div.woocommerce form.woocommerce-form.woocommerce-form-login.login a {
	color: #999;
	text-decoration: none;
}

.woocommerce-form-login__submit {
	width: 100%;
	height: 60px;
	margin-top: 20px !important;
	border-radius: 0px !important;
	background: none !important;
	border: 1px solid #fff !important;
	color: #fff !important;
}

.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme, .woocommerce-form-login .required {
	display: none !important;
}

main#genesis-content.content article.post-7.page.type-page.status-publish.entry div.entry-content div.woocommerce form.woocommerce-form.woocommerce-form-login.login p.woocommerce-LostPassword.lost_password {
	margin-bottom: 0px;
}

ul.woocommerce-error {
	padding: 50px;
}

.woocommerce-MyAccount-navigation {
	width: 100% !important;
}
.woocommerce-MyAccount-navigation li {
		display: inline-block;
		padding: 20px;
		text-align: center;
		margin: 0 auto;
		float: none !important;
		background: #333;
		color: #fff !important;
		text-decoration: none;
}
.woocommerce-MyAccount-navigation li a {
	color: #fff;
	text-decoration: none;
}


.woocommerce-MyAccount-navigation ul {
		padding: 20px;
		width: 100% !important;
		margin: 0 auto;
		text-align: left;
		padding-left: 0px !important;
}


.woocommerce-breadcrumb a {
	text-decoration: none !important;
}

main#genesis-content.content article.post-7.page.type-page.status-publish.entry div.entry-content div.woocommerce div.woocommerce-MyAccount-content {
	width: 100%;
}

body .gform_wrapper .gform_body {
	font-family: "Source Sans Pro", sans-serif;
}

body #gform_wrapper_1 .gform_body {border: 1px solid red}

body .gform_wrapper .gform_body .gform_fields {border: 0px solid red}

body .gform_wrapper .gform_body .gform_fields .gfield { padding: 10px; border-bottom: 0px;
}

/* beskrivningar */
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container { font-size: 18px; }

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label, input {
	font-size: 20px;
	margin-bottom: 10px;
}

.gfield_description {
	font-size: 18px !important;
	font-weight: 400 !important;
	line-height: 23px !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield input {border: 1px solid #eee; padding: 10px !important;
}

.gpnf-nested-entries {
	width: 100%;
	padding: 10px;
}

li#field_12_14.gfield.field_sublabel_below.field_description_below.gfield_visibility_visible {
	max-width: 400px;
}

label {
	padding-top: 5px;
	font-size: 20px !important;
}

.gpnf-add-entry {
	border-radius: 0px !important;
	margin-top: 0px !important;
	margin-bottom: 30px;
	width: 100%;
	text-transform: uppercase;
}

div#gfield_instruction_12_24.instruction {
	display: none;
}

input#gform_submit_button_12.gform_button.button {
	padding: 20px;
	background: #333;
	color: #fff;
	border-right: 0px !important;
	width: 100%;
	text-transform: uppercase;
	margin-bottom: 50px !important;
}

input#input_12_24.large {
	width: 100px;
	text-align: center;
	font-size: 20px;
}
 
  input#input_12_48.medium {
	width: 100px;
	font-size: 20px;
}


/* rensa mitt konto */
.woocommerce-MyAccount-navigation-link--orders, .woocommerce-MyAccount-navigation-link--downloads {
	display: none !important;
}

.woocommerce {
	font-family: "Source Sans Pro", sans-serif !important;
}

.woocommerce a {
	color: #444;
}

input#input_12_20.gform-text-input-reset.ginput_total.ginput_total_12, input#ginput_base_price_12_36.ginput_product_price.gform-text-input-reset, input#input_12_48.medium, input#input_12_120, input#input_12_69, input#input_12_70 {
	border: 0 !important;
	padding: 10px 0px !important;
}

div#field_12_34.gfield.gfield--width-quarter.field_sublabel_below.field_description_below.gfield_visibility_visible div.ginput_container {
	padding: 10px 0px;
}

.ginput_subtotal_12_34, .ginput_product_price, .ginput_total {
	color: #333 !important;
	font-size: 18px !important;
}

.ginput_product_price_label {
	display: none;
}

body .gform_wrapper hr {
	border: dashed #eee 2px !important;
}

h3.gsection_title {
	border-bottom: dashed #eee 2px !important;
	padding-bottom: 20px;
}

div#gf_page_steps_12.gf_page_steps {
	border-bottom: dashed #eee 2px !important;
	padding-bottom: 20px;
	margin-bottom: 40px;
}

.clean_button.button {
	background: none !important;
	color: #444 !important;
	border: 1px solid #333 !important;	
	margin-left: 10px !important;
}

form#gform_14 div.gform_footer.top_label {
	margin-top: 0px;
}

input#gform_submit_button_14.gform_button.button {
	margin-left: 10px;
	background: #333;
	color: #fff;
}

.gpnf-nested-entries th {
	text-align: left !important;
}

.button {
	border-radius: 0px !important;
	padding: 20px !important;
}

.csv-fil {
	background: #333 !important;
	color: #fff !important;
	max-width: 250px;
	width: 100%;
	padding: 20px 20px !important;
}

/* dölj beskrivning ange ett nummer under antal när man lägger till namnlösa skyltar */
#gfield_instruction_15_6 {
	display: none;
}
/* ============================================================
   Varukorg, kassa & produktsida – stilren svartvit design
   (portad från Skovdegravyr-linjen, anpassad för minskylt)
   ============================================================ */

/* --- Full bredd: samma som menyn i sidhuvudet --- */
.woocommerce-cart .site-inner,
.woocommerce-checkout .site-inner {
	max-width: 1160px;
}

.woocommerce-cart .content,
.woocommerce-checkout .content {
	width: 100%;
}

/* --- Knappar: svarta, raka, versaler --- */
.woocommerce-cart a.button.alt,
.woocommerce-checkout a.button.alt,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .button,
.woocommerce-checkout .button,
.woocommerce-checkout #payment #place_order {
	background: #1d1d1d !important;
	color: #fff !important;
	border: 0;
	border-radius: 0 !important;
	text-transform: uppercase;
	letter-spacing: .04em;
	font-weight: 600;
	padding: 16px 26px !important;
	transition: background .15s ease;
}

.woocommerce-cart a.button.alt:hover,
.woocommerce-checkout a.button.alt:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart .button:hover,
.woocommerce-checkout .button:hover,
.woocommerce-checkout #payment #place_order:hover {
	background: #000 !important;
	color: #fff !important;
}

.woocommerce-cart .button:disabled,
.woocommerce-cart .button.disabled {
	background: #e5e5e5 !important;
	color: #9a9a9a !important;
}

/* --- Tabeller: tunna linjer, luft --- */
.woocommerce-cart table.shop_table,
.woocommerce-checkout table.shop_table {
	border: 1px solid #e5e5e5;
	border-radius: 0;
	border-collapse: collapse;
}

.woocommerce-cart table.shop_table th,
.woocommerce-checkout table.shop_table th {
	background: #fafafa;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: .05em;
	color: #555;
	padding: 14px 16px;
	border-bottom: 1px solid #e5e5e5;
}

.woocommerce-cart table.shop_table td,
.woocommerce-checkout table.shop_table td {
	padding: 14px 16px;
	border-top: 1px solid #eee;
	background: #fff;
}

/* Skyltdetaljer på raden: "Etikett: värde" på en rad per par. */
.woocommerce-cart td.product-name dl.variation,
.woocommerce-checkout td.product-name dl.variation {
	margin: 6px 0 0;
	color: #777;
	font-size: 13px;
}

.woocommerce-cart td.product-name dl.variation dt,
.woocommerce-checkout td.product-name dl.variation dt {
	display: inline;
	float: none;
	clear: none;
	margin: 0;
	padding: 0;
	font-weight: 400;
}

.woocommerce-cart td.product-name dl.variation dd,
.woocommerce-checkout td.product-name dl.variation dd {
	display: inline;
	margin: 0 0 0 4px;
	padding: 0;
}

.woocommerce-cart td.product-name dl.variation dd p,
.woocommerce-checkout td.product-name dl.variation dd p {
	display: inline;
	margin: 0;
	padding: 0;
}

.woocommerce-cart td.product-name dl.variation dd::after,
.woocommerce-checkout td.product-name dl.variation dd::after {
	content: "";
	display: block;
	height: 2px;
}

/* --- Meddelanden --- */
.woocommerce-cart .woocommerce-message,
.woocommerce-checkout .woocommerce-message,
.woocommerce-cart .woocommerce-info,
.woocommerce-checkout .woocommerce-info {
	background: #fafafa;
	border-top: 2px solid #1d1d1d;
	color: #333;
}

/* --- Rubriker i kassan --- */
.woocommerce-checkout h3,
.woocommerce-checkout .woocommerce-billing-fields h3,
#order_review_heading {
	font-size: 17px;
	text-transform: uppercase;
	letter-spacing: .05em;
	margin: 26px 0 14px;
	padding-bottom: 8px;
	border-bottom: 2px solid #1d1d1d;
}

.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea {
	border: 1px solid #ccc;
	border-radius: 0;
	padding: 10px 12px;
}

.woocommerce-checkout .form-row input.input-text:focus,
.woocommerce-checkout .form-row textarea:focus {
	border-color: #1d1d1d;
	outline: none;
}

/* Radera-krysset i varukorgen. */
.woocommerce-cart a.remove {
	color: #999 !important;
	border-radius: 0;
}

.woocommerce-cart a.remove:hover {
	color: #fff !important;
	background: #dc2626;
}

/* --- Produktsidan --- */

/* Luft i slutet av sidan (Genesis-behållaren heter .content). */
.single-product .content {
	padding-bottom: 90px;
}

/* Sektionsrubriker som kassans. */
.single-product .produkt_formular h2,
.single-product .upload_formular h2 {
	font-size: 17px;
	text-transform: uppercase;
	letter-spacing: .05em;
	margin: 34px 0 14px;
	padding-bottom: 8px;
	border-bottom: 2px solid #1d1d1d;
}

/* Skylt-tabellerna (nested forms) som varukorgens tabell. */
.single-product .gpnf-nested-entries {
	border: 1px solid #e5e5e5;
	border-collapse: collapse;
}

.single-product .gpnf-nested-entries th {
	background: #fafafa;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: .05em;
	color: #555;
	padding: 12px 14px;
	border-bottom: 1px solid #e5e5e5;
}

.single-product .gpnf-nested-entries td {
	padding: 12px 14px;
	border-top: 1px solid #eee;
	background: #fff;
}

/* Tydlig totalsumma (basregeln har !important, därav samma här). */
.single-product .ginput_total {
	font-size: 26px !important;
	font-weight: 700;
	color: #1d1d1d;
}

.single-product label[for="input_12_20"] {
	text-transform: uppercase;
	letter-spacing: .05em;
	font-size: 13px;
	color: #555;
}

/* Antal + köpknapp på samma rad, med luft ovanför. */
.single-product form.cart .quantity {
	display: inline-block;
	vertical-align: middle;
	margin: 24px 12px 0 0;
}

.single-product form.cart .quantity .qty {
	border: 1px solid #ccc;
	border-radius: 0;
	padding: 14px 8px;
	font-size: 16px;
}

.single-product form.cart button.single_add_to_cart_button {
	display: inline-block;
	vertical-align: middle;
	margin-top: 24px;
	border-radius: 0 !important;
	padding: 18px 34px !important;
}

/* "Lägg till"-knappen i skylt-popupen. */
.tingle-modal .gform_button.button,
.single-product .gpnf-modal .gform_button.button {
	background: #1d1d1d !important;
	color: #fff !important;
	border: 0;
	border-radius: 0 !important;
	text-transform: uppercase;
	letter-spacing: .04em;
	font-weight: 600;
}

.tingle-modal .gform_button.button:hover,
.single-product .gpnf-modal .gform_button.button:hover {
	background: #000 !important;
}

/* Betalrutan: neutral i stället för WooCommerce-lila. */
.woocommerce-checkout #payment {
	background: #fafafa;
	border: 1px solid #e5e5e5;
	border-radius: 0;
}

.woocommerce-checkout #payment div.payment_box {
	background: #f0f0f0;
	color: #333;
	border-radius: 0;
}

.woocommerce-checkout #payment div.payment_box::before {
	border-bottom-color: #f0f0f0;
}

/* Ingen list-punkt framför betalmetoden. */
.woocommerce-checkout #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods li {
	list-style: none !important;
	margin-left: 0;
	padding-left: 0;
}

.woocommerce-checkout #payment ul.payment_methods li::before,
.woocommerce-checkout #payment ul.payment_methods li::marker {
	content: none;
}

/* ============================================================
   Skylt-popupen (GP Nested Forms – tingle-modal)
   Samma formspråk som Excel-uppladdningspopupen: mjuka hörn,
   svart list, runda knappar.
   ============================================================ */

/* GPNF:s runtime-<style> sätter --gpnf-modal-color-* till strängen
   "undefined" (temat kör GF utan theme framework, så --gf-color-primary
   finns inte att hämta). Två skydd: .gform-theme--api höjer specificiteten
   över runtime-blocket (.gpnf-modal-12-42), och --gf-*-varianterna matar
   GPNF:s eget färguppslag så att dess <style> får giltiga värden. */
.gpnf-modal,
.gpnf-modal.gform-theme--api {
	--gpnf-modal-color-primary: #1d1d1d;
	--gpnf-modal-color-primary-contrast: #fff;
	--gpnf-modal-color-primary-darker: #000;
	--gpnf-modal-color-secondary: #fafafa;
	--gpnf-modal-color-danger: #c0392b;
	--gpnf-modal-color-danger-contrast: #fff;
	--gf-color-primary: #1d1d1d;
	--gf-color-primary-contrast: #fff;
	--gf-ctrl-btn-color-primary: #fff;
	--gf-color-primary-darker: #000;
	--gf-color-danger: #c0392b;
	--gf-color-danger-contrast: #fff;
}

/* Mörkare överlägg, mjuka hörn och djupare skugga – som Excel-popupen. */
.gpnf-modal.tingle-modal {
	background: rgba(0, 0, 0, .6);
}

.gpnf-modal .tingle-modal-box {
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 24px 60px rgba(0, 0, 0, .35);
}

/* Rubrikraden: svart list med vit versal titel.
   !important står kvar som skydd mot "undefined" om klassuppsättningen
   ändras i en framtida GPNF-version. */
.gpnf-modal .gpnf-modal-header {
	background-color: #1d1d1d !important;
	color: #fff !important;
	/* GPNF:s egen header-regel laddas efter temats – därav !important. */
	font-size: 14px !important;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .08em !important;
}

/* Fälten: mjuka hörn, tydliga ramar, full bredd.
   !important på storleken krävs – temats globala label-regel är 20px !important. */
.gpnf-modal .gform_wrapper .gfield_label {
	font-size: 12px !important;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .08em;
	color: #1d1d1d;
}

.gpnf-modal .gform_wrapper input[type="text"],
.gpnf-modal .gform_wrapper input[type="number"],
.gpnf-modal .gform_wrapper select {
	width: 100% !important;
	max-width: 100%;
	border: 1px solid #d8d8d8 !important;
	border-radius: 8px !important;
	padding: 12px 14px !important;
	font-size: 15px;
	background: #fff;
	transition: border-color .15s ease;
}

.gpnf-modal .gform_wrapper input[type="text"]:focus,
.gpnf-modal .gform_wrapper select:focus {
	border-color: #1d1d1d !important;
	outline: none;
}

/* Fotraden. OBS – sätt inte display på .tingle-btn generellt,
   det skulle visa GPNF:s dolda mobilknapp även på desktop. */
.gpnf-modal .tingle-modal-box__footer {
	background: #fafafa;
	border-top: 1px solid #e8e8e8;
}

.gpnf-modal .tingle-modal-box__footer .tingle-btn {
	border-radius: 8px;
	padding: 14px 26px;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .06em;
	transition: background .15s ease, color .15s ease, border-color .15s ease;
}

.gpnf-modal .tingle-modal-box__footer .tingle-btn--primary {
	background: #1d1d1d;
	color: #fff;
	border: 1px solid #1d1d1d;
}

.gpnf-modal .tingle-modal-box__footer .tingle-btn--primary:hover {
	background: #000;
}

.gpnf-modal .tingle-modal-box__footer .tingle-btn--default {
	background: #fff;
	color: #1d1d1d;
	border: 1px solid #1d1d1d;
}

.gpnf-modal .tingle-modal-box__footer .tingle-btn--default:hover {
	background: #1d1d1d;
	color: #fff;
}

/* Ta bort-knappen (och Avbryt under ångra-sekunderna): röd kontur,
   fylls vid hover. Gäller även "Are you sure?"-läget. */
.gpnf-modal .tingle-modal-box__footer .tingle-btn--danger {
	background: #fff;
	color: #c0392b;
	border: 1px solid #c0392b;
}

.gpnf-modal .tingle-modal-box__footer .tingle-btn--danger:hover {
	background: #c0392b;
	color: #fff;
}

/* Formulärets egen submit-knapp används inte – popupens footer sköter det. */
.gpnf-modal .gform_footer {
	display: none;
}