/* ==========================================================================
   VIVORA — брандиране на WooCommerce количка / чекаут / акаунт / thank-you.
   САМО козметика, scoped към WC страниците. XStore-native рендер не се пипа;
   не се докосва нито едно поле от формата за плащане.
   Цветовете са от официалната палитра (base.css на vivora-home).
   ========================================================================== */
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-account,
body.woocommerce-order-received,
body.woocommerce-shop,
body.tax-product_cat,
body.tax-product_tag{
  --vc-ink:#142F1E;
  --vc-ink2:#1A1C19;
  --vc-green:#34584A;
  --vc-teal:#2A9D8F;
  --vc-beige:#F3E7DB;
  --vc-panel:#FAFAF8;
  --vc-line:#E4E0DA;
}

/* --- първичен бутон: „Продължи към плащане“ / „Поръчай“ ------------------- */
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
body.woocommerce-checkout #place_order,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt{
  background:var(--vc-ink)!important;
  color:#fff!important;
  border:0!important;
  border-radius:2px!important;
  font:700 15px/1.2 'Montserrat',sans-serif!important;
  letter-spacing:1px;
  text-transform:uppercase;
  padding:16px 34px!important;
  box-shadow:none!important;
  transition:background-color .22s ease;
}
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
body.woocommerce-checkout #place_order:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover{
  background:var(--vc-green)!important;
  color:#fff!important;
}

/* --- вторичен бутон: „Приложи купон“ / „Обнови количката“ и т.н. ---------- */
.woocommerce .cart button[name="apply_coupon"],
.woocommerce .cart button[name="update_cart"],
.woocommerce-cart .actions .button,
.woocommerce #respond input#submit,
.woocommerce a.button:not(.alt),
.woocommerce button.button:not(.alt),
.woocommerce input.button:not(.alt){
  background:transparent!important;
  color:var(--vc-green)!important;
  border:1px solid var(--vc-green)!important;
  border-radius:2px!important;
  font:700 14px/1.2 'Montserrat',sans-serif!important;
  letter-spacing:.6px;
  text-transform:uppercase;
  box-shadow:none!important;
  transition:background-color .2s ease,color .2s ease;
}
.woocommerce .cart button[name="apply_coupon"]:hover,
.woocommerce .cart button[name="update_cart"]:hover,
.woocommerce-cart .actions .button:hover,
.woocommerce a.button:not(.alt):hover,
.woocommerce button.button:not(.alt):hover,
.woocommerce input.button:not(.alt):hover{
  background:var(--vc-green)!important;
  color:#fff!important;
}

/* --- панели: „Общо за количката“ / „Твоята поръчка“ ---------------------- */
.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-checkout #order_review{
  background:var(--vc-panel);
  border:1px solid var(--vc-line);
  border-radius:15px;
  padding:clamp(20px,2vw,32px)!important;
}
.woocommerce-cart .cart_totals h2,
.woocommerce-checkout #order_review_heading{
  font:800 20px/1.2 'Montserrat',sans-serif;
  color:var(--vc-ink);
}

/* --- таблици: заглавни редове в дискретно зелено -------------------------- */
.woocommerce table.shop_table thead th,
.woocommerce-checkout #order_review table.shop_table thead th{
  color:var(--vc-ink);
  font:700 13px/1.2 'Montserrat',sans-serif;
  letter-spacing:.5px;
  text-transform:uppercase;
}
.woocommerce table.shop_table{
  border-radius:12px;
  border-color:var(--vc-line)!important;
}

/* --- линкове/акценти / съобщения ----------------------------------------- */
.woocommerce a.showcoupon,
.woocommerce a.showlogin,
.woocommerce-info a,
.woocommerce-message a{
  color:var(--vc-teal)!important;
}
.woocommerce-message,
.woocommerce-info{ border-top-color:var(--vc-teal)!important; }
.woocommerce-message::before,
.woocommerce-info::before{ color:var(--vc-teal)!important; }

/* --- фокус (достъпност) --------------------------------------------------- */
body.woocommerce-cart a:focus-visible,
body.woocommerce-cart button:focus-visible,
body.woocommerce-checkout a:focus-visible,
body.woocommerce-checkout button:focus-visible,
body.woocommerce-checkout input:focus-visible,
body.woocommerce-checkout select:focus-visible,
body.woocommerce-checkout textarea:focus-visible{
  outline:2px solid var(--vc-teal);
  outline-offset:2px;
}

/* ==========================================================================
   Добавени от плъгина елементи
   ========================================================================== */

/* --- reassurance лента (количка + чекаут) -------------------------------- */
.vc-assure{
  display:flex;
  flex-wrap:wrap;
  gap:14px 34px;
  justify-content:center;
  align-items:center;
  margin:0 0 30px;
  padding:16px 22px;
  background:var(--vc-beige);
  border-radius:12px;
  font:600 13.5px/1.3 'Montserrat',sans-serif;
  color:var(--vc-ink2);
}
.vc-assure span{ display:inline-flex; align-items:center; gap:9px; }
.vc-assure svg{
  width:21px; height:21px; flex:none;
  stroke:var(--vc-teal); fill:none;
  stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round;
}

/* --- „какво следва“ (thank-you / order-received) ------------------------- */
.vc-next{
  margin:34px auto 0;
  max-width:780px;
  padding:clamp(22px,2.4vw,34px);
  background:var(--vc-panel);
  border:1px solid var(--vc-line);
  border-radius:15px;
}
.vc-next h3{
  margin:0 0 20px;
  font:800 19px/1.2 'Montserrat',sans-serif;
  color:var(--vc-ink);
  text-align:center;
}
.vc-next ol{
  margin:0 0 24px;
  padding:0;
  list-style:none;
  display:grid;
  gap:14px;
}
.vc-next li{
  display:flex;
  gap:14px;
  align-items:flex-start;
  font:500 15px/1.5 'Montserrat',sans-serif;
  color:#333;
}
.vc-next li b{
  flex:none;
  width:28px; height:28px;
  border-radius:50%;
  background:var(--vc-ink);
  color:#fff;
  display:grid; place-items:center;
  font:700 13px/1 'Montserrat',sans-serif;
}
.vc-next-cta{ text-align:center; }
.vc-next-cta a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:14px 30px;
  background:var(--vc-ink);
  color:#fff!important;
  border-radius:2px;
  font:700 14px/1 'Montserrat',sans-serif;
  letter-spacing:.8px;
  text-transform:uppercase;
  text-decoration:none;
  transition:background-color .2s ease;
}
.vc-next-cta a:hover{ background:var(--vc-green); }

@media (max-width:600px){
  .vc-assure{ gap:12px 20px; font-size:12.5px; padding:14px 16px; }
}

/* ==========================================================================
   Продуктов АРХИВ (Магазин + продуктови категории/тагове) — VIVORA скин
   ========================================================================== */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price ins{
  color:var(--vc-ink)!important;
  font-weight:700;
  text-decoration:none;
}
.woocommerce ul.products li.product .price del{
  color:#9a9a95;
  font-weight:600;
  opacity:.8;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{ font-weight:700; }
.woocommerce ul.products li.product a:hover .woocommerce-loop-product__title{ color:var(--vc-teal); }

/* add-to-cart на картите — плътен VIVORA ink (както на началната) */
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce ul.products li.product a.added_to_cart,
.woocommerce ul.products li.product a.product_type_variable{
  background:var(--vc-ink)!important;
  color:#fff!important;
  border:0!important;
  border-radius:2px!important;
  font:700 13px/1.2 'Montserrat',sans-serif!important;
  letter-spacing:.6px;
  text-transform:uppercase;
  box-shadow:none!important;
  transition:background-color .2s ease;
}
.woocommerce ul.products li.product a.button:hover,
.woocommerce ul.products li.product a.add_to_cart_button:hover,
.woocommerce ul.products li.product a.added_to_cart:hover{
  background:var(--vc-green)!important;
  color:#fff!important;
}

/* промо значка */
.woocommerce span.onsale{
  background:var(--vc-ink)!important;
  color:#fff!important;
  border-radius:999px;
  font:700 11px/1 'Montserrat',sans-serif!important;
  letter-spacing:.5px;
  padding:7px 12px;
  min-height:0;
  min-width:0;
}

/* сортиране */
.woocommerce .woocommerce-ordering select{
  border:1px solid var(--vc-line);
  border-radius:2px;
}

body.woocommerce-shop a:focus-visible,
body.tax-product_cat a:focus-visible,
body.tax-product_tag a:focus-visible{
  outline:2px solid var(--vc-teal);
  outline-offset:2px;
}

/* Наградите + успокояващата лента, вмъкнати преди количката/касата */
.vc-top{ margin: 0 0 clamp(22px,2.4vw,38px); }
.vc-top .vivora-rb{ padding:0; }
.vc-top .vivora-rb__inner{ padding: clamp(18px,2vw,30px) clamp(16px,3vw,44px) clamp(14px,1.6vw,24px); }
.vc-top .vivora-rb__title{ font-size: clamp(18px,1.6vw,26px); }

/* Мобилни поправки по количката (одит, находки №13/№14):
   главният CTA падаше на 2 реда и ставаше 68px висок, а разрушителното
   „Премахни“ имаше целева зона 19px до 28px количествено поле. */
@media (max-width: 480px){
	body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
		padding: 16px 14px !important;
		font-size: 13px !important;
		letter-spacing: .3px;
	}
}
@media (max-width: 600px){
	body.woocommerce-cart .cart_item .remove-item,
	body.woocommerce-cart .cart_item a.remove{
		display: inline-flex;
		align-items: center;
		min-height: 40px;
	}
	body.woocommerce-cart .cart_item .quantity,
	body.woocommerce-cart .cart_item input.qty{
		min-height: 40px;
	}
}