/* -------------------------------------------------------
   BO Shopping Companion – Product Box Buttons
   To bokser (Bestill + Vis), 50/50 bredde, fast høyde
   ------------------------------------------------------- */

/* Container: 2 bokser side ved side, 50% hver, fast høyde */
.bo-product-box-actions {
    display: flex;
    width: 100%;
    height: 40px;          /* Høyde på hele knapperaden */
    margin-top: 10px;
    overflow: hidden;      /* Hindrer at noe stikker utenfor kantene */
}

/* Standard boks-stil */
.bo-product-box-btn {
    flex: 1;               /* 50% bredde */
    height: 100%;          /* Fyll hele container-høyden */
    display: inline-flex;
    align-items: center;   /* Vertikal sentrering */
    justify-content: center;
    gap: 6px;

    padding: 0 8px;        /* Kun horisontal padding for fast høyde */
    text-align: center;
    text-decoration: none;
    cursor: pointer;

    font-size: 15px;
    font-weight: 600;

    border: none;
    border-radius: 0;
    transition: background-color .2s ease, color .2s ease;
    margin: 0 !important;
}

/* Ikonstørrelse */
.bo-product-box-btn .bo-btn-icon svg {
    width: 14px;
    height: 14px;
    display: block;
    fill: currentColor;     /* Arver tekstfarge */
}

/* Venstre 50% (Primær farge) */
.bo-product-box-btn.bo-left {
    background: var(--primary-color);
    color: #fff;
}

.bo-product-box-btn.bo-left:hover {
    background: var(--primary-color-hover);
}

/* Høyre 50% (Hvit bakgrunn + primær tekst) */
.bo-product-box-btn.bo-right {
    background: #333;
    color: #fff;
}

.bo-product-box-btn.bo-right:hover {
    background: #222;
}

/* Fjern enhver avrunding som Flatsome legger inn */
.bo-product-box-btn,
.bo-product-box-btn:hover,
.bo-product-box-btn:focus {
    border-radius: 0 !important;
}

/* ----------------------------------------
   Bestill – tomt på lager (ingen restordre)
---------------------------------------- */
.bo-product-box-btn.bo-left.bo-out-of-stock {
    background-color: #666666 !important;
    border-color: #666666 !important;
    color: #ffffff !important;
    cursor: not-allowed;
    opacity: 1;
}

/* Ikon også grå */
.bo-product-box-btn.bo-left.bo-out-of-stock svg {
    color: #ffffff;
}

/* Deaktiver hover-effekt */
.bo-product-box-btn.bo-left.bo-out-of-stock:hover {
    background-color: #666666 !important;
    border-color: #666666 !important;
}

/* -------------------------------------------------------
   Mobil-knapper – alltid synlige under produktboksen
   Skjules på desktop (hover-varianten brukes der)
   ------------------------------------------------------- */

.bo-product-box-actions-mobile {
    display: none; /* Skjult på desktop */
    width: 100%;
    height: 40px;
    margin-top: 8px;
    overflow: hidden;
    flex-direction: column; /* Stabler knappene vertikalt på mobil */
    gap: 5px 0px; /* Litt mer avstand mellom knappene på mobil */
}

.bo-product-box-actions-mobile .bo-product-box-btn {
    border-radius: 8px !important; /* Rundere knapper på mobil */
}

/* Vis kun på mobil/nettbrett uten hover-mulighet */
@media (max-width: 849px) {
    .bo-product-box-actions-mobile {
        display: flex;
    }
}

/* -------------------------------------------------------
   Skjul Flatsome sine originale overlay-knapper,
   men la vårt .bo-product-box-actions-lag leve
   ------------------------------------------------------- */

/* Flatsome sin quick view-knapp (ankeret med .button) */
.product-small .box-image a.quick-view.quick-view-added,
.product-small > .box-image > .image-tools.grid-tools > a.quick-view.quick-view-added {
    display: none !important;
}

/* Flatsome sin add-to-cart knapp i overlayen */
.product-small .box-image .image-tools .button.add_to_cart_button {
    display: none !important;
}

/* Flatsome sitt cart-ikon i overlayen */
.product-small .box-image .image-tools .cart-icon {
    display: none !important;
}

/* Override for "lagt i handlekurv" / "vis handlekurv ->" */
.grid-tools a.added_to_cart.wc-forward {
    width: 70% !important;
}

/* Fjern "Content not found" i Flatsome Quick View */
.mfp-wrap .mfp-container > .mfp-preloader {
    display: none !important;
}

/* Adjust badge position on QuickView modal */
.mfp-content .product-gallery > .badge-container {
    margin-left: -10px;
}

/* Override price display */
.mfp-content .product-quick-view-container ins > .woocommerce-Price-amount.amount,
.mfp-content .product-quick-view-container .price-wrapper > .price > .woocommerce-Price-amount.amount {
    font-size: 2rem;
}
.mfp-content .product-quick-view-container del > .woocommerce-Price-amount.amount {
    font-size: 1.2rem;
}
.mfp-content .product-quick-view-container .product-short-description {
    margin-block: 15px;
    font-size: 1rem;
}