/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 


/*MEDIASCREEN STÖRRE DATOR*/
@media only screen and (min-width: 1201px) {
	
}

/*MEDIASCREEN LAPTOP*/
@media only screen and (min-width: 993px) and (max-width: 1200px) {
	
}

/*MEDIASCREEN PLATTA*/
@media only screen and (min-width: 769px) and (max-width: 992px) {
	
}

/*MEDIASCREEN MOBILE*/
@media only screen and (max-width: 768px) {

}


/* =======================================================================================================================================================================
                                                                          Fonter - inläsning 
======================================================================================================================================================================= */

/* XXXXXXXX */
@font-face {
font-family: Georgia, Verdana, Geneva, sans-serif;
font-weight: 400;
font-style: normal;
}


/* XXXXXXXX */
@font-face {
font-family: xxxxxxx;
font-weight: XXX;
font-style: XXXXXX;
}


/* XXXXXXXX */
@font-face {
font-family: xxxxxxx;
font-weight: XXX;
font-style: XXXXXX;
}


/* =======================================================================================================================================================================
                                                                          Fonter - Anpassning 
======================================================================================================================================================================= */



h1 {
	font-family: Georgia, Verdana, Geneva, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #494949;
}

h2 {
	font-family: Georgia, Verdana, Geneva, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #494949;
}

h3 {
	font-family: Georgia, Verdana, Geneva, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #494949;
}

h4 {
	font-family: Georgia, Verdana, Geneva, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #494949;
}

h5 {
	font-family: Georgia, Verdana, Geneva, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #494949;
}

h6 {
	font-family: Georgia, Verdana, Geneva, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #494949;
}

p, li, ul {
	font-family: Georgia, Verdana, Geneva, sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #494949;
}

div.pp-photo-gallery-caption {
	font-family: Georgia, Verdana, Geneva, sans-serif;
	font-weight: 400;
	font-style: normal;
}

p {
	line-height: 1.75;
	margin: 2em 0 2em;
}

.fl-main-content a span {
	font-family: Georgia, Verdana, Geneva, sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #494949;
}

button {
	font-family: Georgia, Verdana, Geneva, sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #494949;
}

a {
	color: #0E7A01;
	text-decoration: underline;
}

a:hover, a:focus {
	color: #0d5904;
}

ul {
		text-align: left;
	}

#breadcrumbs a {
	text-decoration: underline;
}

.pp-breadcrumbs a, .pp-breadcrumbs span {
	display: inline;
}

.menu-item a { 
	font-family: Georgia, Verdana, Geneva, sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #494949;
	transition: ease-in-out .2s;
}

.pp-has-submenu .sub-menu {
	padding-left: 30px;
	max-width: 200px !important;
}

li.pp-has-submenu {
	list-style-image: url("/wp-content/uploads/2025/08/menu-expanded.gif") !important;
}

.pp-has-submenu .sub-menu li {
	list-style-image: url("/wp-content/uploads/2025/08/menu-leaf.gif");
	overflow-wrap: break-word;
  	word-wrap: break-word;
  	white-space: normal !important;
}


.vit-text, .vit-text h1, .vit-text h2, .vit-text h3, .vit-text h4, .vit-text h5, .vit-text h6, .vit-text p, .vit-text a, .vit-text span {
	color: #fff !important;
}

.svart-text, .svart-text h1, .svart-text h2, .svart-text h3, .svart-text h4, .svart-text h5, .svart-text h6, .svart-text p, .svart-text a, .svart-text span {
	color: #000 !important;
}



/* Anpassning fonter storlekar */

/*MEDIASCREEN STÖRRE DATOR*/
@media only screen and (min-width: 1201px) {
	
	h1 {
		font-size:30px;
	}
	
	h2 {
		font-size:24px;
		
	}
	
	h3 {
		font-size:20px;
	}
	
	h4 {
		font-size:18px;
	}
	
	
	h5 {
		font-size:18px;
	}
	
	h6 {
		font-size:18px;
	}
	
	p, li, ul	{
		font-size:14px;
	}
	
	a	{
		font-size:14px;
	}
	
	p a:hover {
		color: #0d5904;
	}
	
}



/*MEDIASCREEN LAPTOP*/
@media only screen and (min-width: 993px) and (max-width: 1200px) {
	
	h1 {
		font-size:28px;
	}
	
	h2 {
		font-size:26px;
		
	}
	
	h3 {
		font-size:24px;
	}
	
	h4 {
		font-size:22px;
	}
	
	
	h5 {
		font-size:20px;
	}
	
	h6 {
		font-size:18px;
	}
	
	p, li, ul	{
		font-size:14px;
	}
	
	a	{
		font-size:14px;
	}
	
}

/*MEDIASCREEN PLATTA*/
@media only screen and (min-width: 769px) and (max-width: 992px) {
	
	h1 {
		font-size:28px;
	}
	
	h2 {
		font-size:26px;
		
	}
	
	h3 {
		font-size:24px;
	}
	
	h4 {
		font-size:22px;
	}
	
	
	h5 {
		font-size:20px;
	}
	
	h6 {
		font-size:18px;
	}
	
	p, li, ul	{
		font-size:14px;
	}
	
	a	{
		font-size:14px;
	}
	
}

/*MEDIASCREEN MOBILE*/
@media only screen and (max-width: 768px) {

	h1 {
		font-size:28px;
	}
	
	h2 {
		font-size:26px;
		
	}
	
	h3 {
		font-size:24px;
	}
	
	h4 {
		font-size:22px;
	}
	
	
	h5 {
		font-size:20px;
	}
	
	h6 {
		font-size:18px;
	}
	
	p, li, ul	{
		font-size:14px;
	}
	
	a	{
		font-size:14px;
	}
	
	
}


/* =======================================================================================================================================================================
                                                                          Header
======================================================================================================================================================================= */


.fl-theme-builder-header-shrink .logotyp-header {
	width:140px !important;
	transition:  1s;

}


.kolumn-logo .fl-col-content {
    margin-right: 0px;
    display: block;
	
	}




/* =======================================================================================================================================================================
                                                                           Generella ändringar  
======================================================================================================================================================================= */

.tre-kolumn-padding-text, .femti-femti-kolumner  {
	padding-top:3%;
	padding-bottom:3%;
	padding-left:3%;
	padding-right:3%;
}


/*MEDIASCREEN MOBILE*/
@media only screen and (max-width: 768px) {
	.tre-kolumn-padding-text, .femti-femti-kolumner  {
	padding-top:7%;
	padding-bottom:7%;
	padding-left:7%;
	padding-right:7%;
}
}

a:hover, a:visited {
	text-decoration:none;
}


.rund-bild img {
	border-radius:50%;
}


.opa-10 img,
.opa-10 {
	opacity:10%;
}

.opa-20 img,
.opa-20 {
	opacity:20%;
}

.opa-30 img,
.opa-30 {
	opacity:30%;
}

.opa-40 img,
.opa-40 {
	opacity:40%;
}

.opa-50 img,
.opa-50 {
	opacity:50%;
}

.opa-60 img,
.opa-60 {
	opacity:60%;
}

.opa-70 img,
.opa-70 {
	opacity:70%;
}

.opa-80 img,
.opa-80 {
	opacity:80%;
}

.opa-90 img,
.opa-90 {
	opacity:90%;
}



/**Center frontpage header video**/
body.home .fl-bg-video {
	display: flex;
	justify-content: center;
}

/**Absolute position messes with flex centering and "min-width: 100%" made video shrink when flex centered**/
body.home .fl-bg-video video {
	position: static;
	min-width: unset;
}




/* =======================================================================================================================================================================
                                                                          Knappar
======================================================================================================================================================================= */


/******** KNAPP MOT MÖRK ********/
.knapp-mot-mork a.fl-button {
	background: #9B3B14;
	border:solid white 2px;
	transition: ease-in-out .2s;
}

.knapp-mot-mork a.fl-button:hover {
	background: #5E1C02;
	border:solid white 2px;
}

/*knapptexten*/
.knapp-mot-mork a.fl-button span {
  	color:white;
	transition: ease-in-out .2s;
}

.knapp-mot-mork a.fl-button:hover span {
  	color:white;
}


/******** KNAPP MOT LJUS ********/

.knapp-mot-ljus a.fl-button, .knapp-mot-ljus button, .knapp-mot-ljus input {
	background:none;
	border:solid black 1px;
	transition: ease-in-out .2s;
}

.knapp-mot-ljus a.fl-button:hover, .knapp-mot-ljus button:hover, .knapp-mot-ljus input:hover {
	background:black !important;
	border:solid black 1px !important;

}


/*knapptexten*/
.knapp-mot-ljus a.fl-button span, .knapp-mot-ljus button, .knapp-mot-ljus button a, .knapp-mot-ljus input {
  	color:black;
	transition: ease-in-out .2s;
}

.knapp-mot-ljus a.fl-button:hover span, .knapp-mot-ljus button:hover, .knapp-mot-ljus button:hover a, .knapp-mot-ljus input:hover {
  	color:#F28F00 !important;
	text-decoration:none;
}


/* =======================================================================================================================================================================
                                                                          Startsida
======================================================================================================================================================================= */







/* =======================================================================================================================================================================
                                                                          Blogg
======================================================================================================================================================================= */

.tretti-div, .sjutti-div {
    float:left;
}

.sjutti-div {
    width: 70%;
    padding:15px;
}

.tretti-div {
    width: 30%;
}


/*MEDIASCREEN PLATTA*/
@media only screen and (min-width: 769px) and (max-width: 992px) {
	

.sjutti-div {
    width: 50%;
    padding:15px;
}

.tretti-div {
    width: 50%;
}
}

/*MEDIASCREEN MOBILE*/
@media only screen and (max-width: 768px) {
	.tretti-div, .sjutti-div {
		float:none;
	}

	.sjutti-div {
		width: 100%;
		padding:15px;
	}

	.tretti-div {
		width: 100%;
	}
}

/* =======================================================================================================================================================================
                                                                reCaptcha Styling
======================================================================================================================================================================= */

/* Move reCAPTCHA v3 badge to the left */
 
 .grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  left: 4px !important;
	 z-index: 100;
}
.grecaptcha-badge:hover {
  width: 256px !important;
}


/* =======================================================================================================================================================================
                                                                WooCommerce-styling
======================================================================================================================================================================= */

.woocommerce-breadcrumb a, .product_meta a, .woocommerce-form-coupon-toggle a, .woocommerce-privacy-policy-text p, .woocommerce-privacy-policy-text a {
	font-size: inherit !important;
	line-height: inherit !important;
}


.woocommerce-cart-form__cart-item a {
	font-size: inherit !important;
	line-height: inherit !important;
}

.woocommerce-shipping-totals li {
	font-size: 14px;
}


/* =======================================================================================================================================================================
                                                                Sidomeny - styling
======================================================================================================================================================================= */

/*MEDIASCREEN PLATTA*/
@media only screen and (min-width: 769px) and (max-width: 992px) {
	
	.sidemenu-mobile .sub-menu {
		max-width: 100% !important;
	}
	
}


/* =======================================================================================================================================================================
                                                                Tillgänglighetsanpassningar
======================================================================================================================================================================= */

.fl-screen-reader-text {
	background: white;
    border: blue 2px solid;
    padding: 20px;
    z-index: 9000;
    position: absolute;
    top: 0;
}

.logotyp-header:focus {
	border: 2px solid blue;
	border-radius: 5px;
	outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.pp-advanced-menu .menu > li > a:focus,
.pp-advanced-menu .menu > li > a:focus-within {
	border: 2px solid blue;
	border-radius: 5px;
	outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.pp-advanced-menu-mobile button:focus,
.pp-advanced-menu-mobile button:focus-within {
	border: 2px solid blue;
	border-radius: 5px;
	outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.pp-off-canvas-menu li:focus,
.pp-off-canvas-menu li:focus-within,
.pp-menu-close-btn:focus,
.pp-menu-close-btn:focus-within {
	border: 2px solid blue;
	border-radius: 5px;
	outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}


.pp-photo-content a:focus,
.pp-photo-content a:focus-within {
	border: 2px solid blue;
	border-radius: 5px;
	outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.pp-content-post:focus,
.pp-content-post:focus-within {
	border: 2px solid blue;
	border-radius: 5px;
	outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

ul.pp-post-filters li:focus,
ul.pp-post-filters li:focus-within {
	border: 2px solid blue;
	border-radius: 5px;
	outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

form input[type=submit]:focus, form input[type=submit]:focus-within {
	border: 2px solid blue;
	border-radius: 5px;
	outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.fl-icon:focus, .fl-icon:focus-within {
	border: 2px solid blue;
	border-radius: 5px;
	outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

textarea {
	color: #333;
}

/* --- WooCommerce --- */


.woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message, .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info, .woocommerce .woocommerce-error, .woocommerce-page .woocommerce-error, input[type=text], input[type=password], input[type=email], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=number], input[type=search], input[type=url], textarea {
	color: #333 !important;
}

#add_payment_method .cart-collaterals .cart_totals table small, .woocommerce-cart .cart-collaterals .cart_totals table small, .woocommerce-checkout .cart-collaterals .cart_totals table small {
	color: #707070;
}

body {
	color: #333;
}

.category-inner a:focus,
.category-inner a:focus-within,
.category-inner a:focus-visible {
	border: 2px solid blue;
	border-radius: 5px;
	outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

/* --- Sidunika anpassningar --- */

.doormodels-content-grid .pp-content-post:focus, 
.doormodels-content-grid .pp-content-post:focus-within {
	border: none;
}


/* --- Om du vill gömma ett objekt för tillgänglighetssyften --- */


.visually-hidden {
	position: absolute;
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0,0,0,0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}


.pp-toggle-label {
	position: absolute;
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0,0,0,0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* =======================================================================================================================================================================
                                                                Bildspel Startsida - Styling
======================================================================================================================================================================= */

.bildspel-startsida .pp-carousel-image-container img {
	margin: auto;
}

/* =======================================================================================================================================================================
                                                                Galleri som Utvalda bilder - Styling
======================================================================================================================================================================= */

.bildspel-utvalda-bilder img {
	width: auto !important;
}


.bildspel-utvalda-bilder .pp-photo-gallery-caption {
	font-size: 12px;
	text-align: center;
	margin: 10px;
}


/* =======================================================================================================================================================================
                                                                Bildspel som Utvalda bilder - Styling
======================================================================================================================================================================= */

.bildspel-utvalda-bilder {
	max-width: 300px;
}

/*MEDIASCREEN PLATTA*/
@media only screen and (min-width: 769px) and (max-width: 992px) {
	
}

/*MEDIASCREEN MOBILE*/
@media only screen and (max-width: 768px) {
	.bildspel-utvalda-bilder-mobil .pp-image-carousel-item {
		height: 150px !important;
	}

	.bildspel-utvalda-bilder-mobil .pp-image-carousel-item img {
		object-fit: cover;
		height: 100%;
	}
}


/* =======================================================================================================================================================================
                                                                Cookie Notice - Styling
======================================================================================================================================================================= */

#cookie-notice .cn-button:not(.cn-button-custom) {
	margin: 2px;
	border: 2px solid #fff;
	color: #fff;
}

.cn-text-container {
	margin-right: 10px;
	font-weight: 500 !important;
}

.cn-close-icon:after, .cn-close-icon:before {
	background-color: #000;
}


/* =======================================================================================================================================================================
                                                                Nyheter - Styling
======================================================================================================================================================================= */

.news .pp-accordion-button {
	background-color: #9B3B14 !important;
}


/* =======================================================================================================================================================================
                                                                Puffar startsidan - Styling
======================================================================================================================================================================= */

/*MEDIASCREEN MOBILE*/
@media only screen and (max-width: 768px) {
	.puffar-startsidan ul li a {
		font-size: 20px;
	}
}


/* =======================================================================================================================================================================
                                                                Prisförslag bildgrid - Styling
======================================================================================================================================================================= */

.skisser-grid .justified-gallery {
	height: 500px !important;
}

.skisser-grid .pp-photo-gallery {
	

}

.skisser-grid .pp-photo-gallery-item {
	min-height: 260px !important;
}



.skisser-grid .pp-photo-gallery .pp-gallery-overlay {
	opacity: 1;
}

.skisser-grid .pp-photo-gallery .pp-gallery-overlay .pp-overlay-inner {
	top: 10px;
	width: 100%;
}

.skisser-grid .pp-photo-gallery .pp-gallery-overlay .pp-caption {
	margin: 40px 0 0;
	font-size: 12px !important;
}

.skisser-grid .pp-photo-gallery .pp-photo-gallery-content {

}

.skisser-grid .pp-photo-gallery .pp-photo-gallery-content img {
	margin-top: 40px;
	padding-top: 10px;
}


/*MEDIASCREEN STÖRRE DATOR*/
@media only screen and (min-width: 1201px) {
	
}

/*MEDIASCREEN LAPTOP*/
@media only screen and (min-width: 993px) and (max-width: 1200px) {
	
}

/*MEDIASCREEN PLATTA*/
@media only screen and (min-width: 769px) and (max-width: 992px) {
	
}

/*MEDIASCREEN MOBILE*/
@media only screen and (max-width: 768px) {
	.skisser-grid .justified-gallery {
		height: 500px !important;
	}
	
	.skisser-grid .pp-photo-gallery-item {
		min-height: 300px !important;
	}
	
	
	.skisser-grid .pp-photo-gallery .pp-gallery-overlay .pp-caption {
		margin: 40px 0 0;
		font-size: 10px !important;
	}
}


/* =======================================================================================================================================================================
                                                                Content Grid Dörrmodellserie - Styling
======================================================================================================================================================================= */

.flex-tabel {
    display: flex;
    flex-direction: column;
	height: 30px;
	justify-content: flex-end;
}

.flex-tabel .tabel-row {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid rgb(204, 204, 204);
}

.flex-tabel .tabel-row .tabel-data {
    margin: 2px 0 0;
}

.flex-tabel .tabel-row .tabel-data strong {
	visibility: hidden;
}

/*MEDIASCREEN LAPTOP + PLATTA + MOBILE*/
@media only screen and (max-width: 1280px) {
	
	.flex-tabel {
		height: auto !important;
	}
	
	.flex-tabel .tabel-row {
    	flex-direction: column;
		border-bottom: 1px solid rgb(104, 104, 104);
	}
	
	.flex-tabel .tabel-row .tabel-data {
    	font-size: 11px;
		display: flex;
    	justify-content: space-between;
		border-bottom: 1px solid rgb(234, 234, 234);
	}
	
	.flex-tabel .tabel-row .tabel-data strong {
    	visibility: visible;
	}
		
}

/* =======================================================================================================================================================================
                                                                Content Grid Tabeller för Innerförrar - Styling
======================================================================================================================================================================= */

.pp-content-post-grid .tabel .tabel-data-3 {
	width: 20%;
}

/*MEDIASCREEN LAPTOP + PLATTA + MOBILE*/
@media only screen and (max-width: 1280px) {
	
	.pp-content-post-grid .tabel .tabel-data-3 {
		width: 25%;
	}

}
	

/* =======================================================================================================================================================================
                                                                Sticky position - Styling
======================================================================================================================================================================= */	

body .sticky {
	position: sticky;
	position: -webkit-sticky;
	top: 90px !important;
	z-index: 1 !important;
}

/*MEDIASCREEN LAPTOP + PLATTA + MOBILE*/
@media only screen and (max-width: 1280px) {
	
	.pp-has-submenu .sub-menu {
		max-width: 1200px !important;
		list-style-image: none !important;
	}
	

}
/* =======================================================================================================================================================================
                                                                Inspiration Sida Enkel dörrar
======================================================================================================================================================================= */	

/* PP-grid: inga konstigheter med höjd */
.fl-node-7ojgv5k3i9ql .pp-content-post,
.pp-content-grid-post {
    padding: 0;
    height: auto;
    background-color: #ffffff;
}

/* Kortet */
.allmoge-inspo-card {
    background-color: #FFF9EF;
    padding: 0;
    overflow: hidden;
}

.allmoge-inspo-image-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 2 / 3;          /* default – bra för enkeldörrar */
    height: auto;
    background-color: #f5f7f2;    /* ramfärg */
    padding: 10px;                /* tjocklek på ramen */
    box-sizing: border-box;
    overflow: hidden;
}

.allmoge-inspo-image-wrapper img {
     display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;          /* visa hela dörren */
    object-position: center center;
}

/* Titel under bilden */
.allmoge-inspo-title {
    font-size: 16px;
    margin: 6px 0 10px;
    text-align: center;
}

.allmoge-inspo-title a {
    text-decoration: none;
    color: #5E1C02;
}

.allmoge-inspo-title a:hover {
    color: #9B3B15;
    text-decoration: underline;
}

/* Tooltip / overlay ovanpå bilden */
.allmoge-inspo-tooltip {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(142, 188, 127, 0.95); /* din gröna */
    color: #000;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.5;

    opacity: 0;
    visibility: hidden;
    transform: translateY(5px);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
}
.allmoge-inspo-card:hover .allmoge-inspo-tooltip,
.allmoge-inspo-card:focus-within .allmoge-inspo-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Visa overlay när man hovrar kortet */
.allmoge-inspo-card:hover .allmoge-inspo-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
/* Endast sr-only inuti allmoge-inspo-card */
/* Göm endast sr-only-innehåll inuti korten */
.allmoge-inspo-card .sr-only,
.allmoge-inspo-card .sr-only p {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Wrapper – centrera och ge lite luft ovanför */
.fl-node-7ojgv5k3i9ql .pp-content-grid-pagination {
  margin-top: 32px;
  text-align: center;
}

/* Grundstil för sidnummer (1, 2, 3, …) */
.fl-node-7ojgv5k3i9ql .pp-content-grid-pagination .page-numbers {
  display: inline-block;
  min-width: 34px;
  padding: 6px 10px;
  margin: 0 3px;
  border-radius: 999px;          /* pill-form */
  border: 1px solid #8EBC7F;     /* grön kant */
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
  color: #5E1C02;                /* mörkbrun text */
  background-color: #ffffff;
}

/* Aktiv sida */
.fl-node-7ojgv5k3i9ql .pp-content-grid-pagination .page-numbers.current {
  background-color: #9B3B15;     /* loggans färg */
  border-color: #9B3B15;
  color: #ffffff;
  font-weight: 600;
}

/* Hover på andra sidor än den aktiva */
.fl-node-7ojgv5k3i9ql .pp-content-grid-pagination .page-numbers:hover:not(.current) {
  background-color: #8EBC7F;
  border-color: #8EBC7F;
  color: #ffffff;
}

/* Föregående / nästa – lite mer “knappiga” */
.fl-node-7ojgv5k3i9ql .pp-content-grid-pagination .page-numbers.prev,
.fl-node-7ojgv5k3i9ql .pp-content-grid-pagination .page-numbers.next {
  padding: 6px 14px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 12px;
}

/* =======================================================================================================================================================================
                                                                Inspiration Sida Par dörrar
======================================================================================================================================================================= */	

/* PARDÖRRAR – PP-grid: inga konstigheter med höjd */
.fl-node-4o65hmxpfzry .pp-content-post,
.fl-node-4o65hmxpfzry .pp-content-grid-post {
    padding: 0;
    height: auto;
    background-color: #ffffff;
}

/* Kortet (bara i pardörrs-griden) */
.fl-node-4o65hmxpfzry .allmoge-inspo-card {
    background-color: #F2D5A4;
    padding: 0;
    overflow: hidden;
}
/* PARDÖRRAR – LETTERBOX-VARIANT */
.fl-node-4o65hmxpfzry .allmoge-inspo-image-wrapper {
     position: relative;
    width: 100%;
    aspect-ratio: 4 / 5;         
    height: auto;
    background-color: #f5f7f2;    /* ramfärg */
    padding: 10px;                /* tjocklek på ramen */
    box-sizing: border-box;
    overflow: hidden;
}

.fl-node-4o65hmxpfzry .allmoge-inspo-image-wrapper img {
     display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;          /* visa hela dörren */
    object-position: center center;
}


/* Titel under bilden – PARDÖRRAR */
.fl-node-4o65hmxpfzry .allmoge-inspo-title {
    font-size: 16px;
    margin: 6px 0 10px;
    text-align: center;
}

.fl-node-4o65hmxpfzry .allmoge-inspo-title a {
    text-decoration: none;
    color: #5E1C02;
}

.fl-node-4o65hmxpfzry .allmoge-inspo-title a:hover {
    color: #9B3B15;
    text-decoration: underline;
}

/* Tooltip / overlay ovanpå bilden – PARDÖRRAR */
.fl-node-4o65hmxpfzry .allmoge-inspo-tooltip {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(142, 188, 127, 0.95); /* din gröna */
    color: #000;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.5;

    opacity: 0;
    visibility: hidden;
    transform: translateY(5px);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
}

/* Visa overlay när man hovrar eller fokuserar kortet – PARDÖRRAR */
.fl-node-4o65hmxpfzry .allmoge-inspo-card:hover .allmoge-inspo-tooltip,
.fl-node-4o65hmxpfzry .allmoge-inspo-card:focus-within .allmoge-inspo-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Pagination – PARDÖRRAR */
.fl-node-4o65hmxpfzry .pp-content-grid-pagination {
  margin-top: 32px;
  text-align: center;
}

/* Grundstil för sidnummer (1, 2, 3, …) – PARDÖRRAR */
.fl-node-4o65hmxpfzry .pp-content-grid-pagination .page-numbers {
  display: inline-block;
  min-width: 34px;
  padding: 6px 10px;
  margin: 0 3px;
  border-radius: 999px;          /* pill-form */
  border: 1px solid #8EBC7F;     /* grön kant */
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
  color: #5E1C02;                /* mörkbrun text */
  background-color: #ffffff;
}

/* Aktiv sida – PARDÖRRAR */
.fl-node-4o65hmxpfzry .pp-content-grid-pagination .page-numbers.current {
  background-color: #9B3B15;     /* loggans färg */
  border-color: #9B3B15;
  color: #ffffff;
  font-weight: 600;
}

/* Hover på andra sidor än den aktiva – PARDÖRRAR */
.fl-node-4o65hmxpfzry .pp-content-grid-pagination .page-numbers:hover:not(.current) {
  background-color: #8EBC7F;
  border-color: #8EBC7F;
  color: #ffffff;
}

/* Föregående / nästa – lite mer “knappiga” – PARDÖRRAR */
.fl-node-4o65hmxpfzry .pp-content-grid-pagination .page-numbers.prev,
.fl-node-4o65hmxpfzry .pp-content-grid-pagination .page-numbers.next {
  padding: 6px 14px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 12px;
}

/* =======================================================================================================================================================================
                                                                Inspiration Sida Enkelpardörrar
======================================================================================================================================================================= */	



/* PP-grid: inga konstigheter med höjd – NY SEKTION */
.fl-node-th4i8x13zys5 .pp-content-post,
.fl-node-th4i8x13zys5 .pp-content-grid-post {
    padding: 0;
    height: auto;
    background-color: #ffffff;
}

/* Kortet (bara i den här griden) */
.fl-node-th4i8x13zys5 .allmoge-inspo-card {
    background-color: #FFF9EF;
    padding: 0;
    overflow: hidden;
}
/* Letterbox med synlig ram runt om */
.fl-node-th4i8x13zys5 .allmoge-inspo-image-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 5;
    height: auto;
    background-color: #f5f7f2;  /* ramfärg */
    padding: 10px;              /* ↓ ger synlig ram runt om */
    box-sizing: border-box;
    overflow: hidden;
}

.fl-node-th4i8x13zys5 .allmoge-inspo-image-wrapper img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;        /* visa hela dörren */
    object-position: center center;
}


/* Titel under bilden */
.fl-node-th4i8x13zys5 .allmoge-inspo-title {
    font-size: 16px;
    margin: 6px 0 10px;
    text-align: center;
}

.fl-node-th4i8x13zys5 .allmoge-inspo-title a {
    text-decoration: none;
    color: #5E1C02;
}

.fl-node-th4i8x13zys5 .allmoge-inspo-title a:hover {
    color: #9B3B15;
    text-decoration: underline;
}

/* Tooltip / overlay ovanpå bilden */
.fl-node-th4i8x13zys5 .allmoge-inspo-tooltip {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(142, 188, 127, 0.95);
    color: #000;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.5;

    opacity: 0;
    visibility: hidden;
    transform: translateY(5px);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
}

/* Visa overlay vid hover/fokus */
.fl-node-th4i8x13zys5 .allmoge-inspo-card:hover .allmoge-inspo-tooltip,
.fl-node-th4i8x13zys5 .allmoge-inspo-card:focus-within .allmoge-inspo-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Pagination */
.fl-node-th4i8x13zys5 .pp-content-grid-pagination {
  margin-top: 32px;
  text-align: center;
}

/* Grundstil för sidnummer */
.fl-node-th4i8x13zys5 .pp-content-grid-pagination .page-numbers {
  display: inline-block;
  min-width: 34px;
  padding: 6px 10px;
  margin: 0 3px;
  border-radius: 999px;
  border: 1px solid #8EBC7F;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
  color: #5E1C02;
  background-color: #ffffff;
}

/* Aktiv sida */
.fl-node-th4i8x13zys5 .pp-content-grid-pagination .page-numbers.current {
  background-color: #9B3B15;
  border-color: #9B3B15;
  color: #ffffff;
  font-weight: 600;
}

/* Hover på andra sidor än den aktiva */
.fl-node-th4i8x13zys5 .pp-content-grid-pagination .page-numbers:hover:not(.current) {
  background-color: #8EBC7F;
  border-color: #8EBC7F;
  color: #ffffff;
}

/* Föregående / nästa */
.fl-node-th4i8x13zys5 .pp-content-grid-pagination .page-numbers.prev,
.fl-node-th4i8x13zys5 .pp-content-grid-pagination .page-numbers.next {
  padding: 6px 14px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 12px;
}


/* =======================================================================================================================================================================
                                                                Inspiration Sida Innerdörrar
======================================================================================================================================================================= */	


/* PP-grid: inga konstigheter med höjd – INNERDÖRRAR */
.fl-node-9pm1nc7w85zl .pp-content-post,
.fl-node-9pm1nc7w85zl .pp-content-grid-post {
    padding: 0;
    height: auto;
    background-color: #ffffff;
}

/* Kortet (bara i den här griden) */
.fl-node-9pm1nc7w85zl .allmoge-inspo-card {
    background-color: #F2D5A4;
    padding: 0;
    overflow: hidden;
}

/* Letterbox med synlig ram runt om */
.fl-node-9pm1nc7w85zl .allmoge-inspo-image-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 5;
    height: auto;
    background-color: #f5f7f2;  /* ramfärg */
    padding: 10px;              /* ↓ ger synlig ram runt om */
    box-sizing: border-box;
    overflow: hidden;
}

.fl-node-9pm1nc7w85zl .allmoge-inspo-image-wrapper img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;        /* visa hela dörren */
    object-position: center center;
}

/* Titel under bilden */
.fl-node-9pm1nc7w85zl .allmoge-inspo-title {
    font-size: 16px;
    margin: 6px 0 10px;
    text-align: center;
}

.fl-node-9pm1nc7w85zl .allmoge-inspo-title a {
    text-decoration: none;
    color: #5E1C02;
}

.fl-node-9pm1nc7w85zl .allmoge-inspo-title a:hover {
    color: #9B3B15;
    text-decoration: underline;
}

/* Tooltip / overlay ovanpå bilden */
.fl-node-9pm1nc7w85zl .allmoge-inspo-tooltip {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(142, 188, 127, 0.95);
    color: #000;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.5;

    opacity: 0;
    visibility: hidden;
    transform: translateY(5px);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
}

/* Visa overlay vid hover/fokus */
.fl-node-9pm1nc7w85zl .allmoge-inspo-card:hover .allmoge-inspo-tooltip,
.fl-node-9pm1nc7w85zl .allmoge-inspo-card:focus-within .allmoge-inspo-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Pagination */
.fl-node-9pm1nc7w85zl .pp-content-grid-pagination {
  margin-top: 32px;
  text-align: center;
}

/* Grundstil för sidnummer */
.fl-node-9pm1nc7w85zl .pp-content-grid-pagination .page-numbers {
  display: inline-block;
  min-width: 34px;
  padding: 6px 10px;
  margin: 0 3px;
  border-radius: 999px;
  border: 1px solid #8EBC7F;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
  color: #5E1C02;
  background-color: #ffffff;
}

/* Aktiv sida */
.fl-node-9pm1nc7w85zl .pp-content-grid-pagination .page-numbers.current {
  background-color: #9B3B15;
  border-color: #9B3B15;
  color: #ffffff;
  font-weight: 600;
}

/* Hover på andra sidor än den aktiva */
.fl-node-9pm1nc7w85zl .pp-content-grid-pagination .page-numbers:hover:not(.current) {
  background-color: #8EBC7F;
  border-color: #8EBC7F;
  color: #ffffff;
}

/* Föregående / nästa */
.fl-node-9pm1nc7w85zl .pp-content-grid-pagination .page-numbers.prev,
.fl-node-9pm1nc7w85zl .pp-content-grid-pagination .page-numbers.next {
  padding: 6px 14px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 12px;
}


/* =======================================================================================================================================================================
                                                                Inspiration Sida Paneldörrar
======================================================================================================================================================================= */	




/* PP-grid: inga konstigheter med höjd – INNERDÖRRAR */
.fl-node-r49c7680gsbq .pp-content-post,
.fl-node-r49c7680gsbq .pp-content-grid-post {
    padding: 0;
    height: auto;
    background-color: #ffffff;
}

/* Kortet (bara i den här griden) */
.fl-node-r49c7680gsbq .allmoge-inspo-card {
    background-color: #FFF9EF;
    padding: 0;
    overflow: hidden;
}

/* Letterbox med synlig ram runt om */
.fl-node-r49c7680gsbq .allmoge-inspo-image-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 5;
    height: auto;
    background-color: #f5f7f2;  /* ramfärg */
    padding: 10px;              /* ↓ ger synlig ram runt om */
    box-sizing: border-box;
    overflow: hidden;
}

.fl-node-r49c7680gsbq .allmoge-inspo-image-wrapper img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;        /* visa hela dörren */
    object-position: center center;
}

/* Titel under bilden */
.fl-node-r49c7680gsbq .allmoge-inspo-title {
    font-size: 16px;
    margin: 6px 0 10px;
    text-align: center;
}

.fl-node-r49c7680gsbq .allmoge-inspo-title a {
    text-decoration: none;
    color: #5E1C02;
}

.fl-node-r49c7680gsbq .allmoge-inspo-title a:hover {
    color: #9B3B15;
    text-decoration: underline;
}

/* Tooltip / overlay ovanpå bilden */
.fl-node-r49c7680gsbq .allmoge-inspo-tooltip {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(142, 188, 127, 0.95);
    color: #000;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.5;

    opacity: 0;
    visibility: hidden;
    transform: translateY(5px);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
}

/* Visa overlay vid hover/fokus */
.fl-node-r49c7680gsbq .allmoge-inspo-card:hover .allmoge-inspo-tooltip,
.fl-node-r49c7680gsbq .allmoge-inspo-card:focus-within .allmoge-inspo-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Pagination */
.fl-node-r49c7680gsbq .pp-content-grid-pagination {
  margin-top: 32px;
  text-align: center;
}

/* Grundstil för sidnummer */
.fl-node-r49c7680gsbq .pp-content-grid-pagination .page-numbers {
  display: inline-block;
  min-width: 34px;
  padding: 6px 10px;
  margin: 0 3px;
  border-radius: 999px;
  border: 1px solid #8EBC7F;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
  color: #5E1C02;
  background-color: #ffffff;
}

/* Aktiv sida */
.fl-node-r49c7680gsbq .pp-content-grid-pagination .page-numbers.current {
  background-color: #9B3B15;
  border-color: #9B3B15;
  color: #ffffff;
  font-weight: 600;
}

/* Hover på andra sidor än den aktiva */
.fl-node-r49c7680gsbq .pp-content-grid-pagination .page-numbers:hover:not(.current) {
  background-color: #8EBC7F;
  border-color: #8EBC7F;
  color: #ffffff;
}

/* Föregående / nästa */
.fl-node-r49c7680gsbq .pp-content-grid-pagination .page-numbers.prev,
.fl-node-r49c7680gsbq .pp-content-grid-pagination .page-numbers.next {
  padding: 6px 14px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 12px;
}


/* =======================================================================================================================================================================
                                                                Inspiration Sida Fönster
======================================================================================================================================================================= */	

/* PP-grid: inga konstigheter med höjd – FÖNSTER */
.fl-node-jxvfgpaktq8l .pp-content-post,
.fl-node-jxvfgpaktq8l .pp-content-grid-post {
    padding: 0;
    height: auto;
    background-color: #ffffff;
}

/* Kortet (bara i den här griden) */
.fl-node-jxvfgpaktq8l .allmoge-inspo-card {
    background-color: #EAF3E4;   /* ljus, snygg grön för fönster */
    padding: 0;
    overflow: hidden;
}

/* Letterbox med synlig ram runt om */
.fl-node-jxvfgpaktq8l .allmoge-inspo-image-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 5;
    height: auto;
    background-color: #f5f7f2;  /* ramfärg, neutral ljusgrå/grön */
    padding: 10px;              /* ↓ ger synlig ram runt om */
    box-sizing: border-box;
    overflow: hidden;
}

.fl-node-jxvfgpaktq8l .allmoge-inspo-image-wrapper img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;        /* visa hela dörren/fönstret */
    object-position: center center;
}

/* Titel under bilden */
.fl-node-jxvfgpaktq8l .allmoge-inspo-title {
    font-size: 16px;
    margin: 6px 0 10px;
    text-align: center;
}

.fl-node-jxvfgpaktq8l .allmoge-inspo-title a {
    text-decoration: none;
    color: #5E1C02;
}

.fl-node-jxvfgpaktq8l .allmoge-inspo-title a:hover {
    color: #9B3B15;
    text-decoration: underline;
}

/* Tooltip / overlay ovanpå bilden */
.fl-node-jxvfgpaktq8l .allmoge-inspo-tooltip {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(142, 188, 127, 0.95);
    color: #000;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.5;

    opacity: 0;
    visibility: hidden;
    transform: translateY(5px);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
}

/* Visa overlay vid hover/fokus */
.fl-node-jxvfgpaktq8l .allmoge-inspo-card:hover .allmoge-inspo-tooltip,
.fl-node-jxvfgpaktq8l .allmoge-inspo-card:focus-within .allmoge-inspo-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Pagination */
.fl-node-jxvfgpaktq8l .pp-content-grid-pagination {
  margin-top: 32px;
  text-align: center;
}

/* Grundstil för sidnummer */
.fl-node-jxvfgpaktq8l .pp-content-grid-pagination .page-numbers {
  display: inline-block;
  min-width: 34px;
  padding: 6px 10px;
  margin: 0 3px;
  border-radius: 999px;
  border: 1px solid #8EBC7F;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
  color: #5E1C02;
  background-color: #ffffff;
}

/* Aktiv sida */
.fl-node-jxvfgpaktq8l .pp-content-grid-pagination .page-numbers.current {
  background-color: #9B3B15;
  border-color: #9B3B15;
  color: #ffffff;
  font-weight: 600;
}

/* Hover på andra sidor än den aktiva */
.fl-node-jxvfgpaktq8l .pp-content-grid-pagination .page-numbers:hover:not(.current) {
  background-color: #8EBC7F;
  border-color: #8EBC7F;
  color: #ffffff;
}

/* Föregående / nästa */
.fl-node-jxvfgpaktq8l .pp-content-grid-pagination .page-numbers.prev,
.fl-node-jxvfgpaktq8l .pp-content-grid-pagination .page-numbers.next {
  padding: 6px 14px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 12px;
}