/*
 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
*/

body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

::-moz-selection { 
background: var(--at-black);
color: var(--at-white);
}
::selection { 
background: var(--at-black);
color: var(--at-white);
}

/* Colors */
.color-primary { color: var(--at-primary); }
.color-secondary { color: var(--at-secondary); }
.color-tertiary { color: var(--at-secondary); }
.color-dark { color: var(--at-dark); }
.color-neutral { color: var(--at-neutral); }
.color-black { color: var(--at-black); }
.color-white { color: var(--at-white); }

/* Active menu item */
a[aria-current="page"] {
  background-color: var(--at-black);
  color: var(--at-white);
}

/* Quantity buttons styling  */
.quantity input[type="number"] {
  height: 50px;
  border-radius: 0 !important;
  border-color: var(--at-black);
}
.quantity span.minus {
  border-right: 0 !important;
  border-radius: 1.5rem 0 0 1.5rem !important;
  border-color: var(--at-black);
}
.quantity span.plus {
  border-left: 0 !important;
  border-radius: 0 1.5rem 1.5rem 0 !important;
  border-color: var(--at-black);
}

/* Gutenberg content styles */
h4.wp-block-heading {
  font-size: var(--at-heading--s);
  margin-bottom: 1em;
}
h3.wp-block-heading {
  font-size: var(--at-heading--m);
  margin-bottom: 1em;
}
h2.wp-block-heading {
  font-size: var(--at-heading--l);
  margin-bottom: 1em;
}
ul.wp-block-list { margin-top: 0;}