/* Add your CSS code here. */


/* gap header väck */
body header .wp-block-group.alignwide {
gap: 0.4rem !important;
}



/* Sökikon */
.search-icon {
    width: 36px !important;
    height: 36px !important;
}

/* Gör alla sökknappar transparenta oavsett läge och formulär */
.wp-block-search__button {
    background: transparent !important;
    background-color: transparent !important; 
	padding: 0px !important;
}

/* Hamburgermenyikon */
.wp-block-navigation__responsive-container-open svg {
    width: 36px !important;
    height: 36px !important;
}

/* Varukorgsikon */
.wc-block-mini-cart__button svg,
.wc-block-mini-cart__icon {
    width: 36px !important;
    height: 36px !important;
	    padding: 0px !important;
}

/* Minska luft under varukorgsikonen */
.wc-block-mini-cart__button {
    padding: 0 !important;
	padding-left: 0.5em !important;
	padding-right: 0.5em !important;
    margin: 0 !important;
	
}

/* Varukorgsbadge */
.wc-block-mini-cart__badge {
    font-size: 14px !important;
}








/* Ta bort iOS Safari/Chrome default-stil (blå bakgrund och rundade hörn) */ .woocommerce-ordering select.orderby {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  background-color: #fff;         /* Ändra till önskad bakgrundsfärg */
  color: #000;                    /* Textfärg */
  border: 1px solid #ccc;         /* Anpassa kantlinje */
  border-radius: 0;               /* Ta bort rundade hörn */
  padding: 0.5em 2.5em 0.5em 0.8em;
  font: inherit;
  line-height: 1.2;
}

/* Lägg till en bakgrundsikon (pil) för att indikera dropdown */ .woocommerce-ordering {
  position: relative;
}
.woocommerce-ordering::after {
  content: '';
  position: absolute;
  right: 1em;
  top: 40%;
  width: 0.6em;
  height: 0.6em;
  pointer-events: none;
  border-left: 2px solid #666;
  border-bottom: 2px solid #666;
  transform: translateY(-50%) rotate(-45deg); }





/* Ta bort padding och margin för grupper med breadcrumb */
.wp-block-group.has-global-padding:has(.woocommerce-breadcrumb) {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Ta bort padding och margin för yttre grupp på produktsidor */ 
body.single-product .wp-block-group.woocommerce.product.is-layout-flow.wp-block-group-is-layout-flow {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Centrera kategoribeskrivning */
.woocommerce-category-description {
	text-align: center;
}

/* Mobil: Lås header */
@media (max-width: 999px) {
    header {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1000;
    }
    body {
        padding-top: 110px; /* Justera så det matchar headerns höjd */
    }
}

/* Mobil: Dölj nedre kategorilista */
@media (max-width: 999px) {
    .wp-container-core-group-is-layout-23441af8 {
        display: none !important;
    }
}

/* Desktop: Dölj övre kategorilista och hamburgermeny */
@media (min-width: 1000px) {
    .wp-block-navigation__responsive-container-content#modal-2-content {
        display: none !important;
    }
	.wp-block-navigation__responsive-container-open.always-shown {
        display: none !important;
    }
}

/* Dölj produktantal i både desktop och mobil */ 
.woocommerce-loop-category__title .count {
    	display: none !important;
}

/* Ta bort understrykning från kategorilänkar */ 
h2.woocommerce-loop-category__title a {
    	text-decoration: none !important;
}

/* Desktop-läge: Dölj Sökfält 1 */
@media (min-width: 1000px) {
    form.wp-block-search__button-only {
        display: none !important;
    }
}

/* Mobilläge: Dölj Sökfält 2 */
@media (max-width: 999px) {
    form.wp-block-search__button-outside {
        display: none !important;
    }
}

/* Två kolumner för produktlistan i mobilläget på kategoriarkivsidor */ 
@media (max-width: 999px) {
    body.tax-product_cat .wp-block-post-template.is-layout-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1rem !important; /* Avstånd mellan produkter */
    }
}

/*body.archive .wp-block-group.has-global-padding {
	padding-top: 0;
	padding-bottom:0;
}*/

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */