/* Atena strane (korpa, naplata, nalog, pravne, 404) u header-u i footer-u veb dizajna 4 praseta.
   Atena CSS radi na --at-* tokenima - ovde ih vežemo za tokene brenda (hp.css :root). */
.str-atena{
  --at-bg:var(--bg);--at-surface:var(--card);--at-surface-2:var(--bg2);
  --at-ink:var(--ink);--at-ink-2:var(--ink2);--at-muted:#7A675C;--at-line:var(--line);--at-line-strong:rgba(34,23,20,.28);
  --at-accent:var(--acc);--at-accent-hover:var(--acc-h);--at-accent-ink:var(--on);--at-accent-soft:rgba(109,29,42,.07);
  --at-panel:var(--acc2);--at-panel-ink:var(--on);--at-success:var(--leaf);--at-focus:var(--acc);
  --at-font-display:var(--fd);--at-font-body:var(--ft);--at-display-weight:400;
  --at-radius-sm:12px;--at-radius-md:16px;--at-radius-lg:24px;--at-radius-pill:999px;
  font-family:var(--ft)
}
.str-atena .at-main{padding-top:calc(var(--hdr) + 48px);padding-bottom:clamp(64px,8vw,120px);min-height:70vh}
.str-atena .at-main :is(h1,h2,h3,h4){font-family:var(--fd);font-weight:400}

/* Dugmad: zaobljena, Figtree, bez verzala (Atena gettext daje „NASTAVITE DO PLAĆANJA") */
.str-atena :is(.at-btn,.button,button[type=submit],#place_order,.checkout-button,.at-drawer__search button,.wc-block-components-button:not(.is-link)){border-radius:999px;font-family:var(--ft);font-weight:500;letter-spacing:.01em}
.str-atena .at-cart .wc-proceed-to-checkout .checkout-button{display:block;text-transform:lowercase;text-align:center;line-height:52px;padding:0 24px}
.str-atena .at-cart .wc-proceed-to-checkout .checkout-button::first-letter{text-transform:uppercase}
.str-atena #place_order{height:56px}
.str-atena :is(input[type=text],input[type=email],input[type=tel],input[type=search],input[type=password],select,textarea,.select2-selection){border-radius:12px;background-color:var(--card)}

/* Naplata */
.str-atena .at-checkout .woocommerce-billing-fields h3::before,.str-atena .at-checkout .woocommerce-additional-fields h3::before{background:var(--acc);color:var(--on)}
.str-atena .at-checkout .v4p-punoletan{margin:0 0 var(--at-s-4,16px);padding:14px 16px;border:1px solid var(--at-line-strong);border-radius:12px;background:var(--card)}
.str-atena .at-checkout .v4p-punoletan .optional{display:none}
/* Štikle (uslovi, 18+): tekst sa linkovima teče kao rečenica, ne kao flex kolone */
.str-atena .at-checkout :is(.woocommerce-terms-and-conditions-wrapper,.v4p-punoletan) label{display:block;position:relative;padding-left:30px;margin:0;font-weight:500;line-height:1.5;color:var(--ink);cursor:pointer}
.str-atena .at-checkout :is(.woocommerce-terms-and-conditions-wrapper,.v4p-punoletan) label input[type=checkbox]{position:absolute;left:0;top:2px;margin:0;width:18px;height:18px;accent-color:var(--acc)}
.str-atena .at-checkout .woocommerce-terms-and-conditions-wrapper label :is(span,a){display:inline}
.str-atena .at-checkout .woocommerce-shipping-fields:not(:has(input,select,textarea)){display:none}
.str-atena .at-checkout #shipping_method label{justify-content:flex-end}
.str-atena.woocommerce-order-received .at-main h1{text-align:center}

/* Korpa na telefonu: Woo smallscreen sakriva nazive redova (Međuzbir, Ukupno) - vraćamo tabelu */
@media (max-width:768px){
  .str-atena .at-cart .cart_totals tr :is(th,td){display:table-cell}
  .str-atena .at-cart .cart_totals tr td::before{content:none}
}

/* Loyalty blok (it-lion-loyalty) u bojama vebsajta */
.str-atena .itll-box{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:none}
.str-atena .itll-naslov{font-family:var(--fd);font-weight:400;letter-spacing:.02em;color:var(--acc)}

/* 404: bez praznog prostora iznad (fiksni header već ima razmak u .at-main) */
.str-atena.error404 .at-main{min-height:0}
.str-atena.error404 .at-section{padding-block:clamp(24px,4vw,56px) 0}
.str-atena.error404 .at-empty{padding-block:0}