@charset "UTF-8";
/* /var/www/authelia-theme/riegert.css — habillage riegert.net de la page Authelia (keycloak.riegert.net)
   Injecté par nginx (sub_filter avant </head>), donc chargé APRÈS la feuille d'Authelia : à spécificité
   égale, ces variables l'emportent. Authelia 4.39 = Tailwind + variables façon shadcn (--primary…),
   posées sur <html data-theme="light|dark|grey|oled">. Couleurs : src/_sass/riegertnet/_variables.scss
   du site (thème sombre : celui des pages .produit). */

@font-face {
  font-family: 'Roboto';
  src: url('/riegert-theme/Roboto-Variable.woff2') format('woff2');
  font-weight: 100 900;
  font-stretch: 75% 100%;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto Condensed';
  src: url('/riegert-theme/Roboto-Variable.woff2') format('woff2');
  font-weight: 100 900;
  font-stretch: 75%;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-sans: 'Roboto', system-ui, sans-serif;
}

[data-theme=light] {
  --background: #f5f5f5;
  --foreground: #3d3734;
  --card: #fff;
  --card-foreground: #3d3734;
  --popover: #fff;
  --popover-foreground: #3d3734;
  --primary: #00b0d9;
  --primary-foreground: #fff;
  --secondary: #574f4a;
  --secondary-foreground: #fff;
  --muted: #efefef;
  --muted-foreground: #574f4a;
  --accent: #cdf6ff;
  --accent-foreground: #006177;
  --destructive: #ff1c4c;
  --border: #bbb;
  --input: #bbb;
  --ring: #00b0d9;
  --radius: .25rem;
  --custom-icon: #00b0d9;
  --custom-loading-bar: #00b0d9;
}

[data-theme=dark], [data-theme=grey], [data-theme=oled] {
  --background: #15181d;
  --foreground: #d9dee4;
  --card: #0b0d10;
  --card-foreground: #d9dee4;
  --popover: #0b0d10;
  --popover-foreground: #d9dee4;
  --primary: #00b0d9;
  --primary-foreground: #0b0d10;
  --secondary: #574f4a;
  --secondary-foreground: #fff;
  --muted: #2a2f36;
  --muted-foreground: #9aa3ad;
  --accent: #2a2f36;
  --accent-foreground: #7fdcf2;
  --destructive: #ff1c4c;
  --border: #2a2f36;
  --input: #2a2f36;
  --ring: #00b0d9;
  --radius: .25rem;
  --custom-icon: #7fdcf2;
  --custom-loading-bar: #00b0d9;
}

body {
  font-family: var(--font-sans);
}

/* Bouton de validation en gras, comme .btn du site */
button[type=submit] {
  font-weight: 700;
}

/* Titres en Roboto légère, comme h1 du site */
h1, h2, h3, h4, h5, h6 {
  font-weight: 300;
}

/* .entete du site (header + .sous-titre, _layout.scss), sans bouton menu ni recherche, à la place du logo.
   Le conteneur du logo a la largeur du formulaire. Point d'accroche : l'<img alt="Logo"> qu'Authelia
   affiche quand asset_path fournit un logo.png (sinon c'est une icône SVG, et cette règle ne prend pas).
   Dimensions du site (html à 62,5 %) converties pour une racine à 16 px. */
div:has(> img[alt="Logo"]) {
  display: grid;
  grid-template-rows: 3.125rem 1.5625rem;
  padding: 0 !important;
  margin-block-end: 1.5rem;
}

img[alt="Logo"] {
  display: none !important;
}

div:has(> img[alt="Logo"])::before {
  content: "riegert.net";
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: 1.5rem;
  background-color: #00b0d9;
  border-radius: .25rem .25rem 0 0;
  color: #cdf6ff;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1;
}

div:has(> img[alt="Logo"])::after {
  content: "Informatique libre & Énergie";
  display: flex;
  align-items: center;
  padding-inline-start: 1.5rem;
  background-color: #574f4a;
  color: #fff;
  font-family: 'Roboto Condensed', system-ui, sans-serif;
  font-stretch: 75%;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
  /* filets dégressifs du site : 3 px, 2 px, 1 px */
  box-shadow:
    0 1px 0 0 var(--background),
    0 4px 0 0 #574f4a,
    0 5px 0 0 var(--background),
    0 7px 0 0 #574f4a,
    0 9px 0 0 var(--background),
    0 10px 0 0 #574f4a;
}

/* « Propulsé par Authelia » : le lien est construit en JS (URL en base64), pas d'option pour le retirer.
   On masque tout le pied de page qui le contient (il ne porte sinon que le lien de politique
   de confidentialité, non configuré ici). */
div:has(> a[href*="authelia.com"]),
a[href*="authelia.com"] {
  display: none !important;
}