/* ============================================================
   Prazna košarica (WC Cart blok) — albi customizacije.
   Učitava se samo na is_cart(). Ovisi o base/components + home.css (kartice).
   ============================================================ */

/* 1) Tužni smajlić → albi crvena.
      WC ikona je mask-image + background-color:currentColor, pa recolor ide preko
      background-color na ::before (tekst headinga ostaje neutralan). */
.wc-block-cart__empty-cart__title.with-empty-cart-icon::before {
	background-color: var(--red) !important;
}

/* 2) "Novo u ponudi" — homepage kartice u čistom 4/2/1 gridu (bez carousela).
      Kartice (.albi-home .product) stilizira home.css; ovdje samo layout grida. */
.albi-cart-newin {
	max-width: 1180px;
	margin: 4px auto 0;
}
.albi-cart-newin__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
	align-items: stretch;
}
@media (max-width: 1024px) {
	.albi-cart-newin__grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
}
@media (max-width: 560px) {
	.albi-cart-newin__grid { grid-template-columns: 1fr 1fr; gap: 12px; }
}

/* Naslov kartice je <a> u block (cart) kontekstu koji dodaje underline — makni ga
   (boja naslova je namjerno crvena, kao na homepageu — .albi-home .product-name). */
.albi-cart-newin .product-link,
.albi-cart-newin .product-link:hover,
.albi-cart-newin .product-name { text-decoration: none; }

/* Malo zraka ispod "Novo u ponudi" headinga prema gridu. */
.wp-block-woocommerce-empty-cart-block .wp-block-heading { margin-bottom: 16px; }

/* 3) "Kreni na plaćanje" (blok cart proceed gumb) — albi crveni s bijelim tekstom.
      WC default je taman, a tekst je bio crven jer je nasljeđivao link boju. */
.wp-block-woocommerce-cart .wc-block-cart__submit-button {
	background: var(--red) !important;
	border-color: var(--red) !important;
	color: #fff !important;
}
.wp-block-woocommerce-cart .wc-block-cart__submit-button:hover,
.wp-block-woocommerce-cart .wc-block-cart__submit-button:focus {
	background: var(--red-deep) !important;
	border-color: var(--red-deep) !important;
	color: #fff !important;
}
/* Tekst gumba — osiguraj bijelo (ciljani text node, ne univerzalni *). */
.wp-block-woocommerce-cart .wc-block-cart__submit-button .wc-block-components-button__text { color: #fff !important; }