/*
Theme Name:     blocksy child theme
Author:         Olivia Hoback
Author URI:     https://www.olivia.nu/
Template:       blocksy
*/

/*
@font-face{ 
font-family: NotoSans; 
src: url(https://www.font.ttf);
font-weight: 400; 
}
*/
body,
body #main-container .site-main,
html, body, body:not(.woocommerce) .entry-content,
body #main article .stk-6dab619{ 
background-color: #f1f1f1 !important; 
}

@media (min-width: 691px) and (max-width: 1000px) {
	.final-sale-home-cta [data-products] {
		--shop-columns: repeat(3, minmax(0, 1fr));
	}
}
.final-sale-home-cta .product {
	--theme-text-color: rgba(255, 255, 255, 0.5);
	--theme-heading-color: #fff;
}
.ct-header-account { display: none !important; }
.ct-header-cart { display: none !important; }
button.ct-header-search.ct-toggle { display: none; }

.page-id-638 .wpforms-field-container { display: block !important; }

/* menu setting */
nav#header-menu-1 { 
--menu-items-spacing: 20px; 
}
nav#header-menu-1 ul li a {
	font-size: 14px;
	letter-spacing: 0px;
	border: black solid 1px;
	border-width: 0 1px 0 0px;
}
ul#menu-main-menu li a{ 
font-size: 14px !important; 
}
body nav#header-menu-1 ul.sub-menu li:hover,
ul.sub-menu li:hover{ 
	background-color: #333332;
}
body nav#header-menu-1 ul.sub-menu li:hover a,
ul.sub-menu li:hover a{ 
	color: #ffffff;
}

[data-header*="type-1"] .ct-header [data-id="menu"] > ul > li > a:hover,
[data-header*="type-1"] .ct-header [data-id="menu"] > ul > li > a:active,
body nav[class*=menu] li[class*=current-menu-]>.ct-menu-link,
body nav#header-menu-1 ul.sub-menu li:hover a{
	color: #E6007D;
}

body .mobile-menu ul#menu-mobile-menu li:hover,
body .mobile-menu ul#menu-mobile-menu li a:hover{
	background-color: transparent;
}
body ul li p{
	margin-bottom: 10px;
}
body.single-product h2, body.single-product h3{
    font-size: 18px;
    font-weight: 400;
    font-family: "Georgia", serif;
    line-height: 18px;
	text-transform: uppercase;
}
h1.product_title, [data-products] .woocommerce-loop-product__title,
body .entry-header .page-title{
	text-transform: uppercase;
}

/*pages*/
body .ct-container-full{
	
}
@media screen and (max-width: 1023px) {
    article .entry-content.is-layout-constrained > .wp-block-stackable-columns:first-of-type{
        padding-top: 40px !important;
        padding-bottom: 20px !important;
    }
}

/*undersidor med inställningen blocksy layout no padding*/
.stk-block-background:not(.stk--no-padding) {
    padding: 15px;
}
@media screen and (min-width: 768px) {
	body.page-id-745 .stk-65b7332.stk-block-background:not(.stk--no-padding) {
		padding: 25px;
	}
}


[data-header*="type-1"] .ct-header [data-row*="middle"] .ct-container{
    height: 35px;
}	
footer#footer { 
margin: 0 0 -3px 0; 
}
footer#footer a, footer#footer a:hover{
    color: #ffffff;
}

/* Shop Page */
.archive.post-type-archive h6.page-title { font-size: 35px; }

a.ct-media-container.has-hover-effect {
	border: #b7b7b7 solid 1px;
	padding: 2px;
}
body .ct-sidebar {
    padding: 0 21px;
	z-index: 2;
}
/*hindrar bilden från att försvinna vid zoom i mobilen*/
@media (max-width: 689px) {
    .pswp .pswp__img {
        max-width: none !important;
        max-height: none !important;
		position: fixed;
		width: 100%;
		height: 100%;
    }

    .pswp .pswp__zoom-wrap {
        max-width: none !important;
        max-height: none !important;
    }
}


/* about page font */
.stk-block-content.stk-inner-blocks.stk-a0ca537-inner-blocks p {
	font-family: "Georgia", serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #333;
}
.stk-block-content.stk-inner-blocks.stk-a0ca537-inner-blocks h5,
[data-prefix="woo_categories"] .entry-header h6.page-title{
	font-size: 18px !important;
	font-weight: 400;
	font-family: "Georgia", serif;
	line-height: 18px;
}
.wpforms-field-container label {
	font-family: "Georgia", serif;
	font-weight: 400;
	font-size: 14px;
	color: #000;
}

a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
	font-family: "Georgia", serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;
}

.ct-container section {
	background: white;
	padding: 22px;;
}

[data-products] .product figure { --product-element-spacing: 5px; }

.woocommerce-tabs.wc-tabs-wrapper .entry-content h2 { display: none; }

body.woocommerce-archive .ct-container{
    grid-row-gap: 35px !important;
}
@media (max-width: 1000px) {
	body.woocommerce-archive .ct-container {
		grid-row-gap: 20px !important;
	}
}
@media (min-width: 1000px) {
    body.single-product .ct-default-gallery .entry-summary, .ct-stacked-gallery .entry-summary{
        margin-inline-start: 25px;
        padding: 20px 15px 20px 0;
    }
	body.single-product .woocommerce-product-gallery{
	padding: 20px 0 20px 20px;
	}
	body.single-product .woocommerce-product-gallery .wpforms-container{
    margin-bottom: 0;
	}
	body.single-product .flexy-pills ol li{
    flex: 0 0 var(--thumbs-width, 16.6666%);
	width: 16.6666%;
	}
	body.single-product .summary h1.product_title.entry-title{
		max-width: 520px;
	}
	.product-entry-wrapper .entry-summary {
    padding-top: 20px;
    }
}


body .woocommerce-product-gallery__trigger{
	background: #e40d82;
} 
body .woocommerce-product-gallery__trigger:hover{
	background: #ff3ea7;
} 
body .woocommerce-product-gallery__trigger:before{
	background-color: #ffffff;
}


@media (max-width: 999.98px) {
	body.single-product .product .product-entry-wrapper {
	padding: 15px;
	}
	body.single-product div.woocommerce-product-gallery {
    margin-bottom: 2em;
    }
	body.single-product .wpforms-container {
    margin-bottom: 0;
	}
}
body .wpforms-container input.wpforms-field-small, .wpforms-container select.wpforms-field-small, .wpforms-container .wpforms-field-row.wpforms-field-small, .wp-core-ui div.wpforms-container input.wpforms-field-small, .wp-core-ui div.wpforms-container select.wpforms-field-small, .wp-core-ui div.wpforms-container .wpforms-field-row.wpforms-field-small {
    max-width: 100%;
}
body .woocommerce-product-gallery .wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field{
    padding: 15px 0 0 0;
}
body .woocommerce-product-gallery button.wpforms-submit{
	margin-top: 15px;
}
body.single-product .ct-container-full{
	margin-top: 35px;
}
body .ct-menu-link:not(:empty){
    padding: 7px 10px;
}
.single-product article>:where(.related,.up-sells) {
    margin-top: 25px;
}
[data-products]{
    --grid-columns-gap: 50px;
    --grid-rows-gap: 30px;
}

/* [data-sidebar] {
    display: block;
} */
li.wc-block-product-categories-list-item {
	font-family: "Georgia", serif;
	margin-right: 5px;
	color: #666;
	display: inline;
	list-style: none;
	line-height: 20px;
	font-size: 12px;
	text-transform: uppercase;
}

/* ul.wc-block-product-categories-list.wc-block-product-categories-list--depth-0 {
    position: fixed;
    left: 13%;
    top: 56%;
} */

p.price span.amount::before{
	content: "Pris ";
}
p.price span.amount::after{
	content: " inkl moms";
}
[data-prefix="woo_categories"] .entry-header .page-title{
	font-size: 24px !important;
	font-weight: 400 !important;
	font-family: "Georgia", serif;
	margin: 0 0 60px 0px;
}
body .product .product-entry-wrapper{
	background: #ffffff;
}
body .product[class*=gallery] .entry-summary-items>* {
    margin-bottom: 25px;
}
body [data-sidebar=left] > section {
	grid-column: 1;
	position: relative;
}
body [data-sidebar=left]{
	--sidebar-order: -1;
	--grid-template-columns: 1;
}

ul.wc-block-product-categories-list.wc-block-product-categories-list--depth-0 {
	margin: 100px 0 -210px 8px;
}

.woocommerce-tabs.wc-tabs-wrapper,
.product .woocommerce-product-details__short-description p,
p.price{
	font-size: 14px !important;
	color: #333;
	font-weight: 400 !important;
	font-family: "Georgia", serif;
	color: #000000;
}

a.add-request-quote-button.button {
	font-size: 14px !important;
	font-weight: 400 !important;
	font-family: "Georgia", serif;
	background-color: #E6007D !important;
}



/* =========================================================
   PhotoSwipe / Lightbox (Blocksy/Woo) — SAFE OVERRIDES ONLY
   (We REMOVE the previous broken rules: height:37%, scale, left)
   ========================================================= */
/* PhotoSwipe: ändra bara bakgrund, inget annat */
.pswp__scroll-wrap {
  background: #010101 !important;
}

/* Keep these margins as you had (if you want) */
ul.wc-block-product-categories-list.wc-block-product-categories-list--depth-0 {
	margin: 92px 0 -250px 0px;
	line-height: 1.7em;
}
@media (max-width: 1100px){
	ul.wc-block-product-categories-list.wc-block-product-categories-list--depth-0 {
		margin: 82px 0 -250px 0px;
	}
}

[data-prefix="woo_categories"] .entry-header .page-title{
	margin: 0 0 45px 0px;
}

@media (max-width: 1100px){
	[data-prefix="woo_categories"] .entry-header .page-title {
		margin: 0 0 125px 0px;
	}
	body.single-product .ct-container-full {
    margin-top: 20px;
	}
}
/* Product page: show the whole image inside the Blocksy gallery box (no edge cropping) */
.single-product .woocommerce-product-gallery .ct-media-container {
  background: #000; /* optional: nicer letterboxing */
}

.single-product .woocommerce-product-gallery .ct-media-container img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;      /* THIS prevents cropping */
  object-position: center center !important;
}



[data-footer*="type-1"] .ct-footer [data-row*="top"] > div {
	--columns-gap: 20px;
	--widgets-gap: 10px;
	--container-spacing: 20px;
}
.ct-footer [data-column] {
	justify-content: var(--vertical-alignment, flex-start) !important;
}
[data-footer*="type-1"] .ct-footer [data-column="widget-area-1"] {
	--horizontal-alignment: left !important;
	--text-horizontal-alignment: left !important;
}
[data-footer*="type-1"] .ct-footer [data-column="widget-area-3"] {
	--text-horizontal-alignment: left;
	--horizontal-alignment: left;
}
[data-footer*="type-1"] .ct-footer [data-column="widget-area-4"] {
	--text-horizontal-alignment: left !important;
	--horizontal-alignment: left !important;
}

/* If you want mobile-specific lightbox sizing, keep it SAFE */
@media only screen and (min-width: 320px) and (max-width: 620px) {
	img.pswp__img {
		max-width: 100vw !important;
		max-height: 85vh !important;
	}
}

/* =========================================================
   Product Gallery trigger — DO NOT turn it into a huge overlay
   (We keep only border-radius change)
   ========================================================= */
.woocommerce-product-gallery__trigger {
	border-radius: 0px !important;
	/* Removed: width/height/left/color/background that could block clicks */
}

/* footer spacing */
div#block-45 { margin: 8px 0 0 0; }
div#block-12 h6 { margin: 0px 0px 7px 0; }
div#block-11 p { margin: 0 0 7px 0; }

[data-behaviour*=side] .ct-panel-inner {
	height: 53%;
	margin-top: 165px;
}

@media (max-width: 689.98px) {
	.ct-panel-actions { display: none; }
}

#offcanvas .ct-panel-content-inner {
	padding-bottom: 0px;
	margin-bottom: -43px;
}

.wpforms-field.readonly-field input {
	pointer-events: none;
	background-color: #f5f5f5;
}

/* Dölj fältet med klassen 'hidden-field' */
.hidden-field { display: none; }

/* Justera formulärets bredd och centrering */
.wpforms-form-1849 {
	max-width: 600px;
	margin: 20px auto;
	padding: 15px;
	box-shadow: 0 4px 8px rgba(0,0,0,0.1);
	border-radius: 8px;
	background-color: #f9f9f9;
}

/* Styla fältens etiketter */
.wpforms-form-1849 .wpforms-field-label {
	font-weight: bold;
	margin-bottom: 3px;
	font-size: 15px;
	display: block;
	text-align: left;
}

/* Styla inmatningsfält */
.wpforms-form-1849 input[type="text"],
.wpforms-form-1849 input[type="email"],
.wpforms-form-1849 textarea {
	width: 100%;
	padding: 8px 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 15px;
	box-sizing: border-box;
	text-align: left;
	display: block;
}

/* Styla fält vid fokus */
.wpforms-form-1849 input[type="text"]:focus,
.wpforms-form-1849 input[type="email"]:focus,
.wpforms-form-1849 textarea:focus {
	border-color: #0073aa;
	outline: none;
}

/* Justera avstånd mellan fält */
.wpforms-form-1849 .wpforms-field { margin-bottom: 8px; }

/* Styla "Skicka"-knappen */
.wpforms-form-1849 button[type="submit"] {
	background-color: #e6007d !important;
	color: #fff;
	padding: 10px 20px;
	border: none;
	border-radius: 4px;
	font-size: 16px;
	cursor: pointer;
	text-align: center;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.wpforms-form-1849 button[type="submit"]:hover { background-color: #cc006e; }

body .wp-block-stackable-carousel.stk-6dab619{
	padding-top: 45px !important;
}

@media screen and (max-width: 767px) {
    body.page-id-745 .entry-content .stk-31deafe {
        padding-top: 10px !important;
        padding-right: 10px !important;
        padding-bottom: 10px !important;
        padding-left: 10px !important;
        margin-top: 0px !important;
        margin-bottom: 30px !important;
    }
	body .wp-block-stackable-carousel.stk-6dab619{
	padding-top: 30px !important;
	}
	article .entry-content.is-layout-constrained > .wp-block-stackable-columns:first-of-type {
    padding-top: 30px !important;
    }
}

/* Ensure left alignment in containers */
#styled-contact-form-container,
#contact-form {
	text-align: left;
}