/* ==========================================================================
   Badge « Anjou, la force de la douceur » sur le bord droit du hero.
   (Les gravures de fond, paulownia et séquoia, sont fournies par
   l'extension tourlandry-blocks.)

   Au chargement, un script (functions.php) vérifie que le badge ne recouvre
   aucun texte du hero. Sinon, il reçoit la classe « tl-badge-anjou--range » :
   il quitte sa position flottante et se range sous le contenu, à droite.
   ========================================================================== */

.tl-badge-anjou {
position: absolute;
z-index: 3;
right: 0;
top: 28%;
line-height: 0;
pointer-events: none;
}

.tl-badge-anjou img {
display: block;
width: 130px;
height: auto;
}

@media (max-width: 781px) {
.tl-badge-anjou {
top: auto;
bottom: 38%;
}

.tl-badge-anjou img {
width: 100px;
}
}

/* Rangé : dans le flux du hero, sous le contenu, aligné à droite. */
.tl-badge-anjou.tl-badge-anjou--range {
position: relative;
top: auto;
right: auto;
bottom: auto;
display: flex;
justify-content: flex-end;
width: 100%;
margin: 1rem 0 0;
}

@media (max-width: 781px) {
.tl-badge-anjou.tl-badge-anjou--range img {
width: 84px;
}
}