/* =========================================================
   IDEALPOSTER.DE — EXTRA CSS (KUN STYLING)
   Placer i: Udseende → Tilpas → Ekstra CSS
   ========================================================= */

/* 1) WooCommerce: Add-to-cart knap (Blocks) */
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{
  color:#000;
  background:#fff;
  border:2px solid #000;
  border-radius:6px;
}

/* 2) Produktbilleder i kurv + checkout (kun styling) */
.woocommerce-cart table.cart img,
.woocommerce-checkout table.shop_table img,
.woocommerce-checkout-review-order-table img{
  display:inline-block !important;
  max-width:60px;
  height:auto;
  margin-right:10px;
  border-radius:6px;
  box-shadow:0 2px 4px rgba(0,0,0,.10);
  vertical-align:middle;
}

@media (max-width:768px){
  .woocommerce-cart table.cart td.product-thumbnail{
    display:table-cell !important;
  }
}

/* 3) Checkout header (KUN checkout) */
body.woocommerce-checkout .woocommerce .entry-header{
  margin-bottom:30px;
  padding:30px 0 10px;
  text-align:center;
  background:#fce4ec !important;
  background-image:linear-gradient(135deg,#fce4ec 0%,#f9d6e5 100%) !important;
  color:#000 !important;
}

body.woocommerce-checkout .woocommerce .entry-header h1{
  font-size:28px;
  font-weight:600;
  margin:0;
  color:#000 !important;
}

body.woocommerce-checkout .woocommerce .entry-header::after{
  content:"";
  display:block;
  height:1px;
  background:#e3a6c0;
  margin:30px auto;
  width:90%;
  max-width:1100px;
}

/* 4) Checkout formfelter + ordreoversigt + CTA (KUN checkout) */
body.woocommerce-checkout .woocommerce-checkout .form-row{
  margin-bottom:10px;
}

body.woocommerce-checkout .woocommerce-checkout input.input-text,
body.woocommerce-checkout .woocommerce-checkout textarea{
  padding:8px;
  font-size:15px;
  border-radius:6px;
  border:1px solid #ccc;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table{
  background:#f9f9f9;
  padding:10px;
  border-radius:8px;
  border:1px solid #ddd;
}

body.woocommerce-checkout .woocommerce-checkout button#place_order{
  background:#f9d6e5 !important;
  color:#7a2e4a;
  font-size:18px;
  padding:14px 24px;
  border:none;
  border-radius:8px;
  width:100%;
  font-weight:700;
  cursor:pointer;
}

body.woocommerce-checkout .woocommerce-checkout button#place_order:hover{
  background:#f7bcd3 !important;
  color:#7a2e4a;
}

/* 5) Topbar tekst (hvid med shadow) */
.top-bar,
.top-bar *,
.header-bar,
.header-bar *,
.site-announcement,
.site-announcement *{
  color:#fff !important;
  font-weight:700 !important;
  font-size:16px !important;
  text-shadow:0 0 4px rgba(0,0,0,.5) !important;
}

/* 6) Kategori-beskrivelse: fuldbredde hero-billede (kun styling) */
.tax-product_cat .woocommerce .term-description,
.tax-product_cat .woocommerce .archive-description{
  margin:0 0 10px 0;
  padding:0;
  border:0;
}

.tax-product_cat .woocommerce .term-description img{
  display:block;
  width:100%;
  height:clamp(260px,40vh,520px);
  object-fit:cover;
  max-width:none;
  border:0;
  box-shadow:none;
  margin:0 auto;
}

/* 7) Skjul BlossomShop kategori-banner hvis temaet viser et ekstra */
.tax-product_cat .category-banner{
  display:none !important;
}

/* 8) “Ersparnis” label (kun styling) */
.Ersparnis{
  color:red !important;
  font-weight:700;
}
/* BlossomShop Pro: Force grøn checkout-køb knap */
body.woocommerce-checkout #place_order,
body.woocommerce-checkout button#place_order,
body.woocommerce-checkout .woocommerce button#place_order,
body.woocommerce-checkout .woocommerce button.button.alt,
body.woocommerce-checkout .woocommerce #payment #place_order {
  background: #2e7d32 !important;
  border-color: #2e7d32 !important;
  color: #fff !important;
  font-weight: 700 !important;
}

body.woocommerce-checkout #place_order:hover,
body.woocommerce-checkout .woocommerce #payment #place_order:hover {
  background: #256628 !important;
  border-color: #256628 !important;
}