.elementor-kit-6{--e-global-color-primary:#31262A;--e-global-color-secondary:#666666;--e-global-color-text:#333333;--e-global-color-accent:#000000;--e-global-color-infodotljus:#F7F7F7;--e-global-color-infodotlinje:#EEEEEE;--e-global-typography-primary-font-family:"Lora";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Karla";--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Karla";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Karla";--e-global-typography-accent-font-weight:700;color:#333333;font-family:"Karla", Sans-serif;font-size:15px;line-height:1.6em;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:#31262A;font-family:"Karla", Sans-serif;text-transform:uppercase;letter-spacing:1px;color:#FFFFFF;border-radius:0px 0px 0px 0px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:#000000;color:#FFFFFF;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:#31262A;}.elementor-kit-6 a:hover{color:#000000;}.elementor-kit-6 h1{color:#333333;font-family:"Lora", Sans-serif;font-size:34px;font-weight:400;}.elementor-kit-6 h2{color:#333333;font-family:"Lora", Sans-serif;font-size:26px;font-weight:400;}.elementor-kit-6 h3{color:#333333;font-family:"Lora", Sans-serif;font-size:20px;font-weight:400;}.elementor-kit-6 h4{color:#333333;font-family:"Karla", Sans-serif;font-size:17px;font-weight:700;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* Infodot – webbplatsövergripande CSS (läggs in i Elementor → Webbplatsinställningar → Anpassad CSS) */

/* Offertknappen från infodot-katalog.php (extra specificitet: WooCommerce stylar .woocommerce a.button) */
.woocommerce a.infodot-offert.button,
a.infodot-offert.button {
	display: inline-block;
	padding: 14px 32px;
	background: #31262A;
	color: #FFFFFF;
	font-family: "Karla", sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 0;
	transition: background .2s;
}
.woocommerce a.infodot-offert.button:hover,
a.infodot-offert.button:hover {
	background: #000000;
	color: #FFFFFF;
}

/* Filter i kategorisidans vänsterspalt (WooCommerce-widgetar) */
.infodot-filter h5 {
	margin: 0 0 12px;
	padding-bottom: 8px;
	border-bottom: 1px solid #EEEEEE;
	font-family: "Karla", sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.infodot-filter ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.infodot-filter li {
	padding: 4px 0;
	font-size: 14px;
	color: #666666;
}
.infodot-filter li a {
	color: #666666;
}
.infodot-filter li.chosen a,
.infodot-filter li a:hover {
	color: #000000;
}
.infodot-filter .count {
	float: right;
	color: #999999;
}
.infodot-filter ul.children {
	padding-left: 14px;
}

/* Bildspelet i mobil: produktbilden hamnar bakom texten, så tona ned den */
@media (max-width: 767px) {
	.elementor-slides .swiper-slide-bg::after {
		content: "";
		position: absolute;
		inset: 0;
		background: rgba(255, 255, 255, .75);
	}
}

/* Produktkort i listor */
.woocommerce ul.products li.product a img {
	aspect-ratio: 1 / 1;
	object-fit: contain;
	background: #FFFFFF;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	padding-top: 12px;
}

/* Tabeller på infosidorna (t.ex. konverteringstabellen) */
.page .entry-content table {
	width: 100%;
	margin: 20px 0 30px;
	border-collapse: collapse;
}
.page .entry-content th,
.page .entry-content td {
	padding: 10px 12px;
	border: 1px solid #DDDDDD;
	text-align: left;
	vertical-align: top;
}
.page .entry-content th {
	background: #F7F7F7;
}
.page .entry-content img {
	max-width: 100%;
	height: auto;
}

/* Infosidornas innehållsbredd i Hello Elementor */
.page .site-main {
	max-width: 960px;
	padding-top: 40px;
	padding-bottom: 60px;
}/* End custom CSS */