/*
 * Le papier du site : un beige pâle, le même partout, à la place du blanc,
 * fond comme textes. La couleur vient d'avavera-fond.php (--avavera-fond),
 * qui remplace déjà tout blanc écrit dans la page. Ici, ce que les fichiers
 * CSS chargés à part (Astra, Fluent Forms) peignent en blanc, et les rendus
 * à fond blanc. La maquette 3D reçoit la couleur à part, par l'adresse de son
 * iframe (fond et panneaux).
 */

/* Ce qui dépasse du contenu (élastique au bout de la page). */
html {
  background-color: var(--avavera-fond);
}

/* Le sous-menu « Produkte », blanc dans la feuille d'Astra, sur écran large
   comme au point de rupture mobile. */
html .ast-desktop .main-header-menu .sub-menu,
html .ast-header-break-point .main-header-menu .sub-menu {
  background: var(--avavera-fond);
}

/* Les champs de Fluent Forms (le formulaire de connexion de l'espace membre
   suit par membres.css) : blancs dans sa feuille. Le liseré gris reste, pour
   qu'on voie le champ. Son bouton d'envoi écrit son texte en blanc. */
body .ff-default .ff-el-form-control,
body .ff-default .ff-el-form-control:focus {
  background-color: var(--avavera-fond);
}
body .ff-default .ff-btn-submit {
  color: var(--avavera-fond);
}

/* Les rendus à fond blanc : les profils des pages produit (blocs image
   Stackable 8ff26cf INTEGRA et 4068b1f ADAPT) et la façade de Brandschutz
   (bloc image standard dans la colonne ece6e0b). Multiplier l'image par le
   fond de son cadre rend le blanc beige et laisse les ombres, sans
   retoucher les fichiers ni changer d'image dans quatre langues ; sur ce
   beige pâle, le reste de l'image s'assombrit de 2 à 6 %, invisible. Le
   fond est posé sur le cadre de l'image, pas sur la page : le bloc isole
   l'image de ce qu'il y a derrière lui. */
.stk-8ff26cf .stk-img-wrapper,
.stk-4068b1f .stk-img-wrapper,
.stk-ece6e0b .wp-block-image {
  background-color: var(--avavera-fond);
}
.stk-8ff26cf img,
.stk-4068b1f img,
.stk-ece6e0b .wp-block-image img {
  mix-blend-mode: multiply;
}

/* Les logos des partenaires, même traitement : les seuls blocs image du
   contenu de la page Partner (la photo d'en-tête est un fond de bloc, et le
   logo AVAVERA du pied de page, hors de #content, n'est pas concerné : sur
   le bleu nuit, il deviendrait un rectangle beige). Leurs blocs ont un
   identifiant différent dans chaque langue, d'où la page plutôt que le
   bloc : 255 de, 560 en, 495 fr, 500 nl. */
:is(.page-id-255, .page-id-560, .page-id-495, .page-id-500) #content .stk-block-image .stk-img-wrapper {
  background-color: var(--avavera-fond);
}
:is(.page-id-255, .page-id-560, .page-id-495, .page-id-500) #content .stk-block-image img {
  mix-blend-mode: multiply;
}