/* =========================================================
   IDEALPOSTER — CLEAN CSS (DK)
   Placér 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) Kurv + checkout – produktbilleder i tabeller
   --------------------------------------------------------- */
.woocommerce-cart table.cart img,
.woocommerce-checkout table.shop_table img,
.woocommerce-checkout-review-order-table img{
  display:inline-block !important;
  max-width:60px;
  max-height: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) WooCommerce – Info boks (fx kupon/notice)
   --------------------------------------------------------- */
.woocommerce-info{
  margin:40px 0 25px;
  background:#fff7fa;
  border:3px solid #f3c1d8;
  color:#7a2e4a;
  padding:15px 20px;
  font-size:15px;
  border-radius:8px;
  text-align:center;
}

.woocommerce-info a{
  color:#7a2e4a;
  font-weight:700;
  text-decoration:underline;
}

.woocommerce-info::before{
  content:"🎁 ";
  font-size:18px;
  margin-right:4px;
}


/* ---------------------------------------------------------
   4) Checkout – header styling (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 h1::before{
  content:"🖼️ ";
  font-size:28px;
  margin-right:6px;
  vertical-align:middle;
}

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

/* Tryghedsbanner (hvis du bruger det som et separat element) */
.checkout-header-trust{
  background:#fce4ec;
  color:#5a1f36;
  padding:12px;
  text-align:center;
  font-weight:700;
  font-size:16px;
  border-bottom:1px solid #f3c1d8;
}


/* ---------------------------------------------------------
   5) Checkout – felter, ordreoversigt, CTA
   --------------------------------------------------------- */
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;
}


/* ---------------------------------------------------------
   6) Skjul felter (kun hvis dine feltnavne matcher!)
   --------------------------------------------------------- */
/* OBS: Disse selectors er ofte tema/plugin-specifikke.
   Hvis de ikke virker, så siger du til, så retter vi dem efter HTML. */
.form-row.company-name,
.form-row.address-2,
.form-row.notes{
  display:none;
}


/* ---------------------------------------------------------
   7) “Du har sparet” label
   --------------------------------------------------------- */
.du-har-sparet{
  color:red !important;
  font-weight:700;
}


/* ---------------------------------------------------------
   8) Topbar tekst (hvid + skygge)
   --------------------------------------------------------- */
.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;
}


/* ---------------------------------------------------------
   9) Produktkategori – gør beskrivelsesbillede til fuldbredde hero
   --------------------------------------------------------- */
.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;
}

/* Skjul BlossomShop Pro kategori-banner hvis det giver dobbelt */
.tax-product_cat .category-banner{
  display:none !important;
}


/* ---------------------------------------------------------
   10) Side-header tweaks (kun hvis du bruger page-header på kategorier)
   --------------------------------------------------------- */
.page-header:before{
  background:transparent !important;
}

/* Skjul stor titel (fx “Kurv”) hvis du ønsker det */
.page-header .page-title{
  display:none !important;
}

.page-header{
  opacity:1 !important;
}