@font-face {
  font-family: "Beautifully Delicious Script";
  src: url(https://alinalarsen.com/wp-content/uploads/fonts/BDScript-Regular.otf)
}

.post-holder, .page-holder, .blog-holder, .archive-holder {
	max-width: 1180px;
}

#wrapper .footer {
	background-color: #faeadc;
	color: #000;
}

#wrapper .footer-widgets .widget {
	width: 30%;
}

#wrapper .footer-information {
	display: none;
}

/* The linear gradients cause a light Mach band on the image,
 * this will soften up the gradient into a curve instead
 * making it look more professional. */
#header.header-overlay {
	background-image: linear-gradient(
    hsl(0, 0%, 0%) 0%,
    hsla(0, 0%, 0%, 0.738) 19%,
    hsla(0, 0%, 0%, 0.541) 34%,
    hsla(0, 0%, 0%, 0.382) 47%,
    hsla(0, 0%, 0%, 0.278) 56.5%,
    hsla(0, 0%, 0%, 0.194) 65%,
    hsla(0, 0%, 0%, 0.126) 73%,
    hsla(0, 0%, 0%, 0.075) 80.2%,
    hsla(0, 0%, 0%, 0.042) 86.1%,
    hsla(0, 0%, 0%, 0.021) 91%,
    hsla(0, 0%, 0%, 0.008) 95.2%,
    hsla(0, 0%, 0%, 0.002) 98.2%,
    hsla(0, 0%, 0%, 0) 100%
  ) !important;
}

body, a, a:link, a:visited, #masthead .site-description {
	color: #000000;
}

#side-menu {
	background: rgba(0, 0, 0, 0.04);
}
.sidr-inner {
	background: #ffffff;
}
.sidr li {
	border-bottom: 1px solid rgba(0, 0, 0, 0.24);
}
.sidr li a, .sidr li a:link, .sidr li a:visited {
	color: #888888;
	background: rgba(0, 0, 0, 0.04);
}

.divider-small, blockquote::after, hr, h1, h2, h3, h4, h5, h6, .page .article h1:first-child + p, .page .article > p:first-child, .content-holder h1:first-child + p, .content-holder > p:first-child, .content-holder p:empty + p, .content-holder span + p, .page-links .link-label, #wp-calendar #today, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
	color: #000000;
}

.side-list .script-font {
	font-size: 63px;
}

/*TODO: These should probably have a unique class */

.luxury-sidebar-inactive.luxury-singular .alignfull.no-clip {
	max-height: 810px;
	padding-bottom: 100px
}


.wp-block-cover__inner-container.is-layout-flow.wp-block-cover-is-layout-flow .wp-block-spacer {
		max-height: 400px;
}


.wp-block-group p {
	font-size: 1.6em;
}

.wp-block-group h4 {
	font-size: 3em;
}

.wp-block-group h5 {
  font-size: 6.5em
}

ul.wp-block-list {
	list-style: none !important;
  padding-left: 0;
}

ul.wp-block-list li::before {
	content: "";
  position: absolute;
  left: 0;
  top: 0.3em; /* Adjust this value to move icon up/down */
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z' fill='transparent' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
}
ul.wp-block-list li {
	/*list-style-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z' fill='transparent' stroke='white' stroke-width='2'/%3E%3C/svg%3E");*/
	font-size: 1.5em;
  margin: 50px 0;
  padding-left: 34px;
  /*text-indent: -24px;*/
	
	position: relative;
	list-style: none;
  /*padding-left: 20px;
  margin-bottom: 5px;*/ /* Optional: spacing between items */
}

.cover-box {
	padding: 50px;
}

.banner-content .headline.img-headline {
	position: absolute;
	bottom: 0;
	margin: 0;
	font-family: "Beautifully Delicious Script", script;
	text-transform: none;
	font-size: 6em;
	letter-spacing: 0;
	padding: 0;
}

.banner-content .headline.img-headline::after {
	display: none;
}

.wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4, .wf-active h5, .wf-active h6 {
	text-transform: uppercase;
  letter-spacing: 0.2em;
}

input[type="submit"] {
	color: #fff;
	background-color: #b69e64;
}

.no-clip {
	overflow: visible;
}
/*.move-down {
	margin-bottom: -300px !important;
  position: relative;
}*/

.script-font {
	font-family: "Beautifully Delicious Script", cursive !important;
	text-transform: none !important;
  letter-spacing: unset !important;
	font-size: 3em;
	line-height: 0.7;
}

h2.script-font,
h3.script-font,
.price-style {
  font-size: 11em;
	/* Put on top */
	position: relative;
  z-index: 10;
}

/*.pile-group figure.wp-block-media-text__media {
	height: 250vw;
  position: relative;
	margin-left: 200px;
}*/

.pile-group {
	position: relative;
  min-height: 600px;
  margin: 40px 0;
	display: block !important;
}
.pile-group figure {
	position: absolute;
  transition: opacity 1s ease-in-out;
  /*opacity: 0;
  transform: translateY(20px);*/
  transition: all 0.8s ease;
}

.pile-group figure.visible {
  opacity: 1;
  transform: translateY(0);
}

/*.pile-group figure:nth-child(event) {
	display:none;
}*/

.pile-group figure:first-child {
	width: 300px;
  height: 400px;
  top: 50px;
  left: 150px;
  /*box-shadow: 0 10px 30px rgba(0,0,0,0.4);
  border-radius: 8px;*/
  overflow: hidden;
}

.pile-group p {
	position: absolute;
  top: 40px;
  left: 470px;
	line-height: 1.4em;
	font-family: "Beautifully Delicious Script", cursive;
  /*font-size: 1.8rem;
  font-weight: bold;
  text-shadow: 0 2px 4px rgba(0,0,0,0.7);
  opacity: 0;
  transform: translateY(20px);*/
  transition: all 0.8s ease;
  z-index: 10;
}

.pile-group figure:last-child {
	width: 450px;
  height: 300px;
  top: 300px;
  left: 300px;
  /*box-shadow: 0 10px 30px rgba(0,0,0,0.4);
  border-radius: 8px;*/
  overflow: hidden;
}

.pile-group figure img {
	width: 100%;
  height: 100%;
  object-fit: cover;
}

figure.pile-left {
	position: relative;
  left: 50%;
}

  /*p.pile-right {
	  position: relative;
	  margin-left: 0 !important;
  }

  figure.pile-bottom {
	  position: relative;
    bottom: -40%;
    left: -40%;
	  max-width: 100vw;
	  height: 100%;
  }*/

/*===== Start Lazy Block Styles =====*/
/*----- Start Overlapping Gallery -----*/
/*.wp-block-lazyblock-overlapping-gallery {
  background-color: #B3A594;
  padding: 20px;
}*/

.overlapping-section {
  max-width: 1200px;
  margin: 50px auto;
  padding: 0 20px;
  position: relative;
}

.overlapping-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  /*gap: 20px;*/
  align-items: center;
}

.overlapping-gallery.is-not-stacked-on-mobile {
	grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}

.overlapping-image-box {
  position: relative;
}

.overlapping-image-box img {
  width: 100%;
  /*border-radius: 8px;*/
  object-fit: cover;
}

/* Overlap styling */
.overlapping-image-box:nth-child(odd) img {
  transform: translateY(-20px) scale(1.2);
  z-index: 2;
}
.overlapping-image-box:nth-child(even) img {
  transform: translateY(20px);
  z-index: 1;
}

.overlapping-quote {
  font-family: "Beautifully Delicious Script", cursive;
  font-size: 2.5em;
  line-height: 1.0;
  margin: 0;
  position: relative;
	z-index: 5;
}

.overlapping-image-box:nth-child(odd) .overlapping-quote.above,
.overlapping-image-box:nth-child(odd) .overlapping-quote.below {
  transform: translateY(-20px) scale(0.7);
}
.overlapping-image-box:nth-child(even) .overlapping-quote.above,
.overlapping-image-box:nth-child(even) .overlapping-quote.below {
  transform: translateY(20px) scale(0.7);
}

/* First image is always pushed upp */
.overlapping-image-box:first-child .overlapping-quote.above {
  transform: translate(-80px, -80px) scale(1.4);
	display: inline-block;
	float: right;
}
.overlapping-image-box:first-child .overlapping-quote.below {
  transform: translate(-40px, 20px) scale(1.1);
	display: inline-block;
	float: right;
}
/* Last image is pushed down if odd otherwise down */
.overlapping-image-box:last-child:nth-child(odd) .overlapping-quote.above {
  transform: translate(0px, -100px) scale(1.4);
}
.overlapping-image-box:last-child:nth-child(odd) .overlapping-quote.below {
  transform: translate(80px, 20px) scale(1.4);
}
.overlapping-image-box:last-child:nth-child(even) .overlapping-quote.above {
	transform: translate(100px, -20px) scale(1.1);
}
.overlapping-image-box:last-child:nth-child(even) .overlapping-quote.below {
  transform: translateX(100px, 20px) scale(1.1);
}
@media (max-width: 900px) {
	.wp-block-lazyblock-overlapping-gallery .overlapping-gallery .overlapping-image-box:nth-child(n) .overlapping-quote,
	.wp-block-lazyblock-overlapping-gallery .overlapping-gallery:not(.is-not-stacked-on-mobile) .overlapping-image-box img {
		transform: translate(0, 0) scale(1.0);
	}
	.overlapping-gallery:not(.is-not-stacked-on-mobile) {
		display: block;
	}
}

/* Fade-in setup */
.overlapping-fade-in {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.overlapping-fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}
/*----- End Overlapping Gallery -----*/
/*----- Start Repeater Style Container -----*/
.transform-repeater-container .lazyblock-inner-blocks,
.transform-repeater-container .inner-transform {
	position: absolute;
}
/*----- End Repeater Style Container -----*/
/*----- Start Sidlänkar -----*/
.sitelinks-pages-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 50px;
	max-width: 1200px;
	width: 100%;
}

.sitelinks-pages-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	transform: scale(1.0);
	transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
.sitelinks-pages-card:hover {
	transform: scale(1.03);
}

.sitelinks-pages-card img {
	width: 100%;
	height: 500px; /* fixed height for consistency */
	object-fit: cover; /* ensures the image fills and crops nicely */
	display: block;
}

.sitelinks-pages-caption {
	background: #f4eadc;
	padding: 15px;
	margin-top: -30px;
	/*border-radius: 10px;*/
}

.sitelinks-pages-caption h4 {
	font-style: normal;
	font-size: 14px;
	color: #444;
	margin: 0 0 8px;
}

.sitelinks-pages-container a,
.sitelinks-pages-container a:link,
.sitelinks-pages-container a:visited {
	font-style: normal;
	text-decoration: none;
}

.sitelinks-pages-caption p {
	font-size: 13px;
	color: #111;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}
/*----- End Sidlänkar -----*/
/*----- Start Review Carousel -----*/
.wp-block-lazyblock-review-carousel {
	display: flex;
	justify-content: center;
	align-items: center;
}

.wp-block-lazyblock-review-carousel .carousel-container {
	width: 100%;
	max-width: 900px;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	padding: 80px 0;
}

.wp-block-lazyblock-review-carousel .carousel-content {
	/*display: flex;*/
	gap: 40px;
	align-items: center;
	height: 650px;
}

.wp-block-lazyblock-review-carousel .review-section {
	flex: 1;
	min-width: 0;
}

.wp-block-lazyblock-review-carousel .carousel {
	position: relative;
	height: 600px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.wp-block-lazyblock-review-carousel .carousel-slide {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	opacity: 0;
	transition: opacity 1.2s ease-in-out;
	gap: 50px;
	/*text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;*/
}

.wp-block-lazyblock-review-carousel .review-slide {
	/*position: absolute;
	width: 100%;*/
	width: 50%;
	transition: opacity 1.2s ease-in-out;
	text-align: center;
	padding: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.wp-block-lazyblock-review-carousel .carousel-slide.active {
	opacity: 1;
	z-index: 1;
}

.wp-block-lazyblock-review-carousel .stars {
	font-size: 36px;
	color: #d4af37;
	margin-bottom: 25px;
	letter-spacing: 5px;
}

.wp-block-lazyblock-review-carousel .review-text {
	font-size: 20px;
	line-height: 1.6;
	color: #333;
	font-style: italic;
	font-family: 'Droid Serif', Georgia, Times, serif;
	margin-bottom: 25px;
	max-width: 600px;
	height: 360px;
  overflow-y: auto;
}

.wp-block-lazyblock-review-carousel .reviewer {
	font-size: 18px;
	color: #555;
	font-weight: 500;
	letter-spacing: 1px;
}

.wp-block-lazyblock-review-carousel .image-section {
	flex: 1;
	min-width: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wp-block-lazyblock-review-carousel .review-image {
	max-width: 100%;
	max-height: 600px;
	object-fit: contain;
	border-radius: 0;
}

.wp-block-lazyblock-review-carousel .carousel-controls {
	display: flex;
	justify-content: center;
	margin-top: 30px;
	gap: 15px;
}

.wp-block-lazyblock-review-carousel .control-btn {
	/*background: rgba(179, 165, 148, 1);
	border: 1px solid #B3A594;*/
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease;
	color: #B3A594;
	font-size: 20px;
}

.wp-block-lazyblock-review-carousel .control-btn:hover {
	background: #cfc1ac;
	color: #ffffff;
	transform: scale(1.1);
}

.wp-block-lazyblock-review-carousel .carousel-dots {
	display: flex;
	justify-content: center;
	gap: 12px;
	margin-top: 25px;
	visibility: hidden;
}

.wp-block-lazyblock-review-carousel .dot {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: rgba(179, 165, 148, 1);
	cursor: pointer;
	transition: all 0.3s ease;
}

.wp-block-lazyblock-review-carousel .dot.active {
	background: #B3A594;
	transform: scale(1.2);
}

/* Hide image on smaller screens */
@media (max-width: 900px) {
	.wp-block-lazyblock-review-carousel .carousel {
		height: 1030px;
	}
	
	.wp-block-lazyblock-review-carousel .carousel-content {
		flex-direction: column;
		height: auto;
	}
	
	.wp-block-lazyblock-review-carousel .carousel-slide {
		flex-direction: column-reverse;
		height: auto;
		gap: 0;
	}

	.wp-block-lazyblock-review-carousel .image-section {
		/*display: none;
		order: -1;*/
		min-width: 100%;
	}

	.wp-block-lazyblock-review-carousel .review-section {
		width: 100%;
	}
	
	.wp-block-lazyblock-review-carousel .review-slide {
		width: 100%;
	}
}

/* Responsive adjustments */
@media (max-width: 600px) {
	.wp-block-lazyblock-review-carousel .carousel-container {
		padding: 20px;
	}

	.wp-block-lazyblock-review-carousel .review-text {
		font-size: 18px;
	}

	.wp-block-lazyblock-review-carousel .stars {
		font-size: 30px;
	}

	.wp-block-lazyblock-review-carousel .carousel-content {
		height: auto;
		padding: 20px 0;
	}
}
/*----- End Review Carousel -----*/
/*----- Start Klänning -----*/
.wp-block-lazyblock-klanning .card{
    background: #EBE2D5; /*#f4eadc;*/
    border-radius: 8px;
    padding: clamp(14px, 2.2vw, 24px);
    position: relative;
    overflow: visible;
    min-width: 100%;
  }
.wp-block-lazyblock-klanning .card h3 {
  text-align: center;
  margin-top: -40px;
}

.wp-block-lazyblock-klanning .grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(14px, 2vw, 28px);
  align-items: start;
}

/* Vänster “valv”-bild */
.wp-block-lazyblock-klanning .arch{
    aspect-ratio: 4/5;            /* proportion ungefär som i exemplet */
    border-top-left-radius: 999px; /* rund topp */
    border-top-right-radius: 999px;
    border-bottom-left-radius: 12px; /* lätt rund botten som i mocken */
    border-bottom-right-radius: 12px;
    overflow:hidden;
    background:#dcdcdc;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
  }
/* Vänster “cirkel”-bild */
.wp-block-lazyblock-klanning .ball{
    aspect-ratio: 1/1;            /* proportion ungefär som i exemplet */
    border-radius: 999px; /* rund topp */
    overflow:hidden;
    background:#dcdcdc;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
	  transform: scale(1.4) translateY(60px)
  }
.wp-block-lazyblock-klanning .arch img,
.wp-block-lazyblock-klanning .ball img {
    width:100%;
    height:100%;
    object-fit: cover;
    object-position: center;
    display:block;
    transform: scale(1.02); /* pyttelite zoom för att fylla snyggt */
  }

  /* Bild till höger */
.wp-block-lazyblock-klanning .rect{
    aspect-ratio: 3/4;
    border-radius: 4px;
    overflow: hidden;
    background:#dcdcdc;
    width: 75%;
    margin-bottom: 10em;
  }
.wp-block-lazyblock-klanning .rect img{
    width:100%;
    height:100%;
    object-fit: cover;
    object-position: center;
    display:block;
  }

  /* Understa bandet med signatur */
.wp-block-lazyblock-klanning .caption{
    position: absolute;
    left: -100px;
    right: -100px;
    bottom: clamp(50px, 1.2vw, 12px);
    height: clamp(26px, 3.6vw, 36px);
    background: #b69e84;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius: 2px;
  }
.wp-block-lazyblock-klanning .ball .caption {
	  transform: scale(0.74);
  }
.wp-block-lazyblock-klanning .caption span{
    font-family: "Beautifully Delicious Script", cursive;
    font-size: clamp(18px, 3.2vw, 50px);
    color: #000;
  }

  /* Den runda etiketten */
.wp-block-lazyblock-klanning .badge{
    position: absolute;
    right: clamp(10px, 2vw, 22px);
    bottom: clamp(-100px, -6vw, -36px);
    width: clamp(220px, 28vw, 320px);
    aspect-ratio: 1/1;
    background: #b69e84;
    border-radius: 50%;
    box-shadow: 0 18px 22px rgba(0,0,0,.12), 0 3px 8px rgba(0,0,0,.08);
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    /*padding: 28px;*/
    line-height: 1.45;
  }
.wp-block-lazyblock-klanning .badge h4{
    margin:0 0 8px 0;
    font-family: "Beautifully Delicious Script", cursive;
    font-weight:400;
    font-size: clamp(22px, 3.8vw, 70px);
    line-height: 0.8;
    text-transform: none;
    letter-spacing: unset;
    color: #000;
  }
.wp-block-lazyblock-klanning .badge p{
    margin: 2px 0;
    font-size: clamp(12px, 1.6vw, 16px);
    color: #000;
  }

  /* Små skuggor runt kortet */
.wp-block-lazyblock-klanning .card::after{
    content:"";
    position:absolute;
    inset: -6px -6px -10px -6px;
    z-index:-1;
    filter: blur(16px);
    background: transparent;
  }
/*----- End Klänning -----*/
/*===== End Lazy Block Styles =====*/

.extrawide {
	max-width: 1180px;
	padding-left: 3%;
	padding-right: 3%;
}

@media (max-width: 1540px) {
	.side-list div.wp-block-cover__inner-container {
		padding: 0 !important;
	}
	.side-list div.move-down {
		padding: 10px !important;
		top: 500px;
	}
	.side-list div.cover-box {
		padding: 15px
	}
	.side-list .script-font {
		font-size: 45px;
	}
	.side-list li {
		font-size: 15px;
	}
	.side-list div.wp-block-buttons>.wp-block-button.wp-block-button__width-50 {
		width: 100%;
	}

}

@media (max-width: 900px) {
	/*.pile-group figure.wp-block-media-text__media {
		margin-left: 0;
	}
	p.pile-right {
	  position: relative;
	  margin-left: 0 !important;
  }

  figure.pile-bottom {
	  position: relative;
    bottom: 0%;
    left: 0%;
	  max-width: 100vw;
	  height: 100%;
  }
  .wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content {
    margin-left: 0px !important;
  }    
  .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
    margin-right: 0px !important;
  }*/
	
	h2.script-font,
	h3.script-font,
  .price-style {
    font-size: 3em;
  }
	
	.pile-group {
    min-height: 400px;
		width: 100vw;
    left: calc(-50vw + 50%);
    margin-left: 0px;
    margin-right: 0px;
		text-align: center;
  }
            
  .pile-group figure {
    position: static;
    margin: 20px auto;
  }
            
  .pile-group p {
    position: static;
    top: auto;
    left: auto;
    margin: 20px auto;
    transform: none;
    opacity: 1;
  }
	
	.wp-block-buttons > .wp-block-button.wp-block-button__width-25 {
		width: 100% !important;
	}
	
	.wp-elements-8993a497fedd60ad3d1d9a7376d4116b {
		font-size: 22px !important;
	}
	
	.wp-block-cover__inner-container.is-layout-flow.wp-block-cover-is-layout-flow .wp-block-spacer {
		display: none;
	}
	
	.contact-button {
		text-align: center;
	}
	.contact-button a {
		width: auto !important;
		padding-left: 40px;
		padding-right: 40px;
	}
	
	div.wp-block-cover.side-list {
		margin-bottom: 300px !important;
	}
	
}

@media (max-width: 600px) {
	.extrawide {
		padding-left: 0;
		padding-right: 0;
	}
}