/* Secret SHOP — type system (3.7.0)
 * Loads last on every page (inc/typography.php). One scale, named by use; every text that
 * used to sit at 8–11.5px across style.css, home-bundle.css, product-cards.css,
 * secondary-refinement.css, product-premium.css, cart-*.css and checkout.css is remapped here.
 *
 * html:not(#ss-type) adds one id of specificity so this file wins over the older layers
 * without stacking more selectors; !important only where those layers used it.
 */
:root{
  /* role         size     use */
  --ss-type-count:11px;   /* numerals inside count bubbles only */
  --ss-type-label:12px;   /* uppercase labels, eyebrows, badges, category names */
  --ss-type-caption:13px; /* secondary info: card price line, notes, breadcrumbs, legal */
  --ss-type-ui:14px;      /* nav, footer links, small titles, controls */
  --ss-type-body:16px;    /* reading text, inputs */
  --ss-type-lead:18px;
  --ss-track-label:.08em; /* tracking for 12px uppercase */
  --ss-track-eyebrow:.16em;
}

/* ---------- Rendering ---------- */
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}

/* ---------- Headings: balanced lines, room for Portuguese accents ---------- */
html:not(#ss-type) body.home .ss-home-hero h1{line-height:.96;text-wrap:balance}
html:not(#ss-type) body .ss-home-section-head h2,
html:not(#ss-type) body .ss-home-manifesto h2,
html:not(#ss-type) body .ss-kits-v5 h2,
html:not(#ss-type) body .ss-home-offers h2,
html:not(#ss-type) body .ss-subpage-hero h1,
html:not(#ss-type) body .ss-product-page .product_title{text-wrap:balance}
html:not(#ss-type) body .ss-home-hero__subtitle,
html:not(#ss-type) body .ss-home-manifesto__body,
html:not(#ss-type) body .ss-product-card__title{text-wrap:pretty}

/* ---------- Count bubbles (cart, favourites) ---------- */
html:not(#ss-type) body .ss-header .ss-cart-count,
html:not(#ss-type) body .ss-header .ss-favorites-count{
  min-width:18px!important;height:18px!important;padding:0 5px!important;
  top:-7px!important;right:-10px!important;
  font:700 var(--ss-type-count)/18px var(--ss-sans)!important;
  font-variant-numeric:tabular-nums;letter-spacing:0!important;
}

/* ---------- Label (12px) ---------- */
html:not(#ss-type) body .ss-home-eyebrow,
html:not(#ss-type) body .ss-page-eyebrow{font-size:var(--ss-type-label)!important;letter-spacing:var(--ss-track-eyebrow)!important}
html:not(#ss-type) body .ss-product-card__category,
html:not(#ss-type) body .ss-product-card__brand,
html:not(#ss-type) body .ss-product-card__pix-off-label,
html:not(#ss-type) body .ss-product-card__badge,
html:not(#ss-type) body .ss-badge,
html:not(#ss-type) body .ss-product-card .ss-badge,
html:not(#ss-type) body .ss-badge-filter__label,
html:not(#ss-type) body .ss-home-benefit-icon,
html:not(#ss-type) body .ss-policy-card__status,
html:not(#ss-type) body .ss-footer__column h3,
html:not(#ss-type) body .ss-footer-age-notice__badge,
html:not(#ss-type) body .ss-mobile-category-title,
html:not(#ss-type) body .ss-info-strip,
html:not(#ss-type) body .ss-home-text-link:not(.ss-home-text-link--hero),
html:not(#ss-type) body .ss-home-btn,
html:not(#ss-type) body .ss-primary-btn,
html:not(#ss-type) body .ss-secondary-btn,
html:not(#ss-type) body.single-product .ss-product-kicker,
html:not(#ss-type) body.single-product .ss-product-price-panel__badge,
html:not(#ss-type) body.single-product .ss-product-price-panel__eyebrow,
html:not(#ss-type) body.single-product .ss-variation-copy h3,
html:not(#ss-type) body .ss-checkout-trust__title,
html:not(#ss-type) body.woocommerce-cart .wc-block-cart-items th,
html:not(#ss-type) body.woocommerce-cart .wc-block-grid__product-add-to-cart .wp-block-button__link{font-size:var(--ss-type-label)!important}
html:not(#ss-type) body .ss-product-card__category,
html:not(#ss-type) body .ss-product-card__brand{letter-spacing:.06em!important;line-height:1.3!important}
html:not(#ss-type) body .ss-product-card__pix-off-label{letter-spacing:.04em!important;line-height:1.3!important}
html:not(#ss-type) body .ss-home-benefit-icon,
html:not(#ss-type) body .ss-policy-card__status{letter-spacing:var(--ss-track-label)!important}

/* ---------- Caption (13px) ---------- */
html:not(#ss-type) body .ss-product-card__pix-price small,
html:not(#ss-type) body .ss-product-card__card-price,
html:not(#ss-type) body .ss-product-card__card-price>span,
html:not(#ss-type) body .ss-product-card__installments,
html:not(#ss-type) body .ss-product-card__regular,
html:not(#ss-type) body .ss-product-card__pix,
html:not(#ss-type) body .ss-product-card__pix strong,
html:not(#ss-type) body .ss-product-card__desc,
html:not(#ss-type) body .ss-rating-count,
html:not(#ss-type) body .ss-stars,
html:not(#ss-type) body .ss-footer__bottom,
html:not(#ss-type) body .ss-footer__legal-business,
html:not(#ss-type) body .ss-footer-age-notice,
html:not(#ss-type) body .ss-breadcrumb,
html:not(#ss-type) body .ss-subpage-breadcrumb,
html:not(#ss-type) body .ss-home-category p,
html:not(#ss-type) body .ss-home-category__copy p,
html:not(#ss-type) body .ss-home-benefits p,
html:not(#ss-type) body .ss-info-grid p,
html:not(#ss-type) body .ss-policy-card>a,
html:not(#ss-type) body .ss-policy-card__pending,
html:not(#ss-type) body .ss-contact-channel-pending,
html:not(#ss-type) body .ss-favorites-order,
html:not(#ss-type) body .ss-subpage-hero__art,
html:not(#ss-type) body.single-product .ss-product-assurance__item small,
html:not(#ss-type) body.single-product .ss-product-page .summary .product_meta,
html:not(#ss-type) body.single-product .ss-product-price-panel__from,
html:not(#ss-type) body.single-product .ss-product-price-panel__regular,
html:not(#ss-type) body.woocommerce-checkout .woocommerce-order-overview li,
html:not(#ss-type) body .ss-checkout-footer__age span,
html:not(#ss-type) body.woocommerce-cart .ss-cart-trust__item small,
html:not(#ss-type) body.home .ss-home-instagram-grid a:before,
html:not(#ss-type) #ss-cart-drawer .ss-panel-progress small,
html:not(#ss-type) #ss-cart-drawer .ss-panel-recommend-price del,
html:not(#ss-type) #ss-cart-drawer .ss-panel-choose,
html:not(#ss-type) #ss-cart-drawer .ss-panel-form label,
html:not(#ss-type) #ss-cart-drawer .ss-panel-form--shipping label,
html:not(#ss-type) #ss-cart-drawer .ss-panel-rates legend,
html:not(#ss-type) #ss-cart-drawer .ss-panel-note{font-size:var(--ss-type-caption)!important}
html:not(#ss-type) body .ss-product-card__card-price,
html:not(#ss-type) body .ss-product-card__installments{line-height:1.4!important}
html:not(#ss-type) body .ss-product-card__pix-price small{line-height:1.2!important}
/* secondary text on dark: one step lighter than #666/#707070 so 13px stays legible */
html:not(#ss-type) body .ss-product-card__card-price,
html:not(#ss-type) body .ss-product-card__installments{color:#a3a3a3}
html:not(#ss-type) body .ss-product-card__regular,
html:not(#ss-type) body .ss-rating-count{color:#8f8f8f!important}

/* ---------- UI (14px) ---------- */
html:not(#ss-type) body .ss-nav-list a,
html:not(#ss-type) body .ss-footer__column a,
html:not(#ss-type) body .ss-home-benefits h3,
html:not(#ss-type) body.home .ss-home-benefits--featured .ss-home-benefit h3,
html:not(#ss-type) #ss-cart-drawer .ss-panel-recommend h3{font-size:var(--ss-type-ui)!important}
html:not(#ss-type) body.home .ss-home-benefits--featured .ss-home-benefit p.ss-benefit-description-mobile{font-size:var(--ss-type-caption)!important}

/* ---------- Numbers that compare or change ---------- */
html:not(#ss-type) body :is(.ss-product-card__card-price,.ss-product-card__installments,.ss-product-card__regular,.ss-product-price-panel,#ss-cart-drawer .ss-panel-totals,#ss-cart-drawer .ss-panel-item){font-variant-numeric:tabular-nums}

/* ---------- Copy is stored in natural case; presentation is CSS ---------- */
html:not(#ss-type) body .ss-home-section-head .ss-home-text-link,
html:not(#ss-type) body .ss-home-instagram-link,
html:not(#ss-type) body .ss-home-text-link--offers{text-transform:uppercase}

/* ---------- Underlines from the font ---------- */
html:not(#ss-type) body :is(.ss-home-text-link,.ss-cart-page-continue__label,.ss-footer__column a,.ss-breadcrumb a){
  text-underline-position:from-font;text-decoration-skip-ink:auto;
}