/*
Theme Name: NorthCharge Custom Theme
Author: DopeTech Studio AB
Author URI: https://dopetechstudio.com/
Description: Skräddarsytt tema för WooCommerce med TailwindCSS och ACF Flexible Content. Utvecklad specifikt för NorthCharge
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: northcharge
*/

/* Luft mellan stycken i ACF-text */
.prose p {
  margin-bottom: 1rem;     /* t.ex. 16px mellan stycken */
  line-height: 1.7;        /* gör raderna luftigare */
}

/* Ta bort sista marginalen */
.prose p:last-child {
  margin-bottom: 0;
}

/* Om redaktören använder <br>, lägg till lite vertikalt utrymme */
.prose br {
  content: "";
  display: block;
  margin-bottom: 0.75rem; /* t.ex. 12px extra luft */
}

/* Listor (från tidigare) */
.prose ul {
  margin: 1rem 0;
  padding-left: 0;
  list-style: none;
}

.prose ul li {
  margin-bottom: 0.75rem;
  line-height: 1.6;
  padding-left: 2rem;
  position: relative;
}

.prose ul li:last-child {
  margin-bottom: 0;
}

.prose ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.45em;
  width: 1rem;
  height: 1rem;
  background: url("data:image/svg+xml;utf8,<svg fill='currentColor' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M16.707 5.293a1 1 0 00-1.414 0L8 12.586 4.707 9.293a1 1 0 00-1.414 1.414l4 4a1 1 0 001.414 0l8-8a1 1 0 000-1.414z' clip-rule='evenodd'/></svg>") no-repeat center;
  background-size: contain;
  color: #16a34a;
}

.prose a {
  text-decoration: underline;
}

@media (min-width: 768px) {
  .md-h-650 {
    height: 650px;
  }
}

nav ul li ul li img {
  display: inline-block !important;
  vertical-align: middle !important;
}

html {
  scroll-behavior: smooth;
}

.installation-checkbox:checked::after,
.tillbehor-checkbox:checked::after {
  content: '✓';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}

/* Wrapper – centrera notiser */
.woocommerce-notices-wrapper {
  max-width: 1120px;
  margin: 1rem auto;
}

/* Alla notiser */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border-radius: 8px;
  padding: 1rem 1.5rem;
  font-size: 0.9rem;
  font-weight: 500;
  margin-bottom: 1rem;
}

/* Lyckad (grön) */
.woocommerce-message {
  background-color: #000;
  color: #fff;
  border: none;
}

/* Info (blå) */
.woocommerce-info {
  background-color: #000;
  color: #fff;
  border: none;
}

/* Error (röd) */
.woocommerce-error {
  background-color: #000;
  color: #fff;
  border: none;
}

.woocommerce-message::before,
.woocommerce-error::before,
.woocommerce-info::before {
  display: none !important;
  content: none !important;
}

.woocommerce-additional-fields {
	margin-top: 20px;
}

.woocommerce-additional-fields label {
	display: block;
}

.woocommerce-additional-fields input
{
	width: 100%;
    padding: 7px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 1px solid #D6D6D6;
}

.woocommerce-checkout .woocommerce {
	padding: 0 20px;
	max-width: 1400px;
	margin: 0 auto;
}

.woocommerce-additional-fields input#green_ssn {
	margin-top: 0px;
}

@media(max-width: 1100px) {
	.woocommerce-checkout .woocommerce #kco-order-review {
		width: 100%;
		padding-right: 0;
		max-width: 900px;
		margin: 0 auto;
	}
	
	.woocommerce-checkout .woocommerce #kco-iframe {
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}
}

.woocommerce-form-coupon-toggle {
	display: none;
}