/* WooCommerce-knappar: Svart bakgrund, vit text, 10px radie */
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button, 
.woocommerce input.submit,
.woocommerce-message .button {
    background-color: 000000 !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    border: none !important;
    padding: 10px 20px !important; /* Justerar avståndet för ett renare utseende */
}

/* Hover-läge för knappar */
.woocommerce a.button:hover, 
.woocommerce button.button:hover {
    background-color: #333333 !important;
    color: #ffffff !important;
}

/* Produktpriser: Svart färg */
.woocommerce ul.products li.product .price, 
.woocommerce ul.products li.product .price .amount,
.woocommerce ul.products li.product .price ins {
    color: #000000 !important;
    font-weight: bold;
}

/* 1. Ta bort understrykningar från ALLA länkar */
a {
    text-decoration: none !important;
}

/* 2. Styla länkar för mörka bakgrunder (grönt vid muspekning/aktivt, men vit text) */
/* Detta förutsätter att dina mörka sektioner använder en standardbehållare; justera klassen vid behov */
.dark-bg a, 
.has-background.has-black-background-color a {
    color: #ffffff !important;
}

.dark-bg a:hover, 
.has-background.has-black-background-color a:hover {
    color: #4CAF50 !important; /* Justera denna hexkod till din önskade gröna färg */
}

/* 3. Enhetlighet för ALLA knappar (Classic + Blocks) */
.woocommerce a.button, 
.woocommerce button.button, 
.wp-block-button__link, 
.wc-block-components-button,
.wc-block-cart__submit-button {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    border: none !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

/* 4. Korrigering specifikt för blockknappen "Gå till kassan" */
.wc-block-cart__submit-button {
    width: 100% !important;
    padding: 15px !important;
}

/* 5. Behåll prisets färg svart i varukorgsblocken */
.wc-block-grid__product-price,
.wc-block-cart-item__total {
    color: #000000 !important;
}

/* Universell WooCommerce-blockknapp vid muspekning */
.wp-block-button__link:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover,
.wc-block-components-button:hover {
    background-color: #555555 !important; /* Mellangrå */
    color: #ffffff !important;           /* Vit text vid muspekning */
    transition: background-color 0.3s ease; /* Mjuk övergång */
}

/* Justera knappar för relaterade produkter till botten */
.wc-block-components-related-products ul.wc-block-grid__products {
    display: flex;
    flex-wrap: wrap;
}

/* Tvinga tabellcellerna i varukorgen att staplas på små skärmar */
@media (max-width: 767px) {
  .woocommerce-cart .shop_table td {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    box-sizing: border-box;
  }
  
  /* Korrigera överlappande kassa-knappar eller sidofält */
  .wc-block-cart__submit-container {
    margin-top: 20px !important;
  }
}