/*
 Theme Name:   Homevibe
 Template:     homevibe
 Version:      1.0.0
*/


/* Add your custom styles here */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


@font-face {
  font-family: 'sunblock_probold';
  src: url('/wp-content/themes/homevibe-child/fonts/grype-sunblock-pro-bold-webfont.woff2') format('woff2'),
       url('/wp-content/themes/homevibe-child/fonts/grype-sunblock-pro-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

/* Main */ 

.wooj-icon-basket-1:before {
  content: url(/wp-content/uploads/2025/04/shopping-bag-17.svg) !important;
}
/* Core */ 
:root {
	--textColor: #616573;
	--textColorLight: #fff;
	--textColorDark: rgb(136,137,145);
  --textColorHeadlines: var(--accentColor);


	--textSize: 18px;
	--textLineHeight: 160%;

	--fontFamily: 'Conthrax',sans-serif;
	--fontFamilySecond: 'Manrope' !important;

	--accentColor: #d9f89f;
	--accentColor2: #fffeea;
  --accentColor3: #000;
  --accentColor4: #03142B;  

	--buttonColorLight: #fff;
	--buttonColorDark: var(--accentColor2);
	--buttonTextLight: var(--textColorLight);
	--buttonTextDark: var(--textColorLight);

	--mainLetterSpacing: 2px;
}
article{
  margin-bottom: 0px;
}
body{
    font-family: var(--fontFamilySecond);
}
p{
  font-size: 18px;
  line-height: 1.5;
}
a:hover{
  color: var(--accentColor2);
}
a:active{
  color: var(--accentColor) !important;
}
a {
  text-decoration: none;
}
h1,h2,h3,h4,h5{
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: -1%;
  margin: 0px;
}
.hero-heading {
  font-size: 4rem;
  font-family: 'sunblock_probold';
  text-transform: uppercase;
	margin-bottom: 10px;
}
.hero-cta a{
    font-family: 'sunblock_probold';
    text-transform: uppercase;
    background-color: var(--accentColor);
    color: #000 !important;
    max-width: 200px;
    padding: 6px 20px;
	text-align: center;
	margin: 20px auto;
	dispay: block;
}
.hero-cta a {
    color: #000 !important;
}
p.hero-text-hv {
    font-size: 20px;
}
.hero-heading-hv {
  font-size: 4rem;
  margin: 0px;
  line-height: 1;
  margin-bottom: 20px !important;
}
.smort-header{
	z-index: 9999;
}

.hero-cta{
  
}

.smort-nav ul li a{
	color:#000 !important; 
  font-family: 'CustomContentFont';
}
.smort-topbar {
    color: #fff;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}
header.smort-header.smort-header-style_1 {
  padding: 5px .5% !important;
}

/* Buttons */ 

.hero-btn-boni a {
  background-color: var(--accentColor) !important;
  font-family: 'CustomHeadingFont';
  padding: 20px;
  position: relative;
  width: 450px;
  text-align: left;
  border-radius: 5px;
}
.hero-btn-boni a:hover {
  transform: scale(0.95);
}
.hero-btn-boni a:after {
  content: url(/wp-content/uploads/2024/11/arrow-right-16.svg);
  position: absolute;
  right: 9px;
  top: 13px;
  transition: transform 0.2s ease-in-out;
  background: #000;
  border-radius: 50%;
  padding: 8px 9px;
  line-height: 0.5;
}
.smort-topbar {
  background-color: #000000;
  font-family: 'CustomHeadingFont';
  text-transform: none;
  font-size: 13px;
}

.outline-btn-hv a {
  background-color: transparent;
  border: 1px solid;
  font-family: 'CustomHeadingFont';
}

.wc-timeline-button-show-cart.right{
  display: none;
}

/* Headings */ 

.main-heading-hv {
  font-size: 4rem;
}

@media screen and (max-width: 992px) {
	.bid-heading-footer{
		font-size: 4rem !important;
	}
  .hero-btn-boni a{
    width: 350px;
  }
  .hero-heading-hv{
    font-size: 3rem;
  }
  p.hero-text-hv {
    max-width: 600px;
    font-size: 17px;
    padding-left: 50px;
}
}

.sub-heading-hv{
  font-size: 15px;
  text-transform: uppercase;
  color:var(--accentColor);
}

/* Single product */ 


.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
  padding-left: 0px;
  color: #000;
  max-width: 90%;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product .amount {
  color: #000;
  font-size: 16px;
}
section.related.products .products {
  margin-top: 0px;
}
section.related.products > h2 {
  text-align: center;
  font-size: 3rem;
  margin-bottom: 30px; 
  margin-top: 0px;
}

.product_meta {
  display: none;
}
section.related.products {
  background-color: #f3f3f3;
  padding: 2%;
  border-top: 1px solid;
}
section.related .woocommerce ul.products, .woocommerce-page ul.products{
  background-color:transparent;
}

.related img.attachment-woocommerce_thumbnail{
  height: 340px !important;
}

.woocommerce div.product form.cart div.quantity {
  float: left;
  margin: 0 4px 10px 0;
  border-radius: 0px;
  z-index: 99;
  width: 80%;
  display: block;
  margin: 10px auto !important;
  text-align: center;
}

/* Stock styling */ 

p.stock.in-stock:before {
  content: " ";
  width: 20px;
  height: 20px;
  background-color: #69d405 !important;
  display: inline-block;
  margin-right: 10px;
  border-radius: 50%;
}
.single-product p.stock {
  display: flex;
  align-items: center;
  color:#000 !important;
}

/* Archive */ 


/* Archive */ 


.shop-loop-content-smort {
  max-width: 95vw;
  margin: 0 auto;
  padding: 0% 0% 5% 0%;
}
span.product-parent-category{
  display: none;
}
nav.woocommerce-breadcrumb {
  display: none;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  margin: 5px;
  width: calc(25% - 20px);
  padding: 5px;
  background-color: #fff;
  border-radius: 10px;
}
.woocommerce ul.products li.product a img {
  border-radius: 0px;
}
.shop-loop-content-smort h2.woocommerce-loop-product__title {
  font-size: 1.3rem !important;
  color: #000;
  padding: 0px !important;
  font-family: 'sunblock_probold';
  text-transform: uppercase;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
  color: #000;
  font-family: 'sunblock_probold';
}
.woocommerce-page ul.products li.product .amount {
  font-size: 1.5rem;
  text-decoration: none !important;
}
.price, .custom-product-link-arrow {
  display: inline-block;
  vertical-align: middle;
}

.custom-product-link-arrow {
  margin-left: 10px; /* Space between price and arrow */
}

.custom-product-arrow {
  width: 20px; /* Adjust as needed */
  height: auto;
}

img.custom-product-arrow {
  margin: 0px !important;
}
a.custom-product-link-arrow {
  background-color: var(--accentColor);
  border-radius: 50%;
  padding: 5px;
  margin: 0px;
}
.content-inside-loop-product {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}
.archive main#main {
  background-color: #f8f8f8;
}
img.custom-product-arrow {
  width: 20px !important;
  padding: 5px;
  transition-duration: 0.2s;
  filter: invert(1); 
}
.archive li.product:hover img.custom-product-arrow {
  transform: rotate(0deg);
}
.archive li.product:hover {
  transform: scale(0.99);
}
.archive li.product{
  transition-duration: 0.2s;
}
.wc-search-bar{
  background-color:#111111;
}
#wc_search_input {
  width: 60% !important;
  text-align: center;
}
div#wc_popular_searches {
  font-family: 'CustomHeadingFont';
}
.wc-search-bar {
  width: 100%;
  padding: 20px 0px;
}
#wc_search_input {
  width: 90%;
  padding: 15px;
  font-size: 20px;
  border-bottom: 0px !important;
  border-radius: 0px;
  margin: 0 auto;
  display: block;
  background-color: #212121;
  color: #ffffff;
  border: 0px;
}
input#wc_search_input::placeholder {
  color: #fff;
  font-size: 25px;
  font-family: 'CustomHeadingFont';
  text-align: center;
}
.wc-product-card {
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0);
  border-radius: 5px;
  flex: 1 1 calc(20% - 20px);
  box-sizing: border-box;
  overflow: hidden;
  text-align: left;
  padding: 15px;
  color: #333;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 300px;
  width: calc(20% - 10px);
  float: left;
  margin: 5px;
  max-width: calc(25% - 20px);
}
p.parent-category {
  margin: 0px;
  font-size: 14px;
  color: var(--accentColor3);
  margin-top: 10px;
}
.wc-j-upsellator-cart-count{
  background-color:#D9F89F !important;
	color:#000 !important;
	font-weight: 700;
}
body.archive {
  background-color: #f8f8f8;
}

h2.woocommerce-loop-product__title {
  padding-bottom: 0px !important;
}

.wc-search-close {
  background-color: #fff;
  padding: 0px 13px;
  border-radius: 50%;
  color: var(--accentColor2);
}


.shop-header {
  background-color: #fff;
  text-align: left;
  padding: 50px 20px 50px 20px;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 300px;
}

.header-content {
  padding: 20px;
  border-radius: 10px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.shop-title{
  font-size: 3rem;
  margin: 0;
  text-transform: uppercase;
  font-family: 'sunblock_probold';
}
p.product-count{
  font-size: 2rem;
}

.shop-content {
  margin: 20px;
  padding: 20px;
}

a.wc-popular-search {
  border-radius: 5px;
  background-color: var(--accentColor2);
  color: #fff;
  font-size: 13px;
  padding: 5px 30px;
}

.wc-product-image img {
  height: 200px !important;
}
.wc-product-card{
  text-align: left;
}

header.smort-header.smort-header-style_1 {
  padding: 0px 2.5%;
  z-index: 9999;
  position: relative;
  background-color: #fff;
}
.woocommerce div.product {
  margin-bottom: 0;
  position: relative;
  max-width: 100vw;
  margin: 0 auto;
  padding-top: 4%;
}
.woocommerce div.product .product_title{
  font-size: 3rem;
}

/*  quantity */ 


.woocommerce div.product form.cart .button {
  vertical-align: middle;
  float: left;
  width: 100%;
  background-color: var(--accentColor3);
  font-family: 'CustomHeadingFont';
  padding: 15px;
  border-radius: 5px;
  height: 50px;
  opacity: 1;
}
.single .quantity button {
  height: 50px;
  width: 50px;
  background-color: transparent;
  border: 0px;
  font-size: 25px;
}
.woocommerce .quantity .qty {
  width: 3.631em;
  text-align: center;
  border: 0px;
  font-weight: 800;
  background-color: transparent;
  font-size: 20px;
}


/* Produkter */ 

.two-column-layout .row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  max-width: 90vw;
  margin: 0 auto;
  padding: 50px 0px;
}
/* Två kolumns layout under produkten */ 

.two-column-layout .row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0px;
}
.two-column-layout .left-column {
  flex: 0 0 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
}
.two-column-layout .right-column {
  flex: 0 0 100%;
  padding: 10px;
  box-sizing: border-box;
}
.two-column-layout .right-column img {
  width: 100%;
  border-radius: 15px;
}
.two-column-layout {
  padding-top: 2%;
  background-color: #d9f89f1f;
  margin-top: 0px;
}


@media (min-width: 768px) {
  .two-column-layout .left-column {
      flex: 0 0 45%;
      padding: 2%;
  }
  .two-column-layout .right-column {
      flex: 0 0 55%;
  }
  .two-column-layout .row.reversed .left-column {
      order: 2;
  }
  .two-column-layout .row.reversed .right-column {
      order: 1;
  }
}


.woocommerce ul.products li.product .button{
  display: none;
}

.product-summary .price bdi {
  color: var(--accentColor3);
  margin: 0px !important;
  font-size: 30px;
  font-family: 'CustomHeadingFont';
}
.product-summary p.price {
  margin: 0px;
}


.two-column-layout h2.main-heading {
  font-size: 3rem;
  text-transform: uppercase;
  font-family: 'sunblock_probold';
}

a.cta-btns-product-page {
  background: var(--accentColor3);
  border: 0px;
  border-radius: 5px;
  color: #fff !important;
  font-family: 'sunblock_probold';
  text-transform: uppercase;
  padding: 12px 30px;
}
.woocommerce span.onsale {
  min-height: 3.236em;
  min-width: 3.236em;
  padding: .202em;
  font-size: 1em;
  font-weight: 700;
  position: absolute;
  text-align: center;
  line-height: 3;
  top: 10px;
  margin: 0;
  border-radius: 0%;
  background-color: #000000;
  color: #fff;
  font-size: 12px;
  width: 50px;
  height: 25px;
  right: 10px !important;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  font-family: 'CustomHeadingFont';
  left: unset !important;
}
.woocommerce ul.products li.product .onsale {
  top: 0;
  right: 0;
  left: auto;
  margin: -.5em -.5em 0 0;
  top: 15px;
  right: 15px !important;
}

/* Dölj på shopping */ 

p.woocommerce-result-count, .woocommerce .woocommerce-ordering {
  display: none;
}

/* Variation */ 


.woocommerce div.product {
  padding: 0%;
}
.woocommerce div.product form.cart .button {
  vertical-align: middle;
  float: left;
  background-color: var(--accentColor3);
  font-family: 'Montserrat';
  padding: 15px;
  border-radius: 30px;
  height: 50px;
  opacity: 1;
}
.woocommerce-product-details__short-description p {
  font-size: 15px;
}
.single .quantity button {
  height: 50px;
  width: 50px;
  background-color: #ffffff !important;
  border-radius: 30px;
  border: 1px solid #c3c3c3;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
  color: var(--accentColor2);
  font-size: 1.5rem;
  font-weight: 700;
  font-family: 'Montserrat';
  margin-top: 0px !important;
}
.woocommerce div.product form.cart{
  margin-bottom: 10px;
}
.woocommerce div.product .product_title {
  margin-bottom: 0px;
  font-size: 3.5rem;
  font-family: 'sunblock_probold';
  text-transform: uppercase;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image--placeholder {
  border: 1px solid #f2f2f2;
  border-radius: 30px;
}
.woocommerce div.product form.cart .button:hover{
  background-color: var(--accentColor3);
}
.woocommerce-variation-add-to-cart {
  display: flex;
  flex-direction: column;
}
.woocommerce .quantity .qty {
  width: 3.631em;
  text-align: center;
  border: 0px;
  font-weight: 800;
  font-family: 'Montserrat';
}
.woocommerce div.product form.cart .variations td.label {
  padding-right: 1em;
  width: 100px;
}
.variation-button {
  width: 100px;
  text-align: center;
  cursor: pointer;
  line-height: 1.5 !important;
}
.variation-buttons {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.variation-button {
  width: 100px;
  text-align: center;
  border: 1px solid #8e8e8e;
  text-transform: uppercase;
  border-radius: 5px;
  font-family: 'CustomHeadingFont';
  font-size: 11px;
  padding-top: 5px;
}
.variation-button.selected {
  background-color: transparent;
  color: #000;
  border: 2px solid #b6e263;
}
.woocommerce div.product form.cart .variations {
  margin-top: 30px;
}
img.variation-option-image {
  border-radius: 5px;
}

/* v2 */ 

.hero-heading-style-1 {
  font-size: 8rem;
  margin: 0px !important;
  line-height: 1;
}
.hero-heading-style-2 {
  font-size: 9rem;
  font-family: 'CustomContentFont';
}
span.klarna-badge {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  width: 100%;
  font-family: 'CustomHeadingFont';
}
span.klarna-badge img {
  max-height: 50px;
  margin-right: 5px;
}

.header-cta{
  margin: 10px;
}

.smort-topbar .usp-header {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  padding: 0;
  margin: 0;
  list-style: none;
  justify-content: center;
}
table.variations label {
    font-weight: 700;
    font-family: 'sunblock_probold';
    font-size: 23px;
    letter-spacing: 0 !important;
}
.smort-topbar .usp-header li {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: clamp(7px, 1.2vw, 10px);
  white-space: nowrap;
  color: #000;
}

.smort-topbar .usp-header li img {
  width: 14px;
  height: auto;
}
footer.smort-footer input,footer.smort-footer button {
  border-radius: 5px !important;
}
footer.smort-footer button{
  background-color:var(--accentColor) !important;
  text-transform: uppercase;
  font-family: 'CustomHeadingFont';
  font-weight: 800;
}
.sb-heading{
  font-family: 'sunblock_probold';
  text-transform: uppercase;
 font-size: 4rem;
}



.woocommerce-checkout input.cart-quantity {
  font-size: 20px;
  font-family: "CustomHeadingFont";
  font-weight: 800;
  text-align: center;
  width: 30px;
  background-color: transparent;
  border: 0;
}
.woocommerce-checkout .woocommerce-info {
  background-color: #fff;
  border: 1px solid var(--accentColor4);
  margin-bottom: 0px;
  color: #000;
}
a.showcoupon {
  color: var(--accentColor);
  margin-left: 10px;
}
.totals-line {
  background-color: #f9f9f9;
}
.totals-line {
  background-color: #f9f9f9;
  margin: 10px 0px;
  padding: 10px 10px;
}
.checkout-totals {
  padding: 0px !important;
}
.checkout-totals .totals-line:nth-of-type(2) {
  background-color: #00800012;
}
a.darksoul-button1 {
    font-family: 'sunblock_probold';
    text-transform: uppercase;
    background-color: var(--accentColor);
    color: #000 !important;
    max-width: 200px;
    padding: 6px 20px;
    text-align: center;
    /* margin: 0px auto; */
    height: 20px;
    margin-top: 10px;
    width: 200px;
}