/* ATENA kartica proizvoda .at-product (DESIGN 5.10) + cena .at-price + swatch .at-swatch.
   Učitava se svuda gde ima kartica (lista, istaknuti proizvodi); posle sections.css kad postoji. */

.at-product{position:relative;display:flex;flex-direction:column;height:100%;border:1px solid var(--at-line);border-radius:var(--at-radius-md);background:var(--at-surface);overflow:hidden;transition:transform var(--at-d-base) var(--at-ease-out),border-color var(--at-d-base) var(--at-ease-out)}
.at-product::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:var(--at-shadow-sm);opacity:0;pointer-events:none;transition:opacity var(--at-d-base) var(--at-ease-out)}
.at-product:hover::after,.at-product:focus-within::after{opacity:1}
.at-product:hover{border-color:var(--at-line-strong)}

.at-product__media{position:relative;display:block;aspect-ratio:var(--at-img-ratio-card);background:var(--at-surface-2);overflow:hidden}
/* .at-product ispred: Woo `.woocommerce img{height:auto}` (0,1,1) inače na /wishlist/ vraća kvadrat i ispod ostaje siva traka */
.at-product .at-product__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform var(--at-d-slow) var(--at-ease-out),opacity var(--at-d-slow) var(--at-ease-out)}
.at-product__img--alt{opacity:0}
.at-product:hover .at-product__img{transform:scale(1.03)}
.at-product.has-alt:hover .at-product__img:not(.at-product__img--alt){opacity:0}
.at-product:hover .at-product__img--alt{opacity:1}
.at-product--soldout .at-product__img{opacity:.6}
.at-product--soldout:hover .at-product__img:not(.at-product__img--alt){opacity:.6}
.at-product__img.is-swapping{opacity:0}

.at-product__badges{position:absolute;top:var(--at-s-3);left:var(--at-s-3);display:flex;flex-direction:column;align-items:flex-start;gap:var(--at-s-1);z-index:1}
.at-product__wish{position:absolute;top:var(--at-s-3);right:var(--at-s-3);z-index:2;width:36px;height:36px;background:color-mix(in srgb,var(--at-surface) 88%,transparent);backdrop-filter:blur(6px);box-shadow:var(--at-shadow-xs)}
.at-product__wish svg{width:18px;height:18px}
.at-product__wish:hover{background:var(--at-surface)}
.at-badge--soldout{background:var(--at-surface-2);color:var(--at-muted)}

/* Brzi pregled - klizi odozdo na lg+, ikonica-dugme na mobilnom */
.at-product__figure{position:relative}
/* Omotač nosi poziciju i dimenzije (link ima nasleđenu klasu product-card = okidač brzog pregleda u ux.js,
   a site.css joj daje display:flex/height:100% !important - zato je omotač kutija od 40px). */
.at-product__quick-wrap{position:absolute;left:var(--at-s-3);right:var(--at-s-3);bottom:var(--at-s-3);height:40px;z-index:2;opacity:0;transform:translateY(12px);transition:opacity var(--at-d-base) var(--at-ease-out),transform var(--at-d-base) var(--at-ease-out)}
.at-product:hover .at-product__quick-wrap,.at-product__quick-wrap:focus-within{opacity:1;transform:none}
.at-product__quick{display:flex;width:100%;height:100%;align-items:center;justify-content:center;border-radius:var(--at-radius-sm);background:color-mix(in srgb,var(--at-surface) 92%,transparent);backdrop-filter:blur(8px);color:var(--at-ink);font-size:var(--at-fs-small);font-weight:600;box-shadow:var(--at-shadow-xs);transition:background-color var(--at-d-base) var(--at-ease-out)}
.at-product__quick:hover{background:var(--at-surface)}
.at-product__quick span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.at-product__quick span::before{content:"";width:16px;height:16px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/contain no-repeat}
@media (max-width:63.99em){
  .at-product__quick-wrap{opacity:1;transform:none;left:auto;right:var(--at-s-2);bottom:var(--at-s-2);width:36px;height:36px}
  .at-product__quick{border-radius:50%}
  .at-product__quick span{font-size:0;gap:0}
  .at-product__quick span::before{width:18px;height:18px}
}

.at-product__body{display:flex;flex-direction:column;gap:var(--at-s-2);flex:1;padding:var(--at-s-4);position:relative;background:var(--at-surface)}
@media (min-width:48em){.at-product__body{padding:var(--at-s-4) var(--at-s-5) var(--at-s-5)}}
.at-product__cat{font-size:var(--at-fs-micro);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--at-muted)}
.at-product__title{font-size:var(--at-fs-h4);line-height:1.3;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-wrap:pretty}
.at-product__title a{color:var(--at-ink)}
.at-product__title a::after{content:"";position:absolute;inset:0;z-index:0}
.at-product__swatches,.at-product__cta,.at-product__rating,.at-price{position:relative;z-index:1}
.at-product__swatches{display:flex;align-items:center;gap:6px;min-height:20px}
.at-product__swatches-more{font-size:var(--at-fs-micro);color:var(--at-muted);font-variant-numeric:tabular-nums}
.at-product__rating{display:inline-flex;align-items:center;gap:2px;font-size:var(--at-fs-small);color:var(--at-muted)}
.at-product__rating svg,.at-facet__stars svg{width:14px;height:14px;fill:var(--at-line-strong)}
.at-product__rating svg.is-on,.at-facet__stars svg.is-on{fill:var(--at-ink)}
.at-product__rating span{margin-left:4px;font-variant-numeric:tabular-nums}
.at-product__cta{margin-top:auto;padding-top:var(--at-s-2)}
.at-product__cta .at-btn{width:100%}
.at-product__cta .at-btn.is-added{background:var(--at-success);border-color:var(--at-success);color:#fff;pointer-events:none}
.at-product__cta .at-btn.atux-radi{color:transparent;pointer-events:none;opacity:1}
.at-product__cta .at-btn.atux-radi::before{content:"";position:absolute;inset:0;margin:auto;width:16px;height:16px;border-radius:50%;border:2px solid var(--at-ink);border-right-color:transparent;animation:at-spin .8s linear infinite}

/* Cena (5.16) - isti izgled svuda, menja se samo veličina */
.at-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--at-s-2) var(--at-s-3);font-family:var(--at-font-display);font-weight:600;font-size:var(--at-fs-price);line-height:1;letter-spacing:-.01em;color:var(--at-ink);font-variant-numeric:tabular-nums;margin:0;transition:opacity var(--at-d-base) var(--at-ease-out)}
.at-price del,.at-price__old{order:2;font-weight:400;font-size:.72em;color:var(--at-muted);text-decoration:line-through}
.at-price del .amount{color:inherit}
.at-price ins{text-decoration:none;color:var(--at-sale)}
.at-price del .at-price__from{display:none}
.at-price__from{font-family:var(--at-font-body);font-weight:500;font-size:.62em;color:var(--at-muted);letter-spacing:.02em}
.at-price--sm{font-size:var(--at-fs-body)}
@media (max-width:47.99em){.at-product__body .at-price{font-size:var(--at-fs-h4)}} /* 2 kolone na mobilnom: cena ne sme biti krupnija od naziva */
.at-price .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}

/* Swatch (boja) - koristi ga kartica i filter */
.at-swatch{--at-swatch:var(--at-surface-2);position:relative;display:inline-grid;place-content:center;width:28px;height:28px;border-radius:50%;background:var(--at-swatch);box-shadow:inset 0 0 0 1px rgba(20,20,20,.14);flex:none;font-size:var(--at-fs-micro);font-weight:600;color:var(--at-ink);transition:transform var(--at-d-fast) var(--at-ease-spring),box-shadow var(--at-d-fast) var(--at-ease-out)}
.at-swatch--text{background:var(--at-surface-2)}
.at-swatch--xs{width:18px;height:18px;font-size:.6rem}
.at-swatch::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid transparent;transition:border-color var(--at-d-fast) var(--at-ease-out)}
.at-swatch--xs::after{inset:-3px;border-width:1.5px}
button.at-swatch:hover{transform:scale(1.08)}
button.at-swatch:active{transform:scale(.96)}
button.at-swatch.is-active::after,.at-facet__option input:checked ~ .at-swatch::after{border-color:var(--at-ink)}

/* Lista varijanta (--list na gridu) */
/* Širinu nosi .at-product__figure (flex dete), ne media - inače figure kolabira na 0 i slika nestaje */
.at-shop__grid--list .at-product{flex-direction:row;align-items:stretch}
.at-shop__grid--list .at-product__figure{width:clamp(120px,24%,240px);flex:none}
.at-shop__grid--list .at-product__media{height:100%}
.at-shop__grid--list .at-product__quick-wrap{display:none}
.at-shop__grid--list .at-product__body{padding:var(--at-s-5);gap:var(--at-s-3);justify-content:center}
.at-shop__grid--list .at-product__title{-webkit-line-clamp:3;font-size:var(--at-fs-h3)}
.at-shop__grid--list .at-product__cta{margin-top:var(--at-s-2)}
.at-shop__grid--list .at-product__cta .at-btn{width:auto;min-width:180px}

/* Shop off = portfolio kartica */
body[data-shop="off"] .at-product__cta,body[data-shop="off"] .at-price,body[data-shop="off"] .at-product__quick-wrap,body[data-shop="off"] .at-product__wish{display:none}

/* Lista želja (woocommerce/wishlist-view.php): YITH naslov forme skriven - naslov strane je dovoljan */
/* Lista želja (woocommerce/wishlist-view.php): mreža kao lista prodavnice, „Ukloni" umesto srca */
.at-wishlist__bar{display:flex;flex-wrap:wrap;gap:var(--at-s-2) var(--at-s-5);align-items:center;justify-content:space-between;padding-bottom:var(--at-s-4);margin-bottom:var(--at-s-6);border-bottom:1px solid var(--at-line);font-size:var(--at-fs-small);color:var(--at-muted)}
.at-wishlist__bar p{margin:0}
.at-wishlist{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--at-s-3)}
@media (min-width:48em){.at-wishlist{grid-template-columns:repeat(3,1fr);gap:var(--at-gap)}}
@media (min-width:75em){.at-wishlist{grid-template-columns:repeat(4,1fr)}}
.at-wishlist__item{position:relative;animation:at-toast-in 320ms var(--at-ease-out) both}
.at-wishlist__item .at-product__wish{display:none}
.at-wishlist__remove{position:absolute;top:var(--at-s-3);right:var(--at-s-3);z-index:3;display:grid;place-content:center;width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,var(--at-surface) 88%,transparent);backdrop-filter:blur(6px);box-shadow:var(--at-shadow-xs);color:var(--at-ink);transition:background-color var(--at-d-base) var(--at-ease-out),color var(--at-d-base) var(--at-ease-out),transform var(--at-d-base) var(--at-ease-out)}
.at-wishlist__remove svg{width:18px;height:18px}
.at-wishlist__remove:hover{background:var(--at-surface);color:var(--at-danger);transform:scale(1.06)}
.at-wishlist__remove:focus-visible{outline:2px solid var(--at-focus);outline-offset:2px}
.woocommerce-wishlist .woocommerce-message,.yith_wcwl_wishlist_footer{display:none}
@media (max-width:47.99em){.at-wishlist__remove{top:var(--at-s-2);right:var(--at-s-2)}}
.yith-wcwl-form .wishlist-title-container{display:none}