/* PRET FARA TVA + CU TVA - shoppingtotal.ro (V8.2, identic cu jumbo-officeprint.ro)
   Doar stilurile de pret: nu modifica latimea, meniul sau culorile temei. */

/* ---------- 4. V8: pret fara TVA + pret cu TVA, pe toate listele si pe pagina de produs ---------- */
.jh-tva { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; margin: 6px 0 4px; line-height: 1.3; font-family: inherit; }
.jh-tva-l { color: #5F656E; font-size: 11px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; }
.jh-tva-c { display: inline-flex; align-items: baseline; flex-wrap: wrap; gap: 6px; padding: 4px 9px; border: 1.5px dashed #D9A900; border-radius: 5px; background: #FFF8D6; color: #14171C; font-size: 12px; }
.jh-tva-c strong { font-size: 15px; font-weight: 800; color: #14171C; white-space: nowrap; }
.jh-tva-mare { margin: 10px 0 12px; }
.jh-tva-mare .jh-tva-l { font-size: 12px; }
.jh-tva-mare .jh-tva-c { padding: 7px 12px; font-size: 14px; }
.jh-tva-mare .jh-tva-c strong { font-size: 20px; }
@media print { .jh-tva-c { border-style: solid; background: none; } }

/* ---------- 5. V8.2: panou de pret pe pagina de produs ---------- */
.jhp {
    --jhp-ink: #14171C; --jhp-muted: #5F656E; --jhp-line: #E3DED4; --jhp-acc: #F5C400; --jhp-red: #C62828;
    position: relative; max-width: 560px; margin: 8px 0 18px; overflow: hidden;
    border: 1px solid var(--jhp-line); border-radius: 12px; background: #fff;
    box-shadow: 0 8px 24px rgba(20,23,28,.06); font-family: inherit; color: var(--jhp-ink);
}
.jhp [hidden] { display: none !important; }
.jhp-ribbon { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 14px; padding: 10px 18px; background: var(--jhp-red); color: #fff; }
.jhp-badge { display: inline-flex; align-items: center; padding: 3px 10px; border-radius: 4px; background: #fff; color: var(--jhp-red); font-size: 13px; font-weight: 800; letter-spacing: .6px; text-transform: uppercase; line-height: 1.4; }
.jhp-save { font-size: 14px; line-height: 1.4; }
.jhp-save strong { font-weight: 800; }
.jhp-save .jhp-muted { opacity: .85; }
.jhp-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); }
.jhp-col { padding: 16px 18px 14px; min-width: 0; }
.jhp-brut { border-left: 2px dashed var(--jhp-line); background: #FFFBEA; }
.jhp-lbl { margin-bottom: 6px; color: var(--jhp-muted); font-size: 12px; font-weight: 700; letter-spacing: .8px; text-transform: uppercase; }
.jhp-val { display: flex; align-items: baseline; gap: 6px; white-space: nowrap; }
.jhp-n { font-size: clamp(30px, 2.6vw, 40px); font-weight: 800; line-height: 1; letter-spacing: -.5px; font-variant-numeric: tabular-nums; }
.jhp-brut .jhp-n { font-size: clamp(24px, 2vw, 30px); }
.jhp-cur { font-size: 16px; font-weight: 700; color: var(--jhp-muted); }
.jhp-old { margin-top: 6px; color: var(--jhp-muted); font-size: 13px; }
.jhp-old s { color: #8A9099; }
.jhp-promo .jhp-net .jhp-n, .jhp-promo .jhp-brut .jhp-n { color: var(--jhp-red); }
.jhp-promo .jhp-brut { background: #FFF4F3; }
.jhp-foot { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 16px; padding: 10px 18px; border-top: 1px solid var(--jhp-line); background: #FAF9F6; font-size: 13px; color: var(--jhp-muted); }
.jhp-tick { position: relative; padding-left: 18px; }
.jhp-tick::before { content: ''; position: absolute; left: 0; top: 50%; width: 10px; height: 5px; margin-top: -5px; border-left: 2px solid #1F8A4C; border-bottom: 2px solid #1F8A4C; transform: rotate(-45deg); }
.jhp-vol { margin-left: auto; color: var(--jhp-ink) !important; font-weight: 700; text-decoration: none; border-bottom: 2px dashed var(--jhp-acc); }
.jhp-vol:hover { border-bottom-style: solid; }
@media (max-width: 480px) {
    .jhp-col { padding: 14px 14px 12px; }
    .jhp-n { font-size: 28px; }
    .jhp-brut .jhp-n { font-size: 22px; }
    .jhp-cur { font-size: 14px; }
    .jhp-vol { margin-left: 0; }
}

/* liste: promotiile in rosu, cu pretul vechi cu TVA taiat */
.jh-tva-promo .jh-tva-l { color: #C62828; }
.jh-tva-promo .jh-tva-c { border-color: #C62828; background: #FFF1F0; }
.jh-tva-c s { color: #8A9099; font-size: 12px; font-weight: 500; }

/* V8.3: in grilele de produse (home, categorii) pretul cu TVA se aliniaza cu pretul temei, compact */
.products-grid .jh-tva, .products-list .jh-tva, .item .jh-tva { align-items: flex-start; text-align: left; margin: 4px 0 6px; gap: 3px; }
.item .jh-tva-l { font-size: 10px; }
.item .jh-tva-c { padding: 3px 7px; font-size: 11px; gap: 4px; }
.item .jh-tva-c strong { font-size: 13px; }
.item .price-box { text-align: left; }