/* ===========================================================
   Smart Garden — brand skin za WooCommerce (arhive, proizvod,
   košarica, blagajna). Namjerno NE mijenja pozadinu stranice:
   svijetla "paper" ploha je dio istog sustava kao i na home.
   =========================================================== */

body.sg-chrome{--sg-dark:#041F1E;--sg-ink:#22352B;--sg-muted:#5B6B60;
  --sg-green:#449952;--sg-green-l:#7FC98B;--sg-yellow:#FFB845;--sg-gold:#E79A2C;
  --sg-paper:#F4F7F4;--sg-line:rgba(4,31,30,.1)}

/* tema header van — naš ga zamjenjuje */
body.sg-chrome header.elementor-location-header{display:none !important}

/* tipografija */
body.sg-chrome .woocommerce-loop-product__title,
body.sg-chrome .elementor-widget-woocommerce-product-title h1,
body.sg-chrome .product_title,
body.sg-chrome .woocommerce-Tabs-panel h2,
body.sg-chrome .related.products>h2,
body.sg-chrome .up-sells>h2,
body.sg-chrome .cross-sells>h2,
body.sg-chrome .cart_totals h2{font-family:'Signika',sans-serif !important;font-weight:700 !important;letter-spacing:-.01em}

/* ---------- ARHIVA: kartice proizvoda ---------- */
body.sg-chrome ul.products li.product,
body.sg-chrome .elementor-wc-products ul.products li.product{
  background:#fff;border:1px solid var(--sg-line);border-radius:18px;overflow:hidden;
  padding:0 0 16px;box-shadow:0 6px 22px rgba(4,31,30,.06);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
body.sg-chrome ul.products li.product:hover{
  transform:translateY(-5px);box-shadow:0 16px 38px rgba(4,31,30,.13);border-color:rgba(255,184,69,.55)}
body.sg-chrome ul.products li.product img{border-radius:0;margin-bottom:12px}
body.sg-chrome ul.products li.product .woocommerce-loop-product__title{
  font-size:16.5px !important;line-height:1.3;color:var(--sg-ink) !important;padding:0 14px;margin:0 0 6px}
body.sg-chrome ul.products li.product .price{
  display:block;padding:0 14px;font-family:'Signika',sans-serif;font-weight:700;
  font-size:16px;color:var(--sg-gold) !important}
body.sg-chrome ul.products li.product .price del{color:var(--sg-muted) !important;font-weight:400;opacity:.75}
body.sg-chrome ul.products li.product .price ins{text-decoration:none}
body.sg-chrome ul.products li.product .woocommerce-loop-product__buttons,
body.sg-chrome ul.products li.product>a.button,
body.sg-chrome ul.products li.product .add_to_cart_button{margin-top:8px}

/* gumbi — brand pill */
body.sg-chrome .woocommerce a.button,
body.sg-chrome .woocommerce button.button,
body.sg-chrome .woocommerce input.button,
body.sg-chrome a.button.add_to_cart_button,
body.sg-chrome .woocommerce a.button.alt,
body.sg-chrome .woocommerce button.button.alt{
  font-family:'Signika',sans-serif !important;font-weight:700 !important;
  border-radius:999px !important;padding:11px 22px !important;border:0 !important;
  background:var(--sg-green) !important;color:#fff !important;
  box-shadow:0 6px 18px rgba(68,153,82,.22);transition:transform .18s ease,background .18s ease}
body.sg-chrome .woocommerce a.button:hover,
body.sg-chrome .woocommerce button.button:hover,
body.sg-chrome .woocommerce input.button:hover{background:#4FAB5E !important;transform:translateY(-1px)}
body.sg-chrome .single_add_to_cart_button,
body.sg-chrome .checkout-button,
body.sg-chrome .wc-block-cart__submit-button{
  background:var(--sg-yellow) !important;color:#3A2400 !important;
  font-size:16.5px !important;padding:14px 30px !important;
  box-shadow:0 10px 26px rgba(255,184,69,.34) !important}
body.sg-chrome .single_add_to_cart_button:hover,
body.sg-chrome .checkout-button:hover{background:#FFC868 !important}

/* ---------- POJEDINAČNI PROIZVOD ---------- */
body.sg-chrome .elementor-widget-woocommerce-product-price .price,
body.sg-chrome .summary .price{
  font-family:'Signika',sans-serif !important;font-weight:700 !important;color:var(--sg-gold) !important}
body.sg-chrome .woocommerce-product-gallery img{border-radius:16px}
body.sg-chrome .woocommerce div.product form.cart .variations select{
  border:1px solid var(--sg-line);border-radius:12px;padding:10px 14px;font-family:'Source Sans 3',sans-serif;background:#fff}
body.sg-chrome .quantity input.qty{
  border:1px solid var(--sg-line);border-radius:12px;padding:10px;font-family:'Signika',sans-serif;font-weight:600}
body.sg-chrome .woocommerce-breadcrumb{font-size:13.5px;color:var(--sg-muted)}
body.sg-chrome .woocommerce-breadcrumb a{color:var(--sg-green);text-decoration:none}
body.sg-chrome .woocommerce-tabs ul.tabs li{border-radius:12px 12px 0 0}
body.sg-chrome .woocommerce-tabs ul.tabs li.active{border-bottom-color:#fff}
body.sg-chrome .woocommerce-tabs ul.tabs li a{font-family:'Signika',sans-serif;font-weight:600}

/* obavijesti */
body.sg-chrome .woocommerce-message,
body.sg-chrome .woocommerce-info{
  border-top-color:var(--sg-green) !important;border-radius:14px;background:#EDF5EE;font-family:'Source Sans 3',sans-serif}
body.sg-chrome .woocommerce-message::before,
body.sg-chrome .woocommerce-info::before{color:var(--sg-green) !important}

/* ---------- SG BRAND BLOKOVI ---------- */
.sg-strip{max-width:1180px;margin:22px auto 6px;padding:16px 22px;display:flex;gap:16px;align-items:center;
  flex-wrap:wrap;background:linear-gradient(120deg,rgba(68,153,82,.12),rgba(231,154,44,.10));
  border:1px solid rgba(68,153,82,.22);border-radius:18px;font-family:'Source Sans 3',sans-serif}
.sg-strip b{font-family:'Signika',sans-serif;color:#22352B}
.sg-strip .sg-strip-t{flex:1;min-width:240px;color:#41544A;font-size:15.5px;line-height:1.45}
.sg-strip a{font-family:'Signika',sans-serif;font-weight:700;font-size:14.5px;text-decoration:none;
  background:#041F1E;color:#fff;padding:10px 20px;border-radius:999px;white-space:nowrap}
.sg-strip a:hover{background:#0B3A2E}

.sg-loza{max-width:1180px;margin:40px auto;padding:28px;border-radius:22px;
  background:linear-gradient(120deg,#041F1E,#0B3A2E);color:#EAF3EE;
  display:flex;gap:26px;align-items:center;flex-wrap:wrap;font-family:'Source Sans 3',sans-serif}
.sg-loza .sg-loza-b{flex:1;min-width:260px}
.sg-loza h3{font-family:'Signika',sans-serif;font-weight:700;font-size:23px;margin:0 0 10px;color:#fff}
.sg-loza p{margin:0 0 16px;color:#9DB3A6;font-size:15.5px;line-height:1.55}
.sg-loza .sg-loza-cta{display:flex;gap:10px;flex-wrap:wrap}
.sg-loza a.y{background:#FFB845;color:#3A2400}
.sg-loza a.o{background:transparent;color:#EAF3EE;border:1.5px solid rgba(127,201,139,.35)}
.sg-loza a{font-family:'Signika',sans-serif;font-weight:700;font-size:14.5px;text-decoration:none;
  padding:11px 22px;border-radius:999px;display:inline-block}
.sg-loza .sg-loza-steps{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}
.sg-loza .sg-loza-steps span{background:rgba(255,255,255,.06);border:1px solid rgba(127,201,139,.2);
  border-radius:999px;padding:7px 14px;font-size:13.5px;color:#DFEDE4;font-family:'Signika',sans-serif;font-weight:600}
@media (max-width:640px){.sg-loza{padding:22px;margin:28px 14px}.sg-strip{margin:16px 14px 4px}}
