/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/



.rotate-top-bar p {
    display: none;
	/* gör top bar rotationen clean*/
}

.sticky-mobile-menu {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999;
    -webkit-box-shadow: 0px -8px 29px -12px rgba(0,0,0,0.2);
    box-shadow: 0px -4px 40px -12px rgba(0,0,0,0.2);
}
.sticky-mobile-menu .icon-box-center .icon-box-img {
    margin: 0 auto -2px;
}
@media (max-width: 549px) {
#footer {
    margin-bottom: 90px;
}
}

/*Centrera meny på allt över 849px*/
@media (min-width: 849px) {
  .header-inner .nav-left {
    justify-content: center !important;
		padding-right: 10%;
  }
}

.woocommerce-checkout {
  background-color: #ffffff;
	/* Ändring av färgen i kassan så att den matchar med klarna */
}

#kco-order-review {
  max-width: 640px;
  margin: 0 auto;
	float: none;
  padding: 15px;

	/* Ändring varukorgen i kassan så att den är centrerad och lika bred som Klarna. */
}


#kco-iframe {
    padding-left: 0px;
	}

/* Ändring av Klarna i kassan så att den inte paddar 20px. */



.select-resize-ghost,.select2-container .select2-choice,.select2-container .select2-selection,input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea {
	border-color: rgb(227, 229, 233);
  border-radius: 5px;
	border-width: 1px;
	border-style: solid;
	box-shadow: none;
/* Ändring av ramen runt "anteckningar" i kassan så det passar med Klarna. */
}

#kco-order-review .shop_table.woocommerce-checkout-review-order-table th {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
   font-size: 21px;
   font-weight: 700;
   line-height: 22px;
   letter-spacing: 0.3px;
   color: rgb(74, 119, 69);
	text-transform: capitalize;
	
	/* ändring av rubriker i varukorgen i kassan så att det matchar med Klarna */
}

#kco-order-review .shop_table.woocommerce-checkout-review-order-table td {
    color: rgb(95, 97, 99);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
	/* ändring av text i varukorgens tabell i kassan så den matchar med Klarna  */
}




.woocommerce-info .message-container {
  text-align: center; 
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	line-height: 20px;
  font-size: 16px;
  letter-spacing: 0px;
  color: rgb(74, 119, 69);
  font-weight: 500;
	
	/* Centrerar och ändrar texten (rabattkodfältet i kassan) horisontellt */
	
}

.woocommerce-info .message-container.container {
  display: flex;
  justify-content: center; /* Centrerar barn element horisontellt (rabattkodfältet i kassan) i en flex container */
  flex-direction: column; /* Staplar (rabattkodfältet i kassan) barn vertikalt */
  align-items: center; /* Centrerar (rabattkodfältet i kassan) barn element vertikalt */
}



.shop_table.woocommerce-checkout-review-order-table .product-name {
  display: flex;
  align-items: center;
  flex-wrap: wrap; /* Tillåter innehållet att omsluta vid behov */
}

.shop_table.woocommerce-checkout-review-order-table .ts-product-image img {
  max-width: 100%; /* Anpassar bilden till containerbredden */
  height: auto; /* Bibehåller bildens proportioner */
  margin-right: 10px; /* Ger utrymme mellan bilden och texten */
}








.shop_table.woocommerce-checkout-review-order-table {
  table-layout: fixed;
  width: 100%; /* Justerar tabellens totala bredd */
}

.shop_table.woocommerce-checkout-review-order-table th.product-total,
.shop_table.woocommerce-checkout-review-order-table td.product-total {
  width: 30%; /* Eller annan procentandel/fasta värden som passar din design */
}

.shop_table.woocommerce-checkout-review-order-table th.product-name,
.shop_table.woocommerce-checkout-review-order-table td.product-name {
  width: 70%; /* Justerar den vänstra kolumnens bredd */
}



.woocommerce-checkout-review-order-table .includes_tax {
    display: none; /* ta bort momsraden bredvid Totalt */
}

.shop_table.woocommerce-checkout-review-order-table tfoot .shipping td {
  padding-top: 10px; /* Ökar utrymmet ovanför innehållet */
  padding-bottom: 10px; /* Ökar utrymmet under innehållet */
	border-bottom: 1px solid #ececec; /* Lägger till en bottenlinje med en lätt grå färg */ }

.checkout_coupon .button.expand {
  background-color: rgb(74, 119, 69); /* Ändrar bakgrundsfärgen */
  color: #ffffff; /* Ändrar textfärgen till vit för bättre läsbarhet */
  border-color: rgb(74, 119, 69); /* Ändrar kantfärgen för att matcha bakgrundsfärgen */
}

.woocommerce-form-login .woocommerce-button.button.woocommerce-form-login__submit {
  background-color: rgb(74, 119, 69); /* Ändrar bakgrundsfärgen */
  color: #ffffff; /* Ändrar textfärgen till vit för bättre läsbarhet */
  border-color: rgb(74, 119, 69); /* Om du också vill ändra färgen på kanten */
}

/* Dölj "Skapa ett konto?"-texten och lösenords- och telefonfälten endast i kassan */
body.woocommerce-checkout p.create-account,
body.woocommerce-checkout p#account_password_field,
body.woocommerce-checkout p#shipping_phone_field {
    display: none;
}

.fl-wrap .fl-textarea {
    min-height: 70px; /*Ändra höjden på Anteckningsfältet i kassan */
}





/* produktsida */
.variations .variable-items-wrapper .variable-item {
  width: 90px !important;
  height: 50px !important;
  padding: 3px 3px !important;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
	  border-radius: 0 !important;
}

.variations .variable-items-wrapper .variable-item span {
  display: block !important;
  font-size: 14px;
  line-height: 1.3;
  white-space: pre-line;
  word-break: break-word;
}

.variations .variable-items-wrapper .variable-item.selected {
  border-color: #222 !important;
  box-shadow: 0 0 0 1px #222 !important;
}

@media screen and (max-width: 480px) {
  .variations .variable-items-wrapper .variable-item {
    width: 90px !important;
    height: 50px !important;
    font-size: 13px !important;
    padding: 3px 3px !important;
  }

  .variations .variable-items-wrapper .variable-item span {
    font-size: 13px !important;
    line-height: 1.2;
  }
}

.variations .variable-items-wrapper .variable-item.selected {
  border: 1px solid #0f9d58 !important;
  background-color: #ffffff !important;
  font-weight: 600;
  box-shadow: 0 2px 4px rgba(74, 119, 69, 0.5)
 !important;
  transition: all 0.2s ease-in-out;
}


/* Pris större fontsize */
.woocommerce-variation-price .price {
  font-size: 24px !important;
  font-weight: 600 !important;
  color: #111 !important;
  margin-top: 10px;
  display: inline-block;
	letter-spacing: 0.9px;
}

/* Pris och lagerstatus i samma rad */
.woocommerce-variation-price,
.woocommerce-variation-availability {
  display: inline-flex;
  align-items: center;
  margin-right: 12px;
}


/* Lagerstatus –  i lager fet */
.woocommerce-variation-availability .stock.in-stock {
  font-weight: 600;
	padding-bottom: 5px;
}

/* 🟢 Grön ikon för "I lager" */
.woocommerce-variation-availability .stock.in-stock::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #2e7d32;
	margin-right: 5px;
}

/* Lagerstatus – slut i lager röd/fet */
.woocommerce-variation-availability .stock.out-of-stock {
  color: #c0392b !important; 
  font-weight: 600;
	padding-bottom: 5px;
}

/* 🔴 Röd ikon för "Slut i lager" */
.woocommerce-variation-availability .stock.out-of-stock::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #c0392b;
	margin-right: 5px;
}

/* ta bort streckad linje över pris */
.woocommerce-variation-price {
  border-top: none !important;
	margin-top: -10px;
}

/* ändra text kort produktbeskrivning */
.product-short-description {
  font-size: 14px !important;
  line-height: 1.5;
}



/* >>>>>>ÄNDRA DESIGN RECENSIONSSEKTIONEN<<<<<<< */

/* visa text som göms i recensionsrutan, Visa varje stjärnbetyg på egen rad */
#review_form_wrapper .stars a {
    display: block;
    margin-bottom: 6px;
    color: black !important;
    margin-left: 6px;
}


.review-form-inner.has-border {
    border: 1px solid #ccc;      /* Ljusgrå linje (kan ändras) */
    padding: 20px;               /* Lite luft inuti boxen */
    box-shadow: 3px 5px 6px rgba(0,0,0,0.1); /* Subtil skugga (valfritt) */
}

/*ändra recensionslista design*/
.commentlist .review-item {
    background-color: #f7f7f7;
    border-radius: 0px;
    padding: 15px;
	padding-bottom: 0px;
    margin-bottom: 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.08);
    display: flex;
    flex-direction: column;
}

.commentlist .review-item .comment-text {
    order: 2;
}

.commentlist .review-item .flex-col img.avatar {
    display: none; /* Göm avatarer */
}

.commentlist .woocommerce-review__author {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
}

.commentlist .woocommerce-review__published-date {
    color: #888;
    font-size: 13px;
    margin-top: 5px;
}

/*ÄNDRA DESIGN RECENSIONSSEKTIONEN SLUT*/

@media only screen and (max-width: 768px) {
  .commentlist .review-item {
    background-color: #f7f7f7 !important;
    padding: 10px !important;
    margin-bottom: 20px !important;
    border-radius: 0px !important;
  }
	.commentlist li {
    margin-left: 0 !important;
  }
	.comment-list li .comment-text,
  	.commentlist li .comment-text {
    padding: 0 0.5em !important;
  }
	
	/* Ta bort bindestreck och till priset */
.price {
  font-size: 0;
}

.price .woocommerce-Price-amount.amount:first-of-type {
  font-size: 1rem;
}

.price .woocommerce-Price-amount.amount + .woocommerce-Price-amount.amount {
  display: none !important;
}
/* Ta bort bindestreck och till priset */

}

/* Ta bort bindestreck och till priset */
.price {
  font-size: 0;
}

.price .woocommerce-Price-amount.amount:first-of-type {
  font-size: 1rem;
}

.price .woocommerce-Price-amount.amount + .woocommerce-Price-amount.amount {
  display: none !important;
}
/* Ta bort bindestreck och till priset */