/* Mockup fixes shared by every page (header and footer come from the live site's Elementor templates). */

/* The left "Prendre rendez-vous" copy follows the logo, so Elementor now gives the logo its 20px widget
   spacing (".elementor-widget:not(:last-child)"). Remove it so the header keeps its original height,
   also on tablet and phone where that button is hidden. */
.elementor-location-header .elementor-widget.elementor-element-6233d814{margin-block-end:0}

/* Headings: balance multi-line titles so no word is left alone ("PRENEZ RENDEZ- / VOUS", "LA PAROLE À NOS / PATIENTS") */
.elementor-heading-title{text-wrap:balance}

/* The reCAPTCHA key only works on herold-optic.fr: the mockup showed an error box or an empty gap instead */
.elementor-field-type-recaptcha,.elementor-field-type-recaptcha_v3{display:none}

/* Top bar on tablets: with the audition email the contact line wraps; give the second line some room */
@media (max-width:1024px){
.elementor-location-header .elementor-element-4f2be28 .elementor-icon-list-items{row-gap:10px}
}

/* "Audition" in the vertical menus (phone/tablet dropdown, footer): the ear hangs left of the label,
   so "Audition" lines up with the other items and its row keeps the same height */
.elementor-nav-menu--dropdown .mockup-ear-teal,.elementor-location-footer .mockup-ear-teal{margin:-.25em 0 -.25em calc(-1.7em - 8px)}

/* Footer copyright: on phones the text wraps and its 1em line height made the lines almost touch */
@media (max-width:767px){
body .elementor-13 .elementor-element.elementor-element-5f35b10{line-height:1.5;text-wrap:balance}
}

/* Contact pages: on tablets the map section had 5% padding on the right only (flush left, short on the right),
   and below desktop a top margin in % of the width that left ~200px of white under the form */
@media (max-width:1024px){
body .elementor-59 .elementor-element.elementor-element-47cd7824{margin-top:40px;padding-left:5%;padding-right:5%}
}