/* =========================================================
   NÕIATAR — WooCommerce BLOCKS (Cart + Checkout) FIX
   Scoped to Cart/Checkout only
========================================================= */

/* 1) Kill that mysterious empty "glass bar/box" some themes inject */
body.woocommerce-cart .page-hero,
body.woocommerce-checkout .page-hero,
body.woocommerce-cart .hero,
body.woocommerce-checkout .hero,
body.woocommerce-cart .np-page-hero,
body.woocommerce-checkout .np-page-hero,
body.woocommerce-cart .np-hero,
body.woocommerce-checkout .np-hero {
  display: none !important;
}

body.woocommerce-cart .site-main::before,
body.woocommerce-checkout .site-main::before,
body.woocommerce-cart main::before,
body.woocommerce-checkout main::before,
body.woocommerce-cart .entry-content::before,
body.woocommerce-checkout .entry-content::before {
  content: none !important;
  display: none !important;
}

/* 2) Base layout container */
.np-wc-page {
  padding: 48px 16px;
}

.np-wc-container {
  max-width: 1180px;
  margin: 0 auto;
}

.np-wc-header {
  margin-bottom: 20px;
}

.np-wc-title {
  margin: 0 0 8px 0;
  font-size: clamp(28px, 3vw, 44px);
  line-height: 1.1;
}

.np-wc-subtitle {
  margin: 0;
  opacity: 0.85;
}

/* 3) Make sure nothing becomes invisible due to stray theme rules */
body.woocommerce-cart .wc-block-cart,
body.woocommerce-checkout .wc-block-checkout,
body.woocommerce-cart .wp-block-woocommerce-cart,
body.woocommerce-checkout .wp-block-woocommerce-checkout {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  filter: none !important;
}

/* 4) Glass card wrapper */
.np-wc-content > *:first-child {
  margin-top: 0;
}

.np-wc-content .wc-block-cart,
.np-wc-content .wc-block-checkout {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 24px;
  padding: 18px;
  box-shadow: 0 18px 60px rgba(0,0,0,0.35);
  overflow: visible; /* prevents clipping */
}

/* 5) Two-column desktop, stacked mobile */
@media (min-width: 980px) {
  .np-wc-content .wc-block-cart__main,
  .np-wc-content .wc-block-checkout__main {
    gap: 16px;
  }

  /* cart block uses a grid inside */
  .np-wc-content .wc-block-cart__main {
    align-items: start;
  }
}

/* 6) Inputs */
.np-wc-content .wc-block-components-text-input input,
.np-wc-content .wc-block-components-text-input textarea,
.np-wc-content .wc-block-components-combobox .components-combobox-control__input {
  background: rgba(0,0,0,0.25) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: inherit !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

.np-wc-content .wc-block-components-text-input label,
.np-wc-content .wc-block-components-checkbox__label,
.np-wc-content .wc-block-components-radio-control__option label {
  opacity: 0.9;
}

/* 7) Buttons */
.np-wc-content .wc-block-components-button,
.np-wc-content .wp-block-woocommerce-cart .wc-block-components-button,
.np-wc-content .wp-block-woocommerce-checkout .wc-block-components-button {
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  background: rgba(255,255,255,0.06) !important;
  color: inherit !important;
  box-shadow: none !important;
  transition: transform 0.12s ease, background 0.12s ease !important;
}

.np-wc-content .wc-block-components-button:hover {
  transform: translateY(-1px);
  background: rgba(255,255,255,0.10) !important;
}

/* Primary (gold) */
.np-wc-content .wc-block-components-button.is-primary,
.np-wc-content button.wc-block-components-button.is-primary {
  background: #C8A978 !important;
  border-color: rgba(200,169,120,0.55) !important;
  color: #0B1020 !important;
}

.np-wc-content .wc-block-components-button.is-primary:hover {
  background: #d7bb8a !important;
}

/* 8) Totals / summary cards */
.np-wc-content .wc-block-components-totals-wrapper,
.np-wc-content .wc-block-components-totals-item,
.np-wc-content .wc-block-checkout__sidebar {
  background: rgba(0,0,0,0.18) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 18px !important;
  padding: 14px !important;
}

/* 9) Remove weird hover flicker from theme */
body.woocommerce-cart .np-wc-content *:hover,
body.woocommerce-checkout .np-wc-content *:hover {
  opacity: 1;
}

/* 10) Mobile spacing */
@media (max-width: 640px) {
  .np-wc-page { padding: 26px 12px; }
  .np-wc-content .wc-block-cart,
  .np-wc-content .wc-block-checkout {
    padding: 14px;
    border-radius: 20px;
  }
}
/* =========================================================
   CART BLOCK — NÕIATAR custom styling
========================================================= */

/* üldine grid: vasak (items) + parem (summary) */
body.woocommerce-cart .wp-block-woocommerce-cart,
body.woocommerce-cart .wc-block-cart {
  --np-gap: 18px;
}

/* Woo Blocks sisemine layout */
body.woocommerce-cart .wc-block-cart__main {
  gap: var(--np-gap) !important;
}

/* parempoolne summary “card” paremaks */
body.woocommerce-cart .wc-block-cart__sidebar,
body.woocommerce-cart .wc-block-cart__totals {
  position: sticky;
  top: 110px; /* headeri järgi */
  align-self: start;
}

/* mobiilis sticky maha */
@media (max-width: 980px) {
  body.woocommerce-cart .wc-block-cart__sidebar,
  body.woocommerce-cart .wc-block-cart__totals {
    position: static;
    top: auto;
  }
}

/* tooterea disain */
body.woocommerce-cart .wc-block-cart-items__row,
body.woocommerce-cart .wc-block-cart-items__row .wc-block-cart-item {
  background: rgba(0,0,0,0.14) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 18px !important;
  padding: 14px !important;
}

/* thumbnail ühtlasem */
body.woocommerce-cart .wc-block-cart-item__image img {
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
}

/* koguse stepper ( + - ) paremaks */
body.woocommerce-cart .wc-block-components-quantity-selector {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 999px !important;
  padding: 6px !important;
}

body.woocommerce-cart .wc-block-components-quantity-selector button {
  border-radius: 999px !important;
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
}

/* “Mine kassasse” nupp full width + premium */
body.woocommerce-cart .wc-block-cart__submit-container .wc-block-components-button,
body.woocommerce-cart .wc-block-cart__submit-container button.wc-block-components-button {
  width: 100% !important;
  min-height: 54px;
  font-weight: 700;
}

/* “Estimated total” tekst – kui tahad eestikeelseks */
body.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
  letter-spacing: 0.2px;
}

/* “1 LEFT IN STOCK” badge – kui tahad ära peita */
body.woocommerce-cart .wc-block-components-product-badge,
body.woocommerce-cart .wc-block-components-product-stock-indicator {
  display: none !important;
}

/* “Eemalda” link nupp-stiilis */
body.woocommerce-cart .wc-block-cart-item__remove-link {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  text-decoration: none !important;
}

/* parem spacing mobiilil – et ei läheks kitsaks */
@media (max-width: 640px) {
  body.woocommerce-cart .np-wc-page { padding: 22px 10px; }

  body.woocommerce-cart .wc-block-cart-items__row,
  body.woocommerce-cart .wc-block-cart-item {
    padding: 12px !important;
    border-radius: 16px !important;
  }

  body.woocommerce-cart .wc-block-cart-item__image {
    width: 64px !important;
  }
}
/* =========================================================
   NÕIATAR — WooCommerce CART BLOCK clean UI (no bubbles)
   Fix: qty stepper, remove link, totals spacing, hide desc
========================================================= */

body.woocommerce-cart .wc-block-cart,
body.woocommerce-cart .wp-block-woocommerce-cart {
  --np-border: rgba(255,255,255,0.12);
  --np-soft: rgba(255,255,255,0.06);
  --np-soft2: rgba(255,255,255,0.09);
}

/* ---------- HIDE PRODUCT DESCRIPTION (cart + checkout) ---------- */
body.woocommerce-cart .wc-block-components-product-metadata__description,
body.woocommerce-checkout .wc-block-components-product-metadata__description,
body.woocommerce-cart .wc-block-components-product-details__description,
body.woocommerce-checkout .wc-block-components-product-details__description {
  display: none !important;
}

/* Mõnikord on meta tekst eraldi */
body.woocommerce-cart .wc-block-components-product-metadata,
body.woocommerce-checkout .wc-block-components-product-metadata {
  row-gap: 6px;
}

/* ---------- QUANTITY SELECTOR: remove bubble look ---------- */
body.woocommerce-cart .wc-block-components-quantity-selector {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  gap: 8px !important;
}

body.woocommerce-cart .wc-block-components-quantity-selector input,
body.woocommerce-cart .wc-block-components-quantity-selector .wc-block-components-quantity-selector__input {
  width: 54px !important;
  min-height: 40px !important;
  background: rgba(0,0,0,0.18) !important;
  border: 1px solid var(--np-border) !important;
  border-radius: 12px !important; /* mitte ümmargune mull */
  text-align: center !important;
  font-weight: 700 !important;
  padding: 0 !important;
}

body.woocommerce-cart .wc-block-components-quantity-selector button {
  width: 40px !important;
  height: 40px !important;
  background: transparent !important;
  border: 1px solid var(--np-border) !important;
  border-radius: 12px !important; /* mitte pill, mitte ring */
  box-shadow: none !important;
  padding: 0 !important;
}

body.woocommerce-cart .wc-block-components-quantity-selector button:hover {
  background: var(--np-soft) !important;
}

/* ikoonid veits paremini nähtavaks */
body.woocommerce-cart .wc-block-components-quantity-selector button svg {
  opacity: 0.9;
}

/* ---------- REMOVE LINK: not a pill button, just clean link ---------- */
body.woocommerce-cart .wc-block-cart-item__remove-link,
body.woocommerce-cart .wc-block-components-button.wc-block-cart-item__remove-link {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
  opacity: 0.85;
}

body.woocommerce-cart .wc-block-cart-item__remove-link:hover {
  opacity: 1;
}

/* ---------- TOTALS (“Ostukorvi summad”) spacing + breathing room ---------- */
body.woocommerce-cart .wc-block-components-totals-wrapper,
body.woocommerce-cart .wc-block-cart__totals,
body.woocommerce-cart .wc-block-components-totals-coupon,
body.woocommerce-cart .wc-block-components-totals-item,
body.woocommerce-cart .wc-block-components-panel__content {
  gap: 14px !important;
}

body.woocommerce-cart .wc-block-components-totals-wrapper {
  padding-top: 8px;
}

body.woocommerce-cart .wc-block-components-totals-item {
  padding: 14px 14px !important;
  border-radius: 16px !important;
  background: rgba(0,0,0,0.14) !important;
  border: 1px solid var(--np-border) !important;
}

/* Estimated total rida eraldi tugevam */
body.woocommerce-cart .wc-block-components-totals-footer-item {
  padding: 16px 14px !important;
  border-radius: 16px !important;
  background: rgba(0,0,0,0.18) !important;
  border: 1px solid rgba(255,255,255,0.16) !important;
}

/* Coupon accordion ei oleks liiga koos */
body.woocommerce-cart .wc-block-components-panel__button {
  padding: 14px 14px !important;
  border-radius: 16px !important;
  border: 1px solid var(--np-border) !important;
  background: rgba(0,0,0,0.12) !important;
}

/* Coupon input spacing */
body.woocommerce-cart .wc-block-components-totals-coupon__form {
  margin-top: 12px !important;
  display: grid;
  gap: 10px;
}

/* ---------- OPTIONAL: peida “LEFT IN STOCK” badge (kui tahad) ---------- */
body.woocommerce-cart .wc-block-components-product-badge,
body.woocommerce-cart .wc-block-components-product-stock-indicator {
  display: none !important;
}

/* ---------- MOBILE tweaks ---------- */
@media (max-width: 640px) {
  body.woocommerce-cart .wc-block-components-quantity-selector input,
  body.woocommerce-cart .wc-block-components-quantity-selector .wc-block-components-quantity-selector__input {
    width: 50px !important;
    min-height: 38px !important;
  }

  body.woocommerce-cart .wc-block-components-quantity-selector button {
    width: 38px !important;
    height: 38px !important;
  }
}