/* Tokeni design magazin — Setări site → Design (ultimul strat CSS) */

.shop-template {
  font-family: var(--font-body, "Nunito Sans", system-ui, sans-serif);
}

.shop-template h1,
.shop-template h2,
.shop-template h3,
.shop-template .page-title,
.shop-template .hero-title,
.shop-template .pf-section-title {
  font-family: var(--font-heading, var(--font-body, inherit));
}

.shop-template :where(
  button,
  .btn,
  .btn-primary,
  .btn-secondary,
  .btn-outline,
  .btn-cart,
  .pf-btn,
  .pf-btn--primary,
  .pf-btn--cart,
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]),
  select,
  textarea,
  .pf-nav-pill,
  .pf-filter-pill,
  .checkout-address-option,
  .checkout-fanbox-filter
) {
  border-radius: var(--radius-sm, calc(var(--radius, 12px) * 0.4)) !important;
}

.shop-template :where(
  .product-card,
  .store-card,
  .store-card--framed,
  .cart-line,
  .checkout-hero,
  .pf-hero__banner,
  .pf-alert,
  .modal-panel,
  .dialog-panel
) {
  border-radius: var(--radius, 12px) !important;
}

.shop-template :where(
  .pf-pdp-gallery,
  .pf-pdp-main-img,
  .product-gallery__main,
  .hero-visual,
  .pf-values,
  .pf-promo-strip
) {
  border-radius: var(--radius-lg, calc(var(--radius, 12px) * 1.2)) !important;
}

.shop-template :where(
  .badge,
  .pill,
  [class*="pill"],
  [class*="badge"],
  .tag
) {
  border-radius: var(--radius-pill, 999px);
}

.shop-template :where(
  .btn-primary,
  .pf-btn--primary,
  .pf-btn--cart,
  .btn-cart,
  .checkout-submit,
  .banner-cta
) {
  background: var(--pf-btn-cart, var(--pf-btn-primary, var(--purple, #ff5c8a)));
  color: var(--pf-btn-cart-text, var(--pf-btn-primary-text, #fff));
  border-color: var(--pf-btn-cart, var(--pf-btn-primary, var(--purple, #ff5c8a)));
}

.shop-template :where(
  .btn-primary:hover,
  .pf-btn--primary:hover,
  .pf-btn--cart:hover,
  .btn-cart:hover,
  .checkout-submit:hover
) {
  background: var(--pf-btn-cart-hover, var(--pf-btn-primary-hover, var(--purple-dark, #ff4077)));
  border-color: var(--pf-btn-cart-hover, var(--pf-btn-primary-hover, var(--purple-dark, #ff4077)));
}