/* Ændrer kun baggrunden for WooCommerce-beskeder til hvid */
.woocommerce-message {
    background-color: #ffffff !important; /* Hvid baggrund */
}




/* Tvinger farveændring på "Modtag e-mail"-knappen */
button,
.button,
.woocommerce div.product form.cart .button,
.woocommerce div.product form.cart button,
.woocommerce div.product form.cart input.button {
    background-color: #204432 !important; /* Skift til din ønskede farve */
    color: #ffffff !important; /* Hvid tekst */
    border-radius: 5px !important;
    font-weight: bold !important;
    padding: 10px 15px !important;
    border: none !important;
    text-transform: uppercase !important;
}

/* Hover-effekt */
button:hover,
.button:hover,
.woocommerce div.product form.cart .button:hover,
.woocommerce div.product form.cart button:hover,
.woocommerce div.product form.cart input.button:hover {
    background-color: #255D40 !important; /* Mørkere nuance ved hover */
}

    border-radius: 5px;
    font-weight: bold;
    padding: 10px 15px;
    border: none;
    transition: background-color 0.3s ease-in-out;
}

/* Hover-effekt */
.woocommerce div.product .wcwl-waitlist-button:hover {
    background-color: #183924 !important; /* En lidt mørkere grøn nuance ved hover */
}

-------

/* Gør alle pagineringstal hvide – uanset tilstand */
.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span, 
.woocommerce nav.woocommerce-pagination ul li a:hover, 
.woocommerce nav.woocommerce-pagination ul li span.current {
    color: white !important; /* Altid hvid tekst */
}

@media (max-width: 768px) {
    body, html {
        width: 100%;
        overflow-x: hidden;
    }

    .container, .content-area, .site {
        max-width: 100% !important;
        width: 100% !important;
        margin: 0;
        padding: 10px;
    }

    img {
        max-width: 100%;
        height: auto;
    }
}

__________________________

/* 🚀 Force 4 products per row on Desktop *//* 🖥️ FORCE 4 PRODUCTS PER ROW ON PC */
@media screen and (min-width: 1025px) {
    .woocommerce ul.products {
        display: flex !important;
        flex-wrap: wrap !important;
    }
    .woocommerce ul.products li.product {
        width: 23.5% !important; /* Adjusts for spacing */
        max-width: 23.5% !important;
        display: block !important;
        float: none !important;
        clear: none !important;
        margin: 0 1% 20px 1% !important; /* Adjusts spacing */
    }
}

/* 📱 FORCE 1 PRODUCT PER ROW ON MOBILE */
@media screen and (max-width: 768px) {
    .woocommerce ul.products {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .woocommerce ul.products li.product {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        float: none !important;
        clear: both !important;
        flex: 0 0 100% !important;
        margin: 20px 0 !important;
    }
}

html, body {
    overflow-x: hidden; /* Forhindrer horisontal scrolling på mobil */
}

@media (max-width: 768px) {
    .products .elementor-widget-wrap {
        margin-bottom: 20px !important; /* Giver ens afstand mellem produkter */
    }
}



/* Sikrer, at alle sektioner har samme max-width */
body, .container, .content, .section {
    max-width: 100% !important;
    width: 100% !important;
    overflow-x: hidden;
}

/* Ens header (fixer logo, menu og skriftstørrelse) */
@media (max-width: 768px) {
    .site-header, .elementor-nav-menu, .elementor-widget-heading {
        font-size: 16px !important;
        text-align: center !important;
    }

    .site-logo img {
        max-width: 120px !important;
        height: auto !important;
    }

    .header-container {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 10px 15px !important;
    }
}

/* Fikser produktside layout */
@media (max-width: 768px) {
    .products {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
    }

    .products img {
        max-width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }
}



@media (max-width: 768px) {
    .woocommerce ul.products {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 130px !important; /* Tilføjer 130px mellem hvert produkt */
        justify-content: center !important;
    }

    .woocommerce ul.products li.product {
        width: 100% !important;
        max-width: 100% !important;
        margin: 10px 0 !important; /* Ekstra spacing mellem produkter */
    }
}

__________________
.woocommerce ul.products li.product.outofstock {
    position: relative;
}

.out-of-stock-label {
    position: center;
    bottom: 15px;
    left: 50%;
    transform: translateX(+10%);
    background-color: red;
    color: white;
    padding: 10px 15px;
    font-weight: bold;
    z-index: 9;
    border-radius: 5px;
    font-size: 15px;
    text-transform: uppercase;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
size: 12px;
}

__________________
.out-of-stock-label {
  display: inline-block;
  background: green;
  color: #204432;
  padding: 8px 12px;
  border-radius: 4px;
  font-weight: bold;
  text-transform: uppercase;
}

a.preorder-button {
  display: inline-block;
  background: orange;
  color: #204432 !important;
  padding: 8px 12px;
  border-radius: 4px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}

a.preorder-button:hover {
  background: darkgreen;
}

.cwginstock-subscribe-form .panel.panel-primary > .panel-heading {
  background-color: #204432 !important;
  border-color: #204432 !important;
}

/* Knappen */
.cwgstock_button {
  background-color: #204432 !important;
  border-color: #181818 !important;
  color: #FFFFFF !important; /* så teksten kan ses */