@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Inter:wght@300;400;500;600;700;800;900&display=swap');

/* ── Spremenljivke (iste kot landing) ─────────────────────── */
:root {
  --g900:#0d2318; --g800:#1b3a2d; --g700:#244d3c; --g600:#2e6049;
  --g300:#6db892;
  --gold:#c8a84b; --gold-lt:#d4b866;
  --cr100:#faf8f3; --cr200:#f2ede2; --cr300:#e8dfc9;
  --white:#fff; --txt9:#111827; --txt5:#6b7280;
  --ff-serif:'Playfair Display',Georgia,serif;
  --ff-sans:'Inter',system-ui,sans-serif;
  --px:clamp(1rem,4vw,2.5rem); --mw:960px;
  --radius:4px;
}

/* ── Osnova strani ────────────────────────────────────────── */
body.woocommerce-checkout,
body.woocommerce-cart,
body.woocommerce-order-received {
  background: var(--cr100);
  font-family: var(--ff-sans);
  color: var(--txt9);
}

/* ── Splošne WC obvestila ─────────────────────────────────── */
.woocommerce-error,
.woocommerce-message,
.woocommerce-info {
  border-top-color: var(--gold) !important;
  background: var(--white) !important;
  font-family: var(--ff-sans);
  font-size: .875rem;
  border-radius: 0 0 var(--radius) var(--radius);
}
.woocommerce-error { border-top-color: #c53030 !important; }

/* ══════════════════════════════════════════════════════════
   CHECKOUT
   ══════════════════════════════════════════════════════════ */

/* ── Layout ───────────────────────────────────────────────── */
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review,
.woocommerce-checkout .woocommerce-checkout-review-order {
  font-family: var(--ff-sans);
}

.woocommerce form .form-row { margin-bottom: 1.1rem; }

/* ── Naslovi sekcij ───────────────────────────────────────── */
.woocommerce-checkout h3,
.woocommerce-checkout #order_review_heading {
  font-family: var(--ff-serif);
  font-size: 1.35rem;
  color: var(--g800);
  margin-bottom: 1.25rem;
  padding-bottom: .6rem;
  border-bottom: 2px solid var(--cr300);
}

/* ── Labele ───────────────────────────────────────────────── */
.woocommerce form .form-row label,
.woocommerce-checkout label {
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--g700);
  margin-bottom: .35rem;
  display: block;
}
.woocommerce form .form-row label .required { color: var(--gold); }

/* ── Vnosna polja ─────────────────────────────────────────── */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout select {
  font-family: var(--ff-sans);
  font-size: .9rem;
  color: var(--txt9);
  background: var(--white);
  border: 1.5px solid var(--cr300);
  border-radius: var(--radius);
  padding: .65rem .9rem;
  width: 100%;
  transition: border-color .2s, box-shadow .2s;
  outline: none;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce-checkout input:focus,
.woocommerce-checkout select:focus {
  border-color: var(--gold);
  box-shadow: 0 0 0 3px rgba(200,168,75,.15);
}

/* ── Naročilo pregled (desna kolona) ──────────────────────── */
.woocommerce-checkout-review-order-table {
  border-radius: var(--radius);
  overflow: hidden;
  border: 1px solid var(--cr300) !important;
  background: var(--white);
  font-family: var(--ff-sans);
  font-size: .875rem;
}
.woocommerce-checkout-review-order-table thead {
  background: var(--g800);
}
.woocommerce-checkout-review-order-table thead th {
  color: rgba(255,255,255,.7) !important;
  font-size: .65rem !important;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  padding: .85rem 1.1rem !important;
  border: none !important;
}
.woocommerce-checkout-review-order-table tbody tr td {
  padding: 1rem 1.1rem !important;
  border-bottom: 1px solid var(--cr200) !important;
}
.woocommerce-checkout-review-order-table tfoot tr td,
.woocommerce-checkout-review-order-table tfoot tr th {
  padding: .75rem 1.1rem !important;
  border-top: 1px solid var(--cr300) !important;
  font-size: .85rem;
}
.woocommerce-checkout-review-order-table tfoot .order-total td,
.woocommerce-checkout-review-order-table tfoot .order-total th {
  background: var(--g900);
  color: var(--gold) !important;
  font-family: var(--ff-serif);
  font-size: 1.15rem !important;
  border: none !important;
}

/* ── Plačilni del ─────────────────────────────────────────── */
#payment {
  background: var(--white) !important;
  border-radius: var(--radius) !important;
  border: 1px solid var(--cr300) !important;
}
#payment .payment_methods li {
  font-family: var(--ff-sans);
  font-size: .9rem;
}
#payment .payment_methods li label { text-transform: none; font-weight: 600; letter-spacing: 0; font-size: .9rem; }
#payment div.payment_box {
  background: var(--cr100) !important;
  font-size: .83rem;
  color: var(--txt5);
}
#payment div.payment_box::before { border-bottom-color: var(--cr100) !important; }

/* ── Gumb "Oddaj naročilo" ────────────────────────────────── */
#place_order,
.woocommerce #place_order {
  font-family: var(--ff-sans) !important;
  background: var(--gold) !important;
  color: var(--g900) !important;
  border: none !important;
  border-radius: var(--radius) !important;
  padding: 1rem 2rem !important;
  font-size: .78rem !important;
  font-weight: 900 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  width: 100%;
  cursor: pointer;
  transition: background .2s, transform .15s !important;
}
#place_order:hover { background: var(--gold-lt) !important; transform: translateY(-1px); }

/* ── Block checkout (WooCommerce Blocks) ──────────────────── */
.wc-block-checkout__form {
  font-family: var(--ff-sans);
}
.wc-block-components-text-input input,
.wc-block-components-select select,
.wc-block-components-combobox input {
  font-family: var(--ff-sans) !important;
  border: 1.5px solid var(--cr300) !important;
  border-radius: var(--radius) !important;
  transition: border-color .2s, box-shadow .2s !important;
}
.wc-block-components-text-input input:focus,
.wc-block-components-select select:focus {
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 3px rgba(200,168,75,.15) !important;
  outline: none !important;
}
.wc-block-components-label,
.wc-block-components-text-input label {
  font-size: .68rem !important;
  font-weight: 800 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  color: var(--g700) !important;
}
.wc-block-checkout__payment-method-label {
  font-weight: 600;
  font-size: .9rem;
  letter-spacing: 0;
  text-transform: none;
}
.wc-block-components-checkout-place-order-button {
  background: var(--gold) !important;
  color: var(--g900) !important;
  border-radius: var(--radius) !important;
  font-family: var(--ff-sans) !important;
  font-weight: 900 !important;
  font-size: .78rem !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  border: none !important;
  padding: 1rem 2rem !important;
  transition: background .2s !important;
}
.wc-block-components-checkout-place-order-button:hover {
  background: var(--gold-lt) !important;
}
/* Order summary v block checkout */
.wc-block-order-summary-item__quantity {
  background: var(--g700);
  color: var(--gold);
  border-radius: 3px;
  font-weight: 800;
}
.wp-block-woocommerce-checkout-order-summary-block {
  border: 1px solid var(--cr300) !important;
  border-radius: var(--radius) !important;
  overflow: hidden;
}
.wc-block-components-order-summary {
  background: var(--white);
}
.wc-block-components-totals-wrapper {
  background: var(--white);
}
.wc-block-components-totals-item--total .wc-block-components-totals-item__label,
.wc-block-components-totals-item--total .wc-block-formatted-money-amount {
  font-family: var(--ff-serif) !important;
  font-size: 1.15rem !important;
  color: var(--g900) !important;
  font-weight: 700 !important;
}

/* ══════════════════════════════════════════════════════════
   KOŠARICA (cart)
   ══════════════════════════════════════════════════════════ */

.woocommerce-cart .cart_totals,
.woocommerce-cart table.cart {
  font-family: var(--ff-sans);
}
.woocommerce-cart table.cart thead {
  background: var(--g800);
}
.woocommerce-cart table.cart thead th {
  color: rgba(255,255,255,.7) !important;
  font-size: .65rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  border: none !important;
  padding: .85rem 1rem !important;
}
.woocommerce-cart table.cart td {
  border-bottom: 1px solid var(--cr200) !important;
  vertical-align: middle;
  font-size: .9rem;
}
.woocommerce-cart .cart_totals h2 {
  font-family: var(--ff-serif);
  font-size: 1.3rem;
  color: var(--g800);
  border-bottom: 2px solid var(--cr300);
  padding-bottom: .6rem;
  margin-bottom: 1rem;
}
.woocommerce-cart .cart_totals table tfoot .order-total td {
  font-family: var(--ff-serif);
  font-size: 1.1rem;
  color: var(--g900);
  font-weight: 700;
}
.woocommerce-cart .wc-proceed-to-checkout .checkout-button,
.woocommerce a.button,
.woocommerce button.button {
  background: var(--gold) !important;
  color: var(--g900) !important;
  border-radius: var(--radius) !important;
  font-family: var(--ff-sans) !important;
  font-weight: 900 !important;
  font-size: .78rem !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
  border: none !important;
  transition: background .2s !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover {
  background: var(--gold-lt) !important;
}
.woocommerce a.button.alt,
.woocommerce button.button.alt {
  background: var(--g800) !important;
  color: var(--gold) !important;
}
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
  background: var(--g700) !important;
}

/* ══════════════════════════════════════════════════════════
   THANK YOU stran
   ══════════════════════════════════════════════════════════ */

.woocommerce-order-received .woocommerce-order {
  font-family: var(--ff-sans);
}

/* Zahvalna glava */
.woocommerce-order-received .woocommerce-thankyou-order-received {
  font-family: var(--ff-serif);
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  color: var(--g800);
  font-style: italic;
  margin-bottom: 1.5rem;
  display: block;
}

/* Detajli naročila (tabela s ključnimi podatki) */
.woocommerce-order-overview.woocommerce-thankyou-order-details {
  background: var(--g800);
  border-radius: var(--radius);
  padding: 1.25rem 1.5rem;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin-bottom: 2rem;
}
.woocommerce-order-overview li {
  color: rgba(255,255,255,.55);
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  border-right: 1px solid rgba(255,255,255,.1) !important;
  padding: 0 1.5rem 0 0 !important;
  margin: 0 !important;
}
.woocommerce-order-overview li:last-child { border-right: none !important; padding-right: 0 !important; }
.woocommerce-order-overview li strong {
  display: block;
  color: var(--gold);
  font-family: var(--ff-serif);
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  margin-top: .2rem;
}

/* Tabela naročila na thank-you strani */
.woocommerce-order-details .woocommerce-order-details__title,
.woocommerce-customer-details .woocommerce-column__title {
  font-family: var(--ff-serif);
  font-size: 1.2rem;
  color: var(--g800);
  border-bottom: 2px solid var(--cr300);
  padding-bottom: .5rem;
  margin-bottom: 1rem;
}
.woocommerce-table--order-details thead {
  background: var(--g800);
}
.woocommerce-table--order-details thead th {
  color: rgba(255,255,255,.6) !important;
  font-size: .65rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  padding: .8rem 1rem !important;
  border: none !important;
}
.woocommerce-table--order-details tbody td {
  border-bottom: 1px solid var(--cr200) !important;
  padding: .9rem 1rem !important;
  font-size: .88rem;
}
.woocommerce-table--order-details tfoot tr:last-child td,
.woocommerce-table--order-details tfoot tr:last-child th {
  font-family: var(--ff-serif);
  font-size: 1.1rem;
  color: var(--g900);
  background: var(--cr100);
}

/* Naslov QR kartice (iz custom_hwh.php) — popravek barv */
.hwh-qr-card { font-family: var(--ff-sans); }

@media (max-width: 600px) {
  .woocommerce-order-overview { flex-direction: column; gap: .75rem; }
  .woocommerce-order-overview li { border-right: none !important; padding-right: 0 !important; border-bottom: 1px solid rgba(255,255,255,.1) !important; padding-bottom: .75rem !important; }
}

/* ══════════════════════════════════════════════════════════
   BLOCK CHECKOUT — ORDER CONFIRMATION (zahvalna stran)
   Skrije privzete naslove, prikaže HWH branded hero
   ══════════════════════════════════════════════════════════ */

/* Skrij WP naslov strani in WC "Hvala" blok */
.woocommerce-order-received .wp-block-post-title,
.woocommerce-order-received h1.entry-title,
.woocommerce-order-received .woocommerce > h2:first-child,
.wp-block-woocommerce-order-confirmation-status,
.wc-block-order-confirmation-status { display: none !important; }


/* ── HWH confirm hero ─────────────────────────────────────── */
.hwh-confirm-hero {
  background: linear-gradient(160deg, #071510 0%, #0d2318 45%, #162e22 75%, #091c11 100%);
  padding: 3rem 2rem 2.5rem;
  text-align: center;
  margin-bottom: 2rem;
  border-radius: 8px;
  font-family: var(--ff-sans);
}
.hwh-confirm-logo {
  height: 72px; width: auto; display: block;
  margin: 0 auto 1.25rem;
  filter: drop-shadow(0 2px 12px rgba(0,0,0,.55));
}
.hwh-confirm-eyebrow {
  font-size: .6rem; font-weight: 900; letter-spacing: .28em;
  text-transform: uppercase; color: var(--gold); margin-bottom: .75rem;
}
.hwh-confirm-brand {
  font-family: var(--ff-serif) !important;
  font-size: clamp(2rem, 5vw, 3rem) !important;
  font-weight: 700 !important; color: #fff !important;
  line-height: 1 !important; margin: 0 0 1.25rem !important;
  padding: 0 !important; border: none !important; background: none !important;
}
.hwh-confirm-rule {
  width: 40px; height: 3px; background: var(--gold);
  margin: 0 auto 1.75rem;
}
.hwh-confirm-badge {
  width: 52px; height: 52px;
  background: rgba(200,168,75,.15); border: 2px solid var(--gold);
  border-radius: 50%; display: flex; align-items: center; justify-content: center;
  margin: 0 auto .9rem; font-size: 1.3rem; color: var(--gold);
}
.hwh-confirm-title {
  font-family: var(--ff-serif) !important;
  font-size: clamp(1.35rem, 3vw, 1.75rem) !important;
  color: #fff !important; margin: 0 0 .4rem !important;
  font-weight: 700 !important;
}
.hwh-confirm-sub {
  font-size: .82rem; color: rgba(255,255,255,.45);
  line-height: 1.6; margin: 0 !important;
}

/* Blagajna: obvestilo "Trenutno zaključujete nakup kot gost." skrijemo.
   Nakup parkirnega listka je vedno kot gost, računa ni treba ustvarjati,
   zato je stavek le dodaten šum nad obrazcem. */
.wc-block-checkout__guest-checkout-notice { display: none; }

/* Blagajna: obvestilo "Izdelek je dodan v košarico" skrijemo. Gost pride na
   blagajno naravnost z gumba in ta potrditev mu ne pove nič novega, na angleški
   in nemški strani pa se izpiše v slovenščini, ker gre za sporočilo trgovine.
   Skrijemo samo uspeh. Napake pri poljih in pri kartici morajo ostati vidne,
   te imajo razred is-error oziroma is-warning. */
.woocommerce-notices-wrapper .wc-block-components-notice-banner.is-success,
.woocommerce-notices-wrapper .woocommerce-message { display: none; }

/* Blagajna na telefonu: WooCommerce izriše povzetek naročila dvakrat. Zgoraj
   zloženega v stranski stolpec in spodaj razprtega. Zgornji samo zapira pot do
   obrazca, zato ga na telefonu skrijemo. Na namizju je povzetek samo eden in
   ostane, zato se vežemo na razred is-mobile, ki ga postavi WooCommerce sam. */
.wc-block-components-sidebar-layout.is-mobile > .wc-block-checkout__sidebar { display: none; }