/*
 Theme Name:   Sharpdecade Theme
 Description:  Bricks theme extension by #decade.
 Author:       Athanasios Grivas
 Author URI:   https://sharpdeca.de/
 Template:     bricks
 Version:      1.0
 Text Domain:  bricks
*/

/**
 * CONTENTS
 *
 * SETTINGS
 * Global...............Globally-available variables and config.
 *
 * TOOLS
 * Mixins...............Useful mixins.
 *
 * GENERIC
 * Normalize.css........A level playing field.
 * Box-sizing...........Better default 'box-sizing'.
 *
 * BASE
 * Headings.............H1-H6 styles.
 *
 * OBJECTS
 * Wrappers.............Wrapping and constraining elements.
 *
 * COMPONENTS
 * Page-head............The main page header.
 * Page-foot............The main page footer.
 * Buttons..............Button elements.
 *
 * TRUMPS
 * Text.................Text helpers.
 */





/*------------------------------------*
  #SETTINGS
*------------------------------------*/





/*------------------------------------*
  #TOOLS
*------------------------------------*/





/*------------------------------------*
  #GENERIC
*------------------------------------*/

/**
 * a. Use a more-intuitive box-sizing model.
 */
:where(*, *::before, *::after) {
  box-sizing: border-box;
}

/**
 * b.  Remove default margin in favour of better control in authored CSS
 */
:where(body, h1, h2, h3, h4, p,
figure, blockquote, dl, dd) {
  margin-block-end: 0;
}

/**
 * c.  Allow percentage-based heights in the application
 * c1. Prevent font size inflation
 * c2. Support hanging punctuation
 */
:where(html, body) {
  height: 100%;
}
:where(html) {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  hanging-punctuation: first last;
}

/**
 * Typographic tweaks!
 * d.  Add accessible line-height
 * d1. Set body min-height default
 * e.  Improve text rendering
 */
:where(body) {
  line-height: 1.5;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
}

@supports (min-height: 100svh) {
  :where(body) {
    min-height: 100svh;
  }
}

/**
 * f. Improve media defaults
 */
:where(img, picture, video, canvas, svg) {
  display: block;
  max-width: 100%;
}

/**
 * g. Remove built-in form typography styles
 */
:where(input, button, textarea, select) {
  font: inherit;
}

/**
 * h. Avoid text overflows
 */
:where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word;
}

/**
 * i.Image defaults, as shared by Harry Roberts
 *   Harry's Tweet: https://twitter.com/csswizardry/status/1717841334462005661
 */
 :where(img) {
	/* max-width: 100%; */
	height: auto;
	vertical-align: middle;
	font-style: italic;
	/* background-repeat: no-repeat;
	background-size: cover; */
	shape-margin: 0.75rem;
}

/**
 * j. Set shorter line heights on headings and interactive elements
 */
:where(h1, h2, h3, h4,
button, input, label) {
  line-height: 1.1;
}

/**
 * k. Balance text wrapping on headings
 */
:where(h1, h2, h3, h4) {
  text-wrap: balance;
}

/**
 * l. Make sure textareas without a rows attribute are not tiny
 */
:where(textarea:not([rows])) {
  min-height: 10em;
}

/**
 * m. Anything that has been anchored to should have extra scroll margin
 */
:where(:target) {
  scroll-margin-block: 5ex;
}

/**
 * n. A elements that don't have a class get default styles
 */
:where(a:not([class])) {
  text-decoration-skip-ink: auto;
  color: currentColor;
}

/**
 * o. Max number of characters in a paragraph
 */
/* :where(p) {
  max-width: 65ch;
  text-wrap: pretty;
} */

/**
 * p. Removing animation for accessibilty
 */
/* @media (prefers-reduced-motion) {
  *,
  *::before,
  *::after {
    transition: none !important;
    animation: none !important;
  }
} */





/*------------------------------------*
  #BASE
*------------------------------------*/





/*------------------------------------*
  #OBJECTS
*------------------------------------*/





/*------------------------------------*
  #COMPONENTS
*------------------------------------*/

#brx-footer {
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}



/*------------------------------------*
  #TRUMPS
*------------------------------------*/