/* Coșul, finalizarea comenzii și contul pe Melek: paginile site-ului nou (app.css) în culorile și fonturile Melek,
   sub antetul / subsolul melek (product.css). Se încarcă după ambele. Paleta = variabilele --mk-* din melek.css. */
:root {
  --plum: #26171a; --plum-2: #4a4238; --rose: #b8912e; --mauve: #8a6a18;
  --blush: #faf6ee; --blush-2: #f1e9da; --ink: #26171a; --muted: #6b5a3e; --line: #e8e0cf;
  --serif: 'Cormorant Garamond', Georgia, serif; --sans: 'Jost', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --ink-2: #26171a; --head: #26171a; --text-2: #4a4238; --radius: 2px;
}
.mk-lara-cart #primary, .mk-lara-checkout #primary, .mk-lara-account #primary,
.mk-lara-order_received #primary, .mk-lara-pay_redirect #primary { width: 100%; }
body.mk-lara-cart, body.mk-lara-checkout, body.mk-lara-account, body.mk-lara-order_received { font-family: var(--sans); }
#main h1, #main h2, #main h3 { font-family: var(--serif); font-weight: 500; letter-spacing: .01em; }

/* numărul din „Coș”: app.css îl poziționează pentru antetul aromaavenue; în antetul melek stă lângă text */
.mk-head .mk-cart__n.cart-count { position: static; top: auto; right: auto; min-width: 19px; height: 19px; padding: 0 5px; border-radius: 19px;
  background: var(--mk-gold, #b8912e); color: #fff; font: 400 11px/19px var(--sans); }
.mk-head .mk-cart__n.cart-count[hidden] { display: none; }

/* butoanele principale ca pe WordPress: auriu, litere mari, fără colțuri rotunjite */
#main .btn-buy, #main .btn-place { background: var(--mk-gold, #b8912e); border-color: var(--mk-gold, #b8912e); color: #fff; border-radius: 0;
  font: 500 13px/1.2 var(--sans); letter-spacing: .16em; text-transform: uppercase; padding: 16px 22px; }
#main .btn-buy:hover, #main .btn-place:hover { background: var(--mk-gold-dk, #8a6a18); border-color: var(--mk-gold-dk, #8a6a18); color: #fff; text-decoration: none; }
#main .btn-ghost { border-radius: 0; }
#main input, #main select, #main textarea { border-radius: 0; font-family: var(--sans); }
/* linkurile din text; NU butoanele-link (.btn), altfel „Descoperă parfumurile” ieșea text închis pe fundal închis */
#main a:not(.btn) { color: var(--mk-ink, #26171a); }
/* butoanele: culori explicite și la hover / focus — stilurile temei Astra (a:hover, button:hover) le suprascriau altfel */
#main .btn, #main .btn:visited { background: var(--mk-ink, #26171a); border-color: var(--mk-ink, #26171a); color: #fff; }
#main .btn:hover, #main .btn:focus-visible { background: var(--mk-ink-soft, #4a4238); border-color: var(--mk-ink-soft, #4a4238); color: #fff; }
#main .btn-ghost, #main .btn-ghost:visited { background: transparent; border-color: var(--mk-ink, #26171a); color: var(--mk-ink, #26171a); }
#main .btn-ghost:hover, #main .btn-ghost:focus-visible { background: var(--mk-cream-2, #f1e9da); color: var(--mk-ink, #26171a); }
#main .btn-buy, #main .btn-buy:visited, #main .btn-place { background: var(--mk-gold, #b8912e); border-color: var(--mk-gold, #b8912e); color: #fff; }
#main .btn-buy:hover, #main .btn-buy:focus-visible, #main .btn-place:hover { background: var(--mk-gold-dk, #8a6a18); border-color: var(--mk-gold-dk, #8a6a18); color: #fff; }