/* =========================================================
   BioVital Health – WooCommerce Shop (clean premium)
   Scope: Shop + Produkt-arkiver
   ========================================================= */

:root{
  --bvh-green: #3EB86E;
  --bvh-green-soft: rgba(62,184,110,.18);
  --bvh-ink: #2b2b2b;
  --bvh-muted: rgba(0,0,0,.62);
  --bvh-bg-soft: rgba(250,246,246,.55); /* match jeres off-white vibe */
  --bvh-card: rgba(255,255,255,.0);     /* "ingen hvid card" */
  --bvh-radius: 22px;
}

/* Gælder shop + produkt arkiver */
body.woocommerce-shop,
body.post-type-archive-product,
body.tax-product_cat,
body.tax-product_tag{
  color: var(--bvh-ink);
}

/* GRID: mere luft mellem produkter */
body.woocommerce-shop .woocommerce ul.products,
body.post-type-archive-product .woocommerce ul.products,
body.tax-product_cat .woocommerce ul.products,
body.tax-product_tag .woocommerce ul.products{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 26px;
}

@media (max-width: 1024px){
  body.woocommerce-shop .woocommerce ul.products,
  body.post-type-archive-product .woocommerce ul.products,
  body.tax-product_cat .woocommerce ul.products,
  body.tax-product_tag .woocommerce ul.products{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px){
  body.woocommerce-shop .woocommerce ul.products,
  body.post-type-archive-product .woocommerce ul.products,
  body.tax-product_cat .woocommerce ul.products,
  body.tax-product_tag .woocommerce ul.products{
    grid-template-columns: 1fr;
  }
}

/* Fjerner "kort" looket (ingen hvid baggrund/boks) */
.woocommerce ul.products li.product{
  background: var(--bvh-card);
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: var(--bvh-radius);
  box-shadow: none;
  transition: transform .25s ease, box-shadow .25s ease;
}

/* Blød “premium” hover – meget subtil */
.woocommerce ul.products li.product:hover{
  transform: translateY(-4px);
  box-shadow: 0 18px 35px rgba(0,0,0,.08);
}

/* Produktbillede: lav en “soft plate” bag billedet */
.woocommerce ul.products li.product a img{
  width: 100%;
  border-radius: var(--bvh-radius);
  background: var(--bvh-bg-soft);
  padding: 20px;
  box-sizing: border-box;
  margin: 0 0 14px 0;
}

/* Titel + pris: roligere premium look */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size: 16px;
  letter-spacing: .02em;
  line-height: 1.25;
  margin: 0 0 8px 0;
  color: var(--bvh-ink);
}

.woocommerce ul.products li.product .price{
  font-size: 15px;
  font-weight: 600;
  color: rgba(0,0,0,.58);
  margin: 0 0 14px 0;
}

/* Knap: full width, mindre “skrig-grøn”, mere A&B feel */
.woocommerce ul.products li.product .button{
  display: block;
  width: 100%;
  text-align: center;
  border: 1px solid var(--bvh-green-soft);
  background: rgba(62,184,110,.10);
  color: rgba(0,0,0,.78);
  border-radius: 999px;
  padding: 12px 16px;
  font-weight: 600;
  letter-spacing: .01em;
  transition: background .2s ease, transform .2s ease, border-color .2s ease;
}

/* Hover på knap */
.woocommerce ul.products li.product .button:hover{
  background: rgba(62,184,110,.18);
  border-color: rgba(62,184,110,.28);
  transform: translateY(-1px);
}

/* Sørger for at knappen ligger pænt under pris */
.woocommerce ul.products li.product .button{
  margin-top: 0;
}

/* Sorting + "showing results": mere clean */
.woocommerce .woocommerce-result-count{
  color: rgba(0,0,0,.55);
  font-size: 14px;
  margin: 10px 0 18px;
}

.woocommerce .woocommerce-ordering select{
  border-radius: 999px;
  padding: 10px 14px;
  border: 1px solid rgba(0,0,0,.12);
  background: rgba(255,255,255,.65);
  color: rgba(0,0,0,.72);
}

/* Hvis du vil skjule “Showing all … results” (valgfrit)
.woocommerce .woocommerce-result-count{ display:none; }
*/

/* Lidt mere luft under header på shop */
body.woocommerce-shop .site-main,
body.post-type-archive-product .site-main{
  padding-top: 10px;
}
/* === FINAL PERFECT ALIGN === */

.woocommerce ul.products li.product {
    display: flex !important;
    flex-direction: column !important;
    height: 100%;
}

.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    min-height: 60px;
    line-height: 1.25;
    margin-bottom: 8px;
}

.woocommerce ul.products li.product .price {
    min-height: 24px;
    margin-bottom: 16px;
}

.woocommerce ul.products li.product .button {
    margin-top: auto !important;
}
/* === Match single product background to shop/header === */

body.single-product {
    background-color: #F5F2ED !important;
}

/* Ensure main content area also matches */
body.single-product .site-main,
body.single-product .woocommerce {
    background-color: #F5F2ED !important;
}
/* Soften Express Checkout buttons */
body.single-product .wc-stripe-payment-request-wrapper {
    margin-top: 18px;
}

body.single-product .wc-stripe-payment-request-button {
    border-radius: 12px !important;
    overflow: hidden;
    transform: scale(0.96);
}
/* --- Single product layout: center columns + center image --- */

/* Center the whole product area on the page */
body.single-product .woocommerce div.product{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
}

/* Make columns align nicely + disable old floats */
body.single-product .woocommerce div.product{
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 60px;
}

body.single-product .woocommerce div.product div.images,
body.single-product .woocommerce div.product div.summary{
  float: none !important;
}

/* Keep your chosen column widths */
body.single-product .woocommerce div.product div.images{ width: 48% !important; }
body.single-product .woocommerce div.product div.summary{ width: 50% !important; }

/* Center the actual product image inside the gallery */
body.single-product .woocommerce div.product div.images .woocommerce-product-gallery__wrapper,
body.single-product .woocommerce div.product div.images .woocommerce-product-gallery__image,
body.single-product .woocommerce div.product div.images .woocommerce-product-gallery__image > a{
  display: flex !important;
  justify-content: center !important;
}

body.single-product .woocommerce div.product div.images img.wp-post-image{
  display: block;
  margin: 0 auto !important;
  max-width: 100%;
  height: auto;
}
.woocommerce-cart table {
  border-radius: 12px;
  overflow: hidden;
}

.woocommerce-cart .button {
  border-radius: 30px;
  background-color: #3E6F60;
  color: white;
}

.woocommerce-cart .checkout-button {
  border-radius: 30px;
  background-color: #3E6F60;
  padding: 14px 24px;
}
/* CART PAGE - BioVital styling */

/* Main cart table */
.woocommerce-cart table.shop_table {
  border-radius: 16px !important;
  overflow: hidden !important;
  background: #fff !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

/* Table cells */
.woocommerce-cart table.shop_table th,
.woocommerce-cart table.shop_table td {
  padding: 18px 16px !important;
  vertical-align: middle !important;
}

/* Coupon + update buttons */
.woocommerce-cart .actions .button,
.woocommerce-cart button.button,
.woocommerce-cart a.button {
  border-radius: 30px !important;
  background: #3E6F60 !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
}

/* Checkout button */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  background: #3E6F60 !important;
  color: #ffffff !important;
  border-radius: 30px !important;
  padding: 16px 24px !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  border: none !important;
}

/* Cart totals box */
.woocommerce-cart .cart_totals {
  background: #F5F2ED !important;
  padding: 24px !important;
  border-radius: 16px !important;
}

/* Links */
.woocommerce-cart a {
  color: #3E6F60 !important;
}

/* Remove coupon field if you don't want it */
.woocommerce-cart .coupon {
  display: none !important;
}
.woocommerce-cart .cart_totals h2 {
  font-size: 26px;
  margin-bottom: 10px;
}

.woocommerce-cart .cart_totals table {
  border-radius: 12px;
  overflow: hidden;
}

.woocommerce-cart .cart_totals tr {
  border-bottom: 1px solid #e5e0d8;
}
.elementor-menu-cart__toggle {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}
.elementor-menu-cart__toggle i {
  color: #3E6F60 !important;
}
.elementor-menu-cart__container {
  margin-right: 10px;
}
/* HEADER MENU - større tekst */
.elementor-nav-menu--main .elementor-item {
  font-size: 18px !important;
  color: #2B2B2B !important;
}

/* Hover + active */
.elementor-nav-menu--main .elementor-item:hover,
.elementor-nav-menu--main .elementor-item.elementor-item-active {
  color: #3E6F60 !important;
}

/* CART - fjern boks */
.elementor-menu-cart__toggle_wrapper a,
.elementor-menu-cart__toggle,
.elementor-menu-cart__container a {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* CART ikon */
.elementor-menu-cart__toggle i,
.elementor-menu-cart__toggle .eicon-cart-medium {
  color: #3E6F60 !important;
  font-size: 24px !important;
}

/* CART count bubble */
.elementor-menu-cart__toggle .elementor-button-icon-qty,
.elementor-menu-cart__toggle_wrapper .elementor-button-icon-qty {
  background: #c96b6b !important;
  color: #fff !important;
  border-radius: 999px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  line-height: 18px !important;
  font-size: 11px !important;
}

/* lidt luft til højre */
.elementor-menu-cart__toggle_wrapper {
  margin-right: 14px !important;
}
.elementor-nav-menu--main .elementor-nav-menu {
  gap: 12px !important;
  flex-wrap: nowrap !important;
}
/* === CHECKOUT BRAND FIX === */

/* Lilla baggrund (payment box) */
.woocommerce-checkout #payment {
  background: #F5F2ED !important;
  border-radius: 12px !important;
  padding: 20px !important;
}

/* Stripe / betalingsfelt baggrund */
.woocommerce-checkout #payment div.payment_box {
  background: #F5F2ED !important;
  border: 1px solid #E8E2D8 !important;
}

/* "Place order" knap */
.woocommerce-checkout #place_order {
  background: #3E6F60 !important;
  color: #ffffff !important;
  border-radius: 30px !important;
  padding: 16px 24px !important;
  font-size: 16px !important;
  border: none !important;
}

/* Hover effekt */
.woocommerce-checkout #place_order:hover {
  background: #345c50 !important;
}

/* Apple Pay / Google Pay beholdes (de SKAL være sorte) */

/* Den blå linje under "Checkout" */
.woocommerce-checkout .woocommerce-info {
  border-top: 3px solid #3E6F60 !important;
}

/* Coupon bar */
.woocommerce-checkout .woocommerce-form-coupon-toggle {
  border-top: 3px solid #3E6F60 !important;
}

/* Links (Refund / Privacy / Terms) */
.woocommerce-checkout a {
  color: #3E6F60 !important;
}

/* Footer links specifikt */
.woocommerce-checkout .woocommerce-terms-and-conditions-link {
  color: #3E6F60 !important;
}

/* Checkbox + labels */
.woocommerce-checkout label {
  color: #2B2B2B !important;
}

/* Input felter (mere clean look) */
.woocommerce-checkout input,
.woocommerce-checkout textarea,
.woocommerce-checkout select {
  border-radius: 8px !important;
  border: 1px solid #D8CFC2 !important;
  padding: 10px !important;
}

/* Fokus (når man klikker i felt) */
.woocommerce-checkout input:focus,
.woocommerce-checkout textarea:focus {
  border-color: #3E6F60 !important;
  outline: none !important;
}
/* =========================================
   1) SINGLE PRODUCT BOTTOM: fjern Related
========================================= */
.single-product .related,
.single-product .related.products,
.single-product section.related {
  display: none !important;
}

/* Fjern evt. blog/post-meta nederst på produktsider */
.single-product .entry-footer,
.single-product .post-meta,
.single-product .elementor-post__meta-data,
.single-product .single-post-meta {
  display: none !important;
}

/* Produkt-links nederst/røde links -> grønne hvis noget stadig vises */
.single-product a,
.single-product .posted_in a,
.single-product .tagged_as a {
  color: #3E6F60 !important;
}


/* =========================================
   2) CHECKOUT: gør ALLE blå streger grønne
========================================= */
.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info,
.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout .woocommerce-error {
  border-top: 3px solid #3E6F60 !important;
}

/* Hvis der stadig er blå accent fra links/ikoner i coupon-linjen */
.woocommerce-checkout .woocommerce-info a,
.woocommerce-checkout .woocommerce-form-coupon-toggle a {
  color: #3E6F60 !important;
}


/* =========================================
   3) SIDE CART / MINI CART
========================================= */

/* Baggrund i side-cart skal matche sitet */
.elementor-menu-cart__main,
.elementor-menu-cart__container .elementor-menu-cart__main,
.elementor-menu-cart__products,
.elementor-menu-cart__footer-buttons {
  background: #F5F2ED !important;
}

/* Selve panelet */
.elementor-menu-cart__container .elementor-menu-cart__main {
  background: #F5F2ED !important;
  color: #2B2B2B !important;
}

/* Produktnavne og tekst */
.elementor-menu-cart__product-name,
.elementor-menu-cart__product-name a,
.elementor-menu-cart__product-price,
.elementor-menu-cart__subtotal,
.elementor-menu-cart__subtotal .amount {
  color: #2B2B2B !important;
}

/* Fjern rød/pink produktlinkfarve i side cart */
.elementor-menu-cart__container a {
  color: #3E6F60 !important;
}

/* Knapper i side cart */
.elementor-menu-cart__footer-buttons .elementor-button,
.elementor-menu-cart__footer-buttons a.elementor-button {
  background: #3E6F60 !important;
  color: #ffffff !important;
  border-radius: 30px !important;
  border: none !important;
  padding: 12px 18px !important;
}

/* Hover */
.elementor-menu-cart__footer-buttons .elementor-button:hover,
.elementor-menu-cart__footer-buttons a.elementor-button:hover {
  background: #345c50 !important;
}

/* Sørg for afstand mellem "View cart" og "Checkout" */
.elementor-menu-cart__footer-buttons {
  display: flex !important;
  gap: 12px !important;
}

.elementor-menu-cart__footer-buttons > * {
  margin: 0 !important;
}

/* Luk-ikon lidt mørkere/clean */
.elementor-menu-cart__close-button,
.elementor-menu-cart__close-button:before {
  color: #2B2B2B !important;
}


/* =========================================
   4) CHECKOUT grøn streg - præcis brandfarve
========================================= */
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info,
.woocommerce-checkout .woocommerce-info {
  border-top-color: #3E6F60 !important;
}

/* Evt. beskedlinje på produktside ("added to cart") */
.woocommerce-message {
  border-top: 3px solid #3E6F60 !important;
}

.woocommerce-message::before {
  color: #3E6F60 !important;
}

/* View cart knap i topbesked */
.woocommerce-message .button {
  background: #E8E2D8 !important;
  color: #2B2B2B !important;
  border-radius: 24px !important;
  border: none !important;
}
/* =========================================
1) FJERN "RELATED" + BUND TEKST PÅ PRODUKTSIDE
========================================= */
.related.products,
section.related,
.woocommerce-tabs {
  display: none !important;
}

/* Fjern røde links (global fix) */
a {
  color: #3E6F60 !important;
}


/* =========================================
2) FIX BLÅ STREG (ALLE BESKEDER)
========================================= */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border-top: 3px solid #3E6F60 !important;
}

.woocommerce-message::before,
.woocommerce-info::before {
  color: #3E6F60 !important;
}


/* =========================================
3) MINI CART (SIDE CART)
========================================= */

/* Baggrund */
.elementor-menu-cart__main {
  background: #F5F2ED !important;
}

/* Tekst */
.elementor-menu-cart__product-name a,
.elementor-menu-cart__subtotal,
.elementor-menu-cart__product-price {
  color: #2B2B2B !important;
}

/* Fjern pink/rød links */
.elementor-menu-cart__main a {
  color: #3E6F60 !important;
}

/* FIX "View cartCheckout" (spacing) */
.elementor-menu-cart__footer-buttons {
  display: flex !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

.elementor-menu-cart__footer-buttons a {
  flex: 1 !important;
  text-align: center !important;
}

/* Knapper */
.elementor-menu-cart__footer-buttons a {
  background: #3E6F60 !important;
  color: white !important;
  border-radius: 30px !important;
  padding: 12px !important;
}


/* =========================================
4) CHECKOUT STREG (CORRECT GREEN)
========================================= */
.woocommerce-checkout .woocommerce-info {
  border-top: 4px solid #3E6F60 !important;
}


/* =========================================
EKSTRA: FJERN COUPON (optional clean look)
========================================= */
.woocommerce-form-coupon-toggle {
  display: none !important;
}
/* =========================================
KILL WooCommerce default mini cart
========================================= */
.woocommerce-mini-cart,
.widget_shopping_cart_content,
.woocommerce-mini-cart__total,
.woocommerce-mini-cart__buttons {
 
}


/* =========================================
FORCE Elementor cart layout
========================================= */
.elementor-menu-cart__main {
  display: block !important;
}


/* =========================================
SIDE CART BAGGRUND (din design farve)
========================================= */
.elementor-menu-cart__main {
  background: #F5F2ED !important;
}


/* =========================================
FIX buttons spacing (View cart + Checkout)
========================================= */
.elementor-menu-cart__footer-buttons {
  display: flex !important;
  gap: 12px !important;
}

.elementor-menu-cart__footer-buttons a {
  flex: 1 !important;
  text-align: center !important;
  background: #3E6F60 !important;
  color: #fff !important;
  border-radius: 30px !important;
  padding: 12px !important;
}
/* =========================================
1) FJERN RELATED (Jetpack!)
========================================= */
#jp-relatedposts {
  display: none !important;
}


/* =========================================
2) FIX BLÅ STREG (den rigtige selector)
========================================= */
.woocommerce-notices-wrapper .woocommerce-message {
  border-top: 3px solid #3E6F60 !important;
}

.woocommerce-notices-wrapper .woocommerce-message::before {
  color: #3E6F60 !important;
}


/* =========================================
3) SIDE CART (kun styling – IKKE skjule!)
========================================= */

/* Baggrund */
.elementor-menu-cart__main {
  background: #F5F2ED !important;
}

/* Tekst */
.elementor-menu-cart__product-name a,
.elementor-menu-cart__subtotal,
.elementor-menu-cart__product-price {
  color: #2B2B2B !important;
}

/* Knapper */
.elementor-menu-cart__footer-buttons a {
  background: #3E6F60 !important;
  color: #fff !important;
  border-radius: 30px !important;
  padding: 12px !important;
}

/* spacing */
.elementor-menu-cart__footer-buttons {
  display: flex !important;
  gap: 12px !important;
}

.elementor-menu-cart__footer-buttons a {
  flex: 1 !important;
  text-align: center !important;
}


/* =========================================
4) FIX "View cartCheckout"
========================================= */
.woocommerce-mini-cart__buttons a {
  margin-right: 10px !important;
}