/*
Theme Name: Jarušica Shop
Theme URI: https://shop.jarusica.hr
Description: Jarušica webshop child theme — precision marine-electrical brand (navy + powered green), consistent with jarusica.hr. Storefront child.
Author: NOVEX
Template: storefront
Version: 1.0.0
Text Domain: jarusica-child
*/

/* ── Brand tokens (mirror the website) ── */
:root {
  --navy: #003160;
  --navy-deep: #01223f;
  --navy-abyss: #01162b;
  --signal: #169873;
  --signal-hov: #0f8161;
  --ink: #16202b;
  --ink-muted: #64717e;
  --line: #d7dee6;
  --paper-cool: #f4f6f9;
  --font-body: 'Inter', system-ui, sans-serif;
  --font-display: 'Space Grotesk', system-ui, sans-serif;
}

body, button, input, select, textarea { font-family: var(--font-body); color: var(--ink); }
h1,h2,h3,h4,h5,h6,.site-title { font-family: var(--font-display); color: var(--navy); letter-spacing: -0.01em; }

a { color: var(--signal); }
a:hover { color: var(--signal-hov); }

/* ── Header ── */
.site-header { background: #fff; border-bottom: 1px solid var(--line); padding-top: 1rem; padding-bottom: 1rem; }
.storefront-primary-navigation { background: var(--navy); }
.main-navigation ul li a { color: #fff; font-family: var(--font-display); font-weight: 500; }
.main-navigation ul li a:hover, .main-navigation ul li.current-menu-item > a { color: #fff; opacity: .8; }
.site-branding .site-title a { color: var(--navy); }

/* Utility topbar (added via functions.php) */
.jar-topbar { background: var(--navy-abyss); color: rgba(255,255,255,.72); font-size: 13px; }
.jar-topbar a { color: rgba(255,255,255,.72); }
.jar-topbar a:hover { color: #fff; }
.jar-topbar .inner { max-width: 1200px; margin: 0 auto; padding: .5rem 1.5rem; display: flex; gap: 1.5rem; align-items: center; justify-content: space-between; }

/* ── Buttons ── */
button, .button, input[type=submit], .woocommerce a.button, .woocommerce button.button,
.woocommerce #respond input#submit, .woocommerce .woocommerce-message a.button {
  background: var(--signal); color: #fff; font-family: var(--font-display); font-weight: 600;
  border-radius: 4px; border: 1px solid var(--signal); text-shadow: none;
}
button:hover, .button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce #respond input#submit:hover { background: var(--signal-hov); border-color: var(--signal-hov); }
.woocommerce a.button.alt, .woocommerce button.button.alt, .single_add_to_cart_button {
  background: var(--navy); border-color: var(--navy);
}
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover { background: var(--navy-deep); }

/* Order button (checkout) — the ZZP-mandated label, made prominent */
.woocommerce #payment #place_order { background: var(--signal); font-size: 1.05rem; padding: .9rem 1.4rem; }

/* ── Prices ── */
.woocommerce .price, .woocommerce div.product p.price { color: var(--navy); font-family: var(--font-display); font-weight: 600; }
.woocommerce .price del { color: var(--ink-muted); }

/* MSRP reference label ("Preporučena cijena proizvođača") styling hook */
.jar-msrp { color: var(--ink-muted); font-size: .85em; }

/* ── Cards / products ── */
.woocommerce ul.products li.product { border: 1px solid var(--line); border-radius: 4px; padding: 1rem; background: #fff; transition: border-color .15s, box-shadow .15s; }
.woocommerce ul.products li.product:hover { border-color: var(--navy); box-shadow: 0 14px 34px -18px rgba(1,22,43,.25); }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-family: var(--font-display); font-size: 15px; color: var(--navy); }

/* ── Footer ── */
.site-footer { background: var(--navy-abyss); color: rgba(255,255,255,.65); }
.site-footer a { color: rgba(255,255,255,.75); }
.site-footer a:hover { color: #fff; }
.site-footer h1,.site-footer h2,.site-footer h3 { color: #fff; }

/* Bank trust row (card/security/CorvusPay logos) */
.jar-trust { display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; align-items: center; padding: 1rem 0; }
.jar-trust img { height: 26px; width: auto; }
.jar-secured { display:inline-flex; align-items:center; gap:.4rem; color: rgba(255,255,255,.8); font-size: 13px; }
.jar-secured .dot { width:7px; height:7px; border-radius:99px; background:#1fb888; }

/* Notices in brand green */
.woocommerce-message { border-top-color: var(--signal); }
.woocommerce-info { border-top-color: var(--navy); }