/* Pinex shop: theme colors for the pages the "pinex" plugin does not draw (shop, product, cart, checkout, account).
   Header, footer and home page styles live in platform/plugins/pinex/public/css/pinex.css.
   Installed as the theme's Custom CSS (Admin: Appearance → Custom CSS) by dev/local/setup-brand.php. */

:root {
    --px-pink: #d41c92;
    --px-ink: #1c1a1e;
    --px-muted: #8a93a3;
    --px-line: #e3e7ec;
    --px-red: #e5262c;

    --tp-ff-heading: 'Noto Sans Georgian', sans-serif;
    --tp-ff-body: 'Noto Sans Georgian', sans-serif;
    --tp-ff-p: 'Noto Sans Georgian', sans-serif;
    --tp-text-body: var(--px-ink);
    --tp-heading-primary: var(--px-ink);
    --tp-header-1: var(--px-ink);
    --tp-theme-1: var(--px-ink);
}

h1, h2, h3, h4, h5, h6 { letter-spacing: 0; }

/* Product cards on shop / category / search pages: same look as the home page cards. */
.tpproduct { padding-bottom: 0; margin-bottom: 30px; border: 0; background: transparent; }
.tpproduct__thumb { aspect-ratio: 1 / 1; background: #fff; }
.tpproduct__thumb > a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 10px; }
.tpproduct__thumb img { width: 100%; height: 100%; object-fit: contain; }
.tpproduct__thumb-topsall { border-radius: 24px !important; background-color: var(--px-red) !important; font-size: 11px; font-weight: 600; }
.tpproduct__thumb-action a { border-radius: 50%; background: #fff; color: var(--px-ink); border: 1px solid var(--px-line); }
.tpproduct__thumb-action a:hover { background: var(--px-pink); border-color: var(--px-pink); color: #fff; }
.tpproduct__title { font-size: 14px; font-weight: 500; line-height: 1.4; }
.tpproduct__title a { color: var(--px-ink); }
.tpproduct__title a:hover { color: var(--px-pink); }
.tpproduct .product-price-sale, .tpproduct__priceinfo-list span { color: var(--px-ink); font-size: 19px; font-weight: 500; }
.tpproduct__priceinfo-list-oldprice, .tpproduct .product-price-original { color: var(--px-muted) !important; font-size: 13px !important; font-weight: 400 !important; }
.tpproduct__priceinfo-list:has(.product-price-original) .product-price-sale { color: var(--px-red); }
.tpproduct__cart a { color: var(--px-pink); font-weight: 600; }
.tpproduct__cart a:hover { color: var(--px-ink); }
