/* Container: kritisk for layout */
.ks-container{
  width:100%;
  max-width:1100px;
  margin:0 auto;
  padding:0 20px;
}

/* =========================
   Smash Balloon Instagram Feed (KS)
   Runde kanter på thumbnails/video + klipp overflow
   ========================= */

/* Selve item/kortet */
#sb_instagram .sbi_item,
#sb_instagram .sbi_item a{
  border-radius:14px;
  overflow:hidden;
}

/* Bilde/video-wrapperen */
#sb_instagram .sbi_photo{
  border-radius:14px;
  overflow:hidden;
}

/* Selve mediaelementene */
#sb_instagram .sbi_photo img,
#sb_instagram .sbi_photo video,
#sb_instagram .sbi_photo iframe{
  border-radius:14px;
  display:block;
}

/* Hvis noen layouts bruker bakgrunnsbilde på .sbi_photo */
#sb_instagram .sbi_photo{
  background-clip:padding-box;
}

/* =========================
   Woo minimal skin (KS)
   ========================= */

.woocommerce, .woocommerce-page { color: hsl(var(--foreground)); }
.woocommerce a { color: inherit; text-decoration: none; }
.woocommerce a:hover { color: hsl(var(--secondary)); }

/* Title + headings */
.woocommerce-products-header__title,
.woocommerce h1, .woocommerce h2, .woocommerce h3 {
  font-family: 'Oswald', system-ui, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* Notices */
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error {
  background: hsl(var(--muted));
  border: 1px solid hsl(var(--border));
  color: hsl(var(--foreground));
  padding: 12px 14px;
  border-radius: 12px;
}

/* Result count + sorting row */
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering {
  margin: 0 0 14px 0;
}
.woocommerce .woocommerce-ordering select{
  background: hsl(var(--input));
  border: 1px solid hsl(var(--border));
  color: hsl(var(--foreground));
  border-radius: 12px;
  padding: 10px 12px;
}

/* Product grid */
.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 18px;
  margin: 18px 0 0 0;
  padding: 0;
}
@media (min-width: 640px){ .woocommerce ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px){ .woocommerce ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

.woocommerce ul.products li.product {
  list-style: none;
  margin: 0 !important;
  width: auto !important;
  float: none !important;

  background: hsl(var(--background));
  border: 1px solid hsl(var(--border));
  border-radius: 14px;
  padding: 14px;
  overflow: hidden;
  transition: border-color 200ms ease, transform 200ms ease;
}
.woocommerce ul.products li.product:hover {
  border-color: hsl(var(--secondary));
  transform: translateY(-2px);
}

.woocommerce ul.products li.product a img {
  border-radius: 12px;
  margin: 0 0 12px 0;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 1.1rem;
  margin: 0 0 6px 0;
}

.woocommerce ul.products li.product .price {
  color: hsl(var(--secondary));
  font-weight: 800;
  margin: 0 0 10px 0;
}

/* Buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  background: hsl(var(--secondary)) !important;
  color: hsl(var(--secondary-foreground)) !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 10px 14px !important;
  font-family: 'Oswald', system-ui, sans-serif !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover { opacity: 0.9; }

/* Make add-to-cart full width for clarity */
.woocommerce ul.products li.product a.button {
  display: inline-flex;
  justify-content: center;
  width: 100%;
}

/* Woo notices: rydd opp i layout + fjern float p책 knappen */
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}

.woocommerce .woocommerce-message .button,
.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-error .button{
  float:none !important;
  margin:0 !important;
  white-space:nowrap;
}

/* Woo notices: fiks ikon (r  d sirkel) og alignment */
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message{
  position: relative;
  padding-left: 52px; /* plass til ikonet */
}

.woocommerce .woocommerce-error::before,
.woocommerce .woocommerce-info::before,
.woocommerce .woocommerce-message::before{
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
}

.ks-cart-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
}

.ks-cart-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:24px;
  height:24px;
  padding:0 8px;
  border-radius:999px;
  font-weight:700;
  background:#ff6a00;
  color:#111;
}

.ks-cart-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left:8px;
  min-width:24px;
  height:24px;
  padding:0 8px;
  border-radius:999px;
  font-weight:700;
  background:#ff6a00;
  color:#111;
}

.ks-video-wrap{
  max-width: 240px;
  margin: 12px auto;      /* sentrerer */
  border-radius: 14px;
  overflow: hidden;
}

.ks-video-wrap video{
  width: 100%;
  height: auto;
  display: block;
}
.ks-video-wrap{
  box-shadow: 0 6px 20px rgba(0,0,0,.35);
}

.ks-readmore summary{
  cursor: pointer;
  display: inline-block;
  margin-top: 10px;
  padding: 4px 10px;
  border-radius: 10px;
  background: #ff6a00; /* din oransje */
  color: #111;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  transition: opacity .2s ease;
}

.ks-readmore summary:hover{
  opacity: .85;
}

.ks-readmore[open] summary{
  background: #e35f00;
}

#sb_instagram .sbi_follow_btn{
  display: none !important;
}

/* 1) Lås logo-størrelse i header (alltid) */
.ks-header a img,
.ks-header .custom-logo-link img,
.ks-header .custom-logo {
  height: 40px !important;
  width: auto !important;
  max-height: 40px !important;
  max-width: none !important;
  display: block;
}

/* 2) Stop WooCommerce fra å “resette” header-logoen */
.woocommerce img.custom-logo,
.woocommerce-page img.custom-logo,
.woocommerce img[src*="/assets/logo"],
.woocommerce-page img[src*="/assets/logo"]{
  height: 40px !important;
  width: auto !important;
  max-height: 40px !important;
  max-width: none !important;
}