/* AlgoLodge French UI fixes: shorter labels plus layout adjustments for longer French copy. */
html[lang="fr"] .al-navigation a{overflow-wrap:normal}
html[lang="fr"] .homecmp-copy,html[lang="fr"] .home60-split>div{min-width:0}
html[lang="fr"] .home60-models small{overflow-wrap:anywhere}
html[lang="fr"] .home60-section{overflow-wrap:break-word}
html[lang="fr"] .al-header .al-header-inner{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;column-gap:clamp(10px,1.2vw,18px)!important}
html[lang="fr"] .al-header .al-brand{width:clamp(162px,13vw,198px)!important;min-width:162px!important}
html[lang="fr"] .al-header .al-brand img{object-position:left center!important}
html[lang="fr"] .al-header .al-navigation{justify-content:flex-start!important;gap:clamp(7px,.8vw,14px)!important;margin:0!important}
html[lang="fr"] .al-header .al-navigation>a,html[lang="fr"] .al-header .al-nav-dropdown>a{font-size:12px!important;line-height:1.3!important}
html[lang="fr"] .al-header .al-controls{min-width:110px!important}
html[lang="fr"] .al-nav-dropdown .al-dropdown-menu a{white-space:normal}
html[lang="fr"] #strategy-carousel .carousel-stat{min-width:0;align-items:flex-start!important}
html[lang="fr"] #strategy-carousel .carousel-stat span{white-space:normal!important;line-height:1.22!important;font-size:10px!important}
html[lang="fr"] #strategy-carousel .carousel-stat strong{font-size:clamp(14px,1.12vw,18px)!important}
html[lang="fr"] .carousel-readmore{text-align:center}
html[lang="fr"] .adv-infobar{flex-wrap:wrap;overflow-wrap:anywhere}
html[lang="fr"] .adv-infobar::before{align-self:flex-start}
html[lang="fr"] .adv-alloclabel,html[lang="fr"] .adv-live-results-note{overflow-wrap:anywhere}
html[lang="fr"] .cmp-weight-details summary{align-items:flex-start}
html[lang="fr"] .cmp-weight-footer button{white-space:normal}
html[lang="fr"] .cmp-weight-chevron{font-size:19px;line-height:1}
@media(max-width:1350px){
 html[lang="fr"] .al-header .al-navigation>a,html[lang="fr"] .al-header .al-nav-dropdown>a{font-size:11.5px!important}
 html[lang="fr"] .al-header .al-navigation{gap:clamp(6px,.7vw,11px)!important}
}
@media(max-width:1199px){
 html[lang="fr"] .al-header .al-header-inner{display:flex!important}
}
@media(max-width:720px){
 html[lang="fr"] .homecmp-shell{max-width:100%}
 html[lang="fr"] .hero h1{overflow-wrap:normal}
 html[lang="fr"] .home60-models small{hyphens:auto}
}