/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
/* Tush Toners typography: rules for inline markup that no Bricks control expresses. */
.tt-trademark {
  font-size: 0.45em;
  vertical-align: top;
  line-height: 1;
}
.tt-kicker-trademark {
  font-size: 0.6em;
  vertical-align: top;
  line-height: 1;
}
.tt-nowrap {
  white-space: nowrap;
}
@media (max-width: 1100px) {
  .tt-nowrap { white-space: normal; }
}


/* Woo block product grid (empty cart, checkout): its -8px side margin caused horizontal scroll on phones */
.wc-block-grid__products {
  margin-inline: 0;
}

/* Tush Toners Woo pages (cart, checkout, account): WooCommerce renders these
   buttons, fields and headings itself, so no Bricks control reaches them.
   Same tokens as the product page Add to cart (.tt-sp-cart). */
.tt-woo-content .wc-block-components-button:not(.is-link),
.tt-woo-content .wp-block-button__link,
.tt-woo-content .button {
  min-height: 5.6rem;
  padding: var(--at-space--s) var(--at-space--l);
  border: 1px solid var(--at-primary-l-1);
  border-radius: var(--at-radius--s);
  background: var(--at-primary-l-1);
  color: var(--at-white);
  font-family: inherit;
  font-size: var(--at-text--xs);
  font-weight: 600;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  line-height: 1.2;
  text-decoration: none;
  transition: background var(--at-timing--s), border-color var(--at-timing--s);
}
.tt-woo-content .wc-block-components-button:not(.is-link):hover,
.tt-woo-content .wp-block-button__link:hover,
.tt-woo-content .button:hover {
  background: var(--at-primary);
  border-color: var(--at-primary);
  color: var(--at-white);
}
.tt-woo-content .wc-block-grid__product-add-to-cart .wp-block-button__link {
  min-height: 4.4rem;
  padding: var(--at-space--xs) var(--at-space--m);
}
.tt-woo-content h2 {
  font-size: var(--at-heading--m);
  font-weight: 400;
  letter-spacing: -0.01em;
  color: var(--at-secondary);
}
.tt-woo-content .wc-block-components-text-input input,
.tt-woo-content .wc-blocks-components-select__select,
.tt-woo-content .wc-block-components-textarea,
.tt-woo-content .woocommerce-Input,
.tt-woo-content .input-text {
  border: 1px solid var(--at-neutral-l-3);
  border-radius: var(--at-radius--s);
  background: var(--at-white);
}
.tt-woo-content .wc-block-cart__empty-cart__title.with-empty-cart-icon::before {
  background-color: var(--at-neutral-l-3);
}
.tt-woo-content a:not(.wp-block-button__link):not(.button):not(.wc-block-components-button) {
  color: var(--at-primary);
}