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

html {
  interpolate-size: allow-keywords;
}

body.bricks-is-frontend {
  & :focus {
    outline: none;
  }

  & :focus-visible {
    outline: .1em dotted currentcolor;
    outline-offset: calc(.75em/8);
  }

  & button:focus-visible {
    outline: .1em dotted var(--base);
  }
}

a:not(.brxe-button, .actus-archive__item a, .actus__item a,.infos__service a,.menu-item a, footer a, .footer-contact__content a) {
  --underline-thickness: .01em;
  transition: text-decoration-thickness 100ms ease-out;
  text-decoration: underline;
  text-decoration-thickness: var(--underline-thickness);
  text-decoration-skip-ink: auto;
  text-underline-offset: .2em;
  text-decoration-color: hsl(from var(--base) h s l / 80%);
}

a:not(:is(.brxe-button, .actus-archive__item a, .actus__item a,.menu-item a,.infos__service a)):hover {
  --underline-thickness: .2em;
  text-decoration: underline;
  text-decoration-thickness: var(--underline-thickness);
  text-decoration-skip-ink: auto;
  text-underline-offset: .2em;
}