.elementor-2865 .elementor-element.elementor-element-de4d043{--display:flex;}/* Start custom CSS for kitify-woopages, class: .elementor-element-e59bebf *//* =========================
   NABADABA — MOBILE CART (≤767px)
   Elementor Custom CSS
   ========================= */

@media (max-width: 767px) {

  /* General spacing */
  .woocommerce-cart .woocommerce{
    padding: 10px 10px 24px !important;
  }

  /* --- CART TABLE => CARD LIST --- */
  .woocommerce-cart table.shop_table.cart{
    border: 0 !important;
    background: transparent !important;
    border-collapse: separate !important;
    border-spacing: 0 12px !important;
  }

  .woocommerce-cart table.shop_table.cart thead{
    display:none !important;
  }

  .woocommerce-cart table.shop_table.cart tr.cart_item{
    display:block !important;
    position: relative !important;
    background:#fff !important;
    border:1px solid rgba(0,0,0,.08) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 6px 18px rgba(0,0,0,.06) !important;
  }

  .woocommerce-cart table.shop_table.cart tr.cart_item td{
    display:block !important;
    width:100% !important;
    border:0 !important;
    padding:0 !important;
  }

  /* --- HEADER AREA: thumbnail left + content right --- */
  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-thumbnail,
  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-name{
    float:none !important;
    width:100% !important;
    margin:0 !important;
  }

  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-thumbnail{
    float:left !important;
    width:96px !important;
    padding: 14px 0 0 14px !important;
  }

  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-thumbnail a{
    display:block !important;
  }

  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-thumbnail img{
    width:82px !important;
    max-width:82px !important;
    height:auto !important;
    border-radius: 12px !important;
    border:1px solid rgba(0,0,0,.08) !important;
  }

  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-name{
    margin-left:96px !important;
    padding: 14px 14px 12px 12px !important;
    text-align:left !important;
  }

  /* Product title: NO CLAMP, always full */
  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-name a:not(.remove){
    display:block !important;
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: unset !important;
    word-break: normal !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    margin: 0 0 8px !important;
    padding-right: 0 !important; /* allow full width */
  }

  /* Remove button: top-right */
  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-name a.remove{
    position:absolute !important;
    top: 12px !important;
    right: 12px !important;
    z-index: 3 !important;
    width:auto !important;
    height:auto !important;
    line-height: 1 !important;
    font-size: 12px !important;
    padding: 8px 12px !important;
    border-radius: 999px !important;
    background: rgba(0,0,0,.06) !important;
    color: rgba(0,0,0,.75) !important;
    text-decoration:none !important;
  }

  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-name a.remove:hover{
    background: rgba(0,0,0,.10) !important;
  }

  /* Variations: compact label/value grid */
  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-name dl.variation{
    margin:0 !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns: auto 1fr !important;
    gap: 6px 10px !important;
    font-size: 12px !important;
    opacity: .88 !important;
    text-align:left !important;
  }
  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-name dl.variation dt{
    font-weight: 700 !important;
    margin:0 !important;
  }
  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-name dl.variation dd{
    margin:0 !important;
  }

  /* Clear floats */
  .woocommerce-cart table.shop_table.cart tr.cart_item::after{
    content:"" !important;
    display:block !important;
    clear:both !important;
  }

  /* --- META ROWS: Price / Quantity / Subtotal --- */
  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-price,
  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-quantity,
  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-subtotal{
    padding: 12px 16px !important; /* right padding prevents clipping */
    border-top: 1px solid rgba(0,0,0,.06) !important;
  }

  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-price,
  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-quantity,
  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-subtotal{
    display:grid !important;
    grid-template-columns: 1fr max-content !important;
    align-items:center !important;
    gap: 10px !important;
  }

  /* data-title label (Price / Quantity / Subtotal) */
  .woocommerce-cart table.shop_table.cart tr.cart_item td[data-title]::before{
    content: attr(data-title) !important;
    display:block !important;
    font-size: 12px !important;
    opacity: .65 !important;
    font-weight: 700 !important;
    letter-spacing: .2px !important;
  }

  /* Amounts never wrap like "€8 ,5 0" */
  .woocommerce-cart td.product-price .woocommerce-Price-amount,
  .woocommerce-cart td.product-subtotal .woocommerce-Price-amount,
  .woocommerce-cart td.product-price .amount,
  .woocommerce-cart td.product-subtotal .amount,
  .woocommerce-cart td.product-price bdi,
  .woocommerce-cart td.product-subtotal bdi{
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 2px !important;
    font-variant-numeric: tabular-nums !important;
    letter-spacing: .1px !important;
    justify-self: end !important;
  }

  .woocommerce-cart td.product-price .woocommerce-Price-currencySymbol,
  .woocommerce-cart td.product-subtotal .woocommerce-Price-currencySymbol{
    white-space: nowrap !important;
  }

  /* --- SALE PRICE (desktop-like) --- */
  .woocommerce-cart td.product-price del{
    display:block !important;
    opacity:.5 !important;
    margin: 0 0 2px !important;
    font-size: 14px !important;
    justify-self: end !important;
  }

  .woocommerce-cart td.product-price ins{
    display:block !important;
    text-decoration:none !important;
    font-weight: 900 !important;
    font-size: 18px !important;
    color: #1e7e34 !important; /* green */
    justify-self: end !important;
  }

  .woocommerce-cart td.product-price ins .amount{
    color:#1e7e34 !important;
  }

  /* Sale badge green */
  .woocommerce-cart .cart-discount-badge{
    display:inline-block !important;
    background:#1e7e34 !important;
    color:#fff !important;
    font-weight:800 !important;
    font-size:12px !important;
    padding:4px 10px !important;
    border-radius:999px !important;
    margin: 0 0 6px !important;
  }

  /* Quantity controls */
  .woocommerce-cart td.product-quantity .quantity{
    display:flex !important;
    justify-content:flex-end !important;
    align-items:center !important;
    gap: 8px !important;
  }

  .woocommerce-cart td.product-quantity input.qty{
    width: 74px !important;
    min-width: 74px !important;
    height: 40px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(0,0,0,.12) !important;
    padding: 0 10px !important;
    text-align: center !important;
    font-weight: 800 !important;
  }

  /* Keep only ONE set of +/- buttons (hide duplicate theme buttons) */
  .woocommerce-cart td.product-quantity .qty-button{ display:none !important; }

  .woocommerce-cart td.product-quantity .nova-minicart-qty-button{
    width: 40px !important;
    height: 40px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(0,0,0,.12) !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#fff !important;
    user-select:none !important;
  }

  /* --- ACTIONS (coupon + update cart) --- */
  .woocommerce-cart table.shop_table.cart tr:last-child td.actions{
    display:block !important;
    background: transparent !important;
    border:0 !important;
    padding:0 !important;
  }

  /* Coupon: flex so input is usable + button clickable */
  .woocommerce-cart .coupon{
    display:flex !important;
    gap:10px !important;
    padding:14px !important;
    margin: 12px 0 10px !important;
    background:#fff !important;
    border:1px solid rgba(0,0,0,.08) !important;
    border-radius:14px !important;
    box-shadow: 0 6px 18px rgba(0,0,0,.06) !important;
    align-items:center !important;
  }

  .woocommerce-cart .coupon label{ display:none !important; }

  .woocommerce-cart #coupon_code{
    flex:1 !important;
    width:auto !important;
    height:46px !important;
    border-radius:12px !important;
    padding: 0 12px !important;
    border:1px solid rgba(0,0,0,.15) !important;
    background:#fff !important;
  }

  .woocommerce-cart .coupon button[name="apply_coupon"]{
    height:46px !important;
    padding: 0 18px !important;
    border-radius:12px !important;
    font-weight:800 !important;
    white-space: nowrap !important;
  }

  .woocommerce-cart button[name="update_cart"]{
    width:100% !important;
    height:48px !important;
    border-radius:12px !important;
    font-weight:900 !important;
    margin: 0 0 14px !important;
  }

  /* --- CART TOTALS as a card --- */
  .woocommerce-cart .cart-collaterals{
    margin-top: 16px !important;
  }

  .woocommerce-cart .cart_totals{
    background:#fff !important;
    border:1px solid rgba(0,0,0,.08) !important;
    border-radius:16px !important;
    padding:16px !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.08) !important;
  }

  .woocommerce-cart .cart_totals h2{
    font-size: 16px !important;
    margin: 0 0 12px !important;
    font-weight: 900 !important;
  }

  .woocommerce-cart .cart_totals table.shop_table{
    border:0 !important;
  }

  .woocommerce-cart .cart_totals table.shop_table th,
  .woocommerce-cart .cart_totals table.shop_table td{
    padding: 10px 0 !important;
    border:0 !important;
  }

  .woocommerce-cart .cart_totals table.shop_table tr + tr th,
  .woocommerce-cart .cart_totals table.shop_table tr + tr td{
    border-top: 1px solid rgba(0,0,0,.06) !important;
  }

  .woocommerce-cart #shipping_method li{
    padding: 8px 0 !important;
  }

  .woocommerce-cart #shipping_method label{
    font-size: 13px !important;
    line-height: 1.25 !important;
  }

  .woocommerce-cart .woocommerce-shipping-destination{
    margin: 8px 0 0 !important;
    font-size: 12px !important;
    opacity: .75 !important;
  }

  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
    width:100% !important;
    height:52px !important;
    border-radius:14px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-weight: 900 !important;
  }
}

/* ===== PATCH: stop title/price overflow on mobile ===== */
@media (max-width: 767px){

  /* Give every row some safe right padding (prevents clipping) */
  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-price,
  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-quantity,
  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-subtotal{
    padding-right: 22px !important;
  }

  /* Also safe padding for header area */
  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-name{
    padding-right: 22px !important;
  }

  /* Titles must wrap (even long words) and never overflow card */
  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-name a:not(.remove){
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important; /* key */
    word-break: break-word !important; /* fallback */
  }

  /* The whole product-name block must be allowed to shrink */
  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-name{
    min-width: 0 !important;
    max-width: 100% !important;
  }

  /* Price amount must stay inside card */
  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-price .woocommerce-Price-amount,
  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-subtotal .woocommerce-Price-amount,
  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-price bdi,
  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-subtotal bdi{
    max-width: 100% !important;
    white-space: nowrap !important;
  }

  /* Make right column not push outside */
  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-price,
  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-subtotal{
    grid-template-columns: 1fr auto !important;
  }

  /* If your theme adds extra margins, neutralize */
  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-price > *,
  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-subtotal > *{
    margin-right: 0 !important;
  }

  /* iOS safe-area (notches) */
  .woocommerce-cart{
    padding-right: env(safe-area-inset-right) !important;
    padding-left: env(safe-area-inset-left) !important;
  }
}

@media (max-width: 767px){

  /* 1️⃣ Nekas nedrīkst būt platāks par viewport */
  html, body{
    overflow-x: hidden !important;
  }

  .woocommerce,
  .woocommerce-cart,
  .woocommerce-cart .woocommerce{
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  /* 2️⃣ Katrs cart item nedrīkst pārsniegt konteineru */
  .woocommerce-cart table.shop_table.cart{
    width: 100% !important;
    max-width: 100% !important;
  }

  .woocommerce-cart table.shop_table.cart tr.cart_item{
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .woocommerce-cart table.shop_table.cart tr.cart_item td{
    box-sizing: border-box !important;
    max-width: 100% !important;
  }

  /* 3️⃣ ŠIS IR SVARĪGI – ļauj flex/grid elementiem sarauties */
  .woocommerce-cart td.product-name,
  .woocommerce-cart td.product-price,
  .woocommerce-cart td.product-subtotal{
    min-width: 0 !important;
  }

  /* 4️⃣ Nosaukumam atļaujam lauzties pilnīgi jebkur */
  .woocommerce-cart td.product-name a{
    display:block !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  /* 5️⃣ Cenas nekad nevar spiest konteineru */
  .woocommerce-cart td.product-price .woocommerce-Price-amount,
  .woocommerce-cart td.product-subtotal .woocommerce-Price-amount{
    white-space: nowrap !important;
    max-width: 100% !important;
  }

  /* 6️⃣ Ja tēma izmanto 100vw (bieži Elementor problēma) */
  .elementor-section,
  .elementor-container{
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

}

/* =========================
   FINAL OVERRIDE: stop ANY overflow
   Rebuild cart item header as CSS GRID (no floats/absolute)
   ========================= */
@media (max-width: 767px){

  /* 0) Hard cap everything */
  .woocommerce-cart,
  .woocommerce-cart *{
    box-sizing: border-box !important;
  }

  .woocommerce-cart table.shop_table.cart,
  .woocommerce-cart table.shop_table.cart tr.cart_item{
    width: 100% !important;
    max-width: 100% !important;
  }

  /* 1) Make each cart row a card grid container */
  .woocommerce-cart table.shop_table.cart tr.cart_item{
    display: grid !important;
    grid-template-columns: 96px 1fr !important;
    grid-template-areas:
      "thumb head"
      "price price"
      "qty qty"
      "sub sub" !important;
    gap: 0 !important;
    overflow: hidden !important; /* key */
  }

  /* 2) Place cells into grid areas */
  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-thumbnail{
    grid-area: thumb !important;
    float: none !important;
    width: auto !important;
    padding: 14px 0 0 14px !important;
    overflow: hidden !important;
  }

  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-name{
    grid-area: head !important;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 14px 14px 12px 12px !important;
    min-width: 0 !important;     /* key */
    max-width: 100% !important;
    overflow: hidden !important; /* key */
    text-align: left !important;
  }

  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-price{
    grid-area: price !important;
  }
  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-quantity{
    grid-area: qty !important;
  }
  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-subtotal{
    grid-area: sub !important;
  }

  /* 3) Thumbnail */
  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-thumbnail img{
    width: 82px !important;
    max-width: 82px !important;
    height: auto !important;
    border-radius: 12px !important;
    display:block !important;
  }

  /* 4) Title MUST wrap, never overflow */
  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-name a:not(.remove){
    display:block !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    line-height: 1.25 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    margin: 0 0 8px !important;
  }

  /* 5) REMOVE button: inline (no absolute) */
  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-name a.remove{
    position: static !important;
    display: inline-block !important;
    margin: 6px 0 0 !important;
    padding: 8px 12px !important;
    border-radius: 999px !important;
    background: rgba(0,0,0,.06) !important;
    color: rgba(0,0,0,.75) !important;
    text-decoration: none !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  /* 6) Variations */
  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-name dl.variation{
    margin: 0 !important;
    padding: 0 !important;
    display:grid !important;
    grid-template-columns: auto 1fr !important;
    gap: 6px 10px !important;
    font-size: 12px !important;
    opacity: .88 !important;
  }
  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-name dl.variation dt{
    font-weight: 700 !important;
    margin: 0 !important;
  }
  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-name dl.variation dd{
    margin: 0 !important;
  }

  /* 7) Price/Qty/Subtotal rows padding + safe right */
  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-price,
  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-quantity,
  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-subtotal{
    padding: 12px 18px !important;
    border-top: 1px solid rgba(0,0,0,.06) !important;
    display:grid !important;
    grid-template-columns: 1fr max-content !important;
    align-items:center !important;
    gap: 10px !important;
    min-width: 0 !important;
    overflow: hidden !important; /* key */
  }

  .woocommerce-cart table.shop_table.cart tr.cart_item td[data-title]::before{
    content: attr(data-title) !important;
    font-size: 12px !important;
    opacity: .65 !important;
    font-weight: 700 !important;
  }

  /* 8) Amounts: keep on one line but NEVER push out */
  .woocommerce-cart td.product-price .woocommerce-Price-amount,
  .woocommerce-cart td.product-subtotal .woocommerce-Price-amount,
  .woocommerce-cart td.product-price bdi,
  .woocommerce-cart td.product-subtotal bdi{
    white-space: nowrap !important;
    max-width: 100% !important;
    justify-self: end !important;
  }

  /* 9) Sale styling */
  .woocommerce-cart .cart-discount-badge{
    background:#1e7e34 !important;
    color:#fff !important;
    font-weight:800 !important;
    font-size:12px !important;
    padding:4px 10px !important;
    border-radius:999px !important;
  }

  .woocommerce-cart td.product-price del{
    display:block !important;
    opacity:.5 !important;
    margin: 0 0 2px !important;
    justify-self:end !important;
  }

  .woocommerce-cart td.product-price ins{
    display:block !important;
    text-decoration:none !important;
    font-weight:900 !important;
    font-size:18px !important;
    color:#1e7e34 !important;
    justify-self:end !important;
  }

  /* 10) Prevent old float clear rules from interfering */
  .woocommerce-cart table.shop_table.cart tr.cart_item::after{
    content:none !important;
  }
}

/* ===== FIX: single price overflow (no sale case) ===== */
@media (max-width: 767px){

  /* Padarām labo kolonnu elastīgu, nevis max-content */
  .woocommerce-cart td.product-price,
  .woocommerce-cart td.product-subtotal{
    grid-template-columns: 1fr auto !important;
  }

  /* Piespiežam cenu palikt iekšā */
  .woocommerce-cart td.product-price .woocommerce-Price-amount,
  .woocommerce-cart td.product-subtotal .woocommerce-Price-amount{
    width: auto !important;
    max-width: 100% !important;
    justify-self: end !important;
  }

  /* ŠIS IR SVARĪGI */
  .woocommerce-cart td.product-price,
  .woocommerce-cart td.product-subtotal{
    min-width: 0 !important;
    overflow: hidden !important;
  }

}

/* Desktop only */
@media (min-width: 768px){

  .woocommerce .wc-proceed-to-checkout a.checkout-button,
  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
    font-weight: 600 !important; /* semibold */
    letter-spacing: 0.3px;       /* optional - izskatās premium */
  }

}

/* ===== FIX: coupon notice must be UNDER input+button (mobile) ===== */
@media (max-width: 767px){

  /* Stable 2-row grid: input+button, then message */
  .woocommerce-cart td.actions .coupon{
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    grid-template-areas:
      "input button"
      "message message" !important;
    gap: 10px !important;
    align-items: center !important;
  }

  .woocommerce-cart td.actions .coupon #coupon_code{
    grid-area: input !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  .woocommerce-cart td.actions .coupon button[name="apply_coupon"]{
    grid-area: button !important;
    justify-self: end !important;
    white-space: nowrap !important;
  }

  /* If Woo message/error/info is rendered INSIDE coupon, force it below */
  .woocommerce-cart td.actions .coupon .woocommerce-message,
  .woocommerce-cart td.actions .coupon .woocommerce-error,
  .woocommerce-cart td.actions .coupon .woocommerce-info,
  .woocommerce-cart td.actions .coupon .woocommerce-notices-wrapper{
    grid-area: message !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
  }

  /* Make sure list items inside error box don't mess with layout */
  .woocommerce-cart td.actions .coupon .woocommerce-error{
    list-style: none !important;
  }
  .woocommerce-cart td.actions .coupon .woocommerce-error li{
    margin: 0 !important;
  }
}

/* ===== FIX: coupon notice breaks APPLY button (mobile) ===== */
@media (max-width: 767px){

  /* Make coupon area stable: 2 columns (input + button) */
  .woocommerce-cart td.actions .coupon{
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    grid-template-areas:
      "input button"
      "message message" !important;
    gap: 10px !important;
    align-items: center !important;
  }

  .woocommerce-cart td.actions .coupon #coupon_code{
    grid-area: input !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .woocommerce-cart td.actions .coupon button[name="apply_coupon"]{
    grid-area: button !important;
    justify-self: end !important;
    width: auto !important;
    white-space: nowrap !important;
  }

  /* Woo notices should NEVER appear inside coupon layout.
     Force them to become full-width blocks above actions. */
  .woocommerce-cart .woocommerce-notices-wrapper{
    margin: 10px 0 14px !important;
  }

  .woocommerce-cart .woocommerce-notices-wrapper .woocommerce-message,
  .woocommerce-cart .woocommerce-notices-wrapper .woocommerce-error,
  .woocommerce-cart .woocommerce-notices-wrapper .woocommerce-info{
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 0 10px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }

  /* If theme injects notice near coupon, keep it below and not float */
  .woocommerce-cart td.actions .coupon + .woocommerce-message,
  .woocommerce-cart td.actions .coupon + .woocommerce-error,
  .woocommerce-cart td.actions .coupon + .woocommerce-info{
    display: block !important;
    width: 100% !important;
    margin-top: 10px !important;
    clear: both !important;
  }

  /* Also prevent any floating behavior */
  .woocommerce-cart td.actions .coupon,
  .woocommerce-cart td.actions .coupon *{
    float: none !important;
  }
}

/* ===== FINAL FIX: coupon layout mobile (no overlap ever) ===== */
@media (max-width: 767px){

  /* Coupon container as vertical layout */
  .woocommerce-cart td.actions .coupon{
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    align-items: stretch !important;
  }

  /* Hide label */
  .woocommerce-cart td.actions .coupon label{
    display: none !important;
  }

  /* Input full width */
  .woocommerce-cart td.actions .coupon #coupon_code{
    width: 100% !important;
    height: 46px !important;
    border-radius: 12px !important;
  }

  /* Apply button full width UNDER input */
  .woocommerce-cart td.actions .coupon button[name="apply_coupon"]{
    width: 100% !important;
    height: 46px !important;
    border-radius: 12px !important;
  }

  /* Woo notices (error/success/info) always full width block */
  .woocommerce-cart .woocommerce-error,
  .woocommerce-cart .woocommerce-message,
  .woocommerce-cart .woocommerce-info{
    display: block !important;
    width: 100% !important;
    margin: 10px 0 !important;
    padding: 12px 14px !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
  }

}

/* ===== COUPON: full width + fix iOS tap triggers Apply ===== */
@media (max-width: 767px){

  /* Reset any theme absolute/float tricks */
  .woocommerce-cart td.actions,
  .woocommerce-cart td.actions .coupon,
  .woocommerce-cart td.actions .coupon *{
    float: none !important;
  }

  .woocommerce-cart td.actions .coupon{
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    position: relative !important;
    overflow: visible !important;
  }

  .woocommerce-cart td.actions .coupon label{
    display: none !important;
  }

  /* INPUT must be the top clickable layer */
  .woocommerce-cart td.actions .coupon #coupon_code{
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    height: 48px !important;
    border-radius: 12px !important;
    padding: 0 14px !important;
    position: relative !important;
    z-index: 3 !important;          /* above anything */
    pointer-events: auto !important; /* ensure it's clickable */
    -webkit-appearance: none !important;
  }

  /* BUTTON must NOT overlay input */
  .woocommerce-cart td.actions .coupon button[name="apply_coupon"]{
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    height: 48px !important;
    border-radius: 12px !important;
    position: static !important;     /* kills absolute positioning */
    z-index: 1 !important;
    pointer-events: auto !important;
  }

  /* If your theme outputs an extra wrapper around input/button */
  .woocommerce-cart td.actions .coupon .input-text,
  .woocommerce-cart td.actions .coupon .button{
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Notices should be below, not clickable overlays */
  .woocommerce-cart .woocommerce-error,
  .woocommerce-cart .woocommerce-message,
  .woocommerce-cart .woocommerce-info{
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 10px 0 0 !important;
    position: relative !important;
    z-index: 0 !important;
  }
}

/* ===== REMOVE ROUNDED CORNERS (mobile cart) ===== */
@media (max-width: 767px){

  /* Cart item cards */
  .woocommerce-cart table.shop_table.cart tr.cart_item{
    border-radius: 0 !important;
  }

  /* Thumbnails */
  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-thumbnail img{
    border-radius: 0 !important;
  }

  /* Coupon + totals cards */
  .woocommerce-cart .coupon,
  .woocommerce-cart .cart_totals{
    border-radius: 0 !important;
  }

  /* Notices (coupon errors, messages) */
  .woocommerce-cart .woocommerce-error,
  .woocommerce-cart .woocommerce-message,
  .woocommerce-cart .woocommerce-info{
    border-radius: 0 !important;
  }

  /* Buttons */
  .woocommerce-cart .coupon button[name="apply_coupon"],
  .woocommerce-cart button[name="update_cart"],
  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
    border-radius: 0 !important;
  }

  /* Coupon input + qty input/buttons (ja gribi kantaini arī šos) */
  .woocommerce-cart #coupon_code,
  .woocommerce-cart td.product-quantity input.qty,
  .woocommerce-cart td.product-quantity .nova-minicart-qty-button{
    border-radius: 0 !important;
  }
}

/* ===== Coupon input: taller + full width + square (mobile) ===== */
@media (max-width: 767px){

  .woocommerce-cart td.actions .coupon{
    width: 100% !important;
    max-width: 100% !important;
  }

  .woocommerce-cart td.actions .coupon #coupon_code{
    width: 100% !important;
    max-width: 100% !important;
    height: 54px !important;        /* augstāks */
    padding: 0 16px !important;     /* platāks iekšā */
    border-radius: 0 !important;    /* kantains */
    font-size: 16px !important;     /* iOS ne-zoom */
    line-height: 54px !important;   /* centrē tekstu */
  }

  .woocommerce-cart td.actions .coupon button[name="apply_coupon"]{
    width: 100% !important;
    max-width: 100% !important;
    height: 54px !important;
    border-radius: 0 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
  }
}

/* ===== Remove button square (mobile) ===== */
@media (max-width: 767px){

  .woocommerce-cart table.shop_table.cart tr.cart_item td.product-name a.remove{
    border-radius: 0 !important;   /* no rounded corners */
    padding: 8px 12px !important;  /* saglabā normālu izmēru */
  }

}

/* ===== Square discount badge ===== */

.cart-discount-badge{
  border-radius: 0 !important;   /* no rounded corners */
  padding: 4px 8px !important;   /* kompaktāks kvadrāts */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-de4d043 *//* =========================
   CART PAGE – PRICE STYLING
   ========================= */

/* Discount badge virs cenas */
.woocommerce-cart .cart-discount-badge {
    display: block;
    background: #16a34a;
    color: #ffffff;
    font-weight: 600;
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 20px;
    margin-bottom: 6px;
    width: fit-content;
}

/* Noņem underline no sale cenas */
.woocommerce-cart td.product-price ins {
    text-decoration: none !important;
}

/* Sale cena – zaļa un semibold */
.woocommerce-cart td.product-price ins .amount {
    color: #16a34a !important;
    font-weight: 600 !important;
}

/* Vecā cena – parasta un mazāka */
.woocommerce-cart td.product-price del .amount,
.woocommerce-cart td.product-price del bdi {
    font-weight: 400 !important;
    font-size: 1em !important;
    opacity: 0.7;
}

/* Coupon kļūdas paziņojumu noliek zem "coupon code" input (pirms pogas) */
.woocommerce .coupon,
.woocommerce .coupon-col{
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start;
}

.woocommerce .coupon label{ order: 1; width: 100%; }
.woocommerce .coupon input#coupon_code{ order: 2; }
.woocommerce .coupon button,
.woocommerce .coupon .button,
.woocommerce .coupon .e-apply-coupon{ order: 4; }

.woocommerce .coupon-error-notice{
  order: 3 !important;
  width: 100% !important;
  margin-top: 6px !important;
}/* End custom CSS */