/*
Theme Name: fhema
Theme URI: https://github.com/coopTilleuls/fhema
Template: kirana
Author: Les-Tilleuls.coop
Author URI: https://les-tilleuls.coop
Description: Thème enfant de Kirana pour le site fhema.
Version: 0.15.1
Requires at least: 7.0
Requires PHP: 8.3
License: Proprietary
Text Domain: fhema
*/

:root {
  --fhema-color-brand: #32b7bb;
  --fhema-color-brand-light: #d9f2f3;
  --fhema-color-text: #000000;
  --fhema-color-muted: #4a5560;
  --fhema-color-border: #d9e4e5;
  --fhema-color-surface: #f7fbfb;
  --fhema-color-green: #166931;
  --fhema-color-pink: #f5bcd6;
  --fhema-color-orange: #e14313;
  --fhema-color-lime: #d1d51a;
  --wp--preset--font-family--lexend: var(--wp--preset--font-family--poppins);
  --wp--preset--font-family--alumni-sans: var(--wp--preset--font-family--sansation);
  --wp--preset--font-family--system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

body {
  color: var(--fhema-color-muted);
  font-family: "Poppins", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.wp-block-heading {
  color: var(--fhema-color-text);
  font-family: "Sansation", "Poppins", sans-serif;
}

a {
  text-underline-offset: 0.18em;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
.wp-element-button:focus-visible {
  outline: 3px solid var(--fhema-color-text);
  outline-offset: 3px;
  box-shadow: 0 0 0 6px #ffffff;
}

a:hover,
.wp-block-navigation-item__content:hover {
  color: var(--fhema-color-brand);
}

.fhema-site-logo img {
  display: block;
  height: auto;
  max-height: 64px;
  max-width: min(360px, 72vw);
  width: 300px;
}

.fhema-site-logo-mobile {
  display: flex;
  justify-content: center;
}

.fhema-site-logo-mobile img {
  max-height: 52px;
  max-width: 82vw;
  width: 280px;
}

.fhema-footer-logo img {
  height: auto;
  max-width: 280px;
  width: 240px;
}

.has-primary-background-color {
  color: var(--fhema-color-text);
}

.has-primary-background-color a,
.has-primary-background-color p,
.has-primary-background-color .wp-block-social-link-anchor {
  color: var(--fhema-color-text);
}

.fhema-primary-icon img {
  filter: brightness(0);
}

@media (max-width: 781px) {
  .fhema-site-logo img,
  .fhema-footer-logo img {
    margin-right: auto;
    margin-left: auto;
  }
}

@media (max-width: 767px) {
  .wp-block-group.fhema-footer-services {
    flex-direction: column;
    align-items: flex-start;
    width: fit-content;
    margin-right: auto;
    margin-left: auto;
  }
}