/* ClimaFlora — correctif frontend du 08/10/2026. */
.public-header{overflow:visible!important}
.public-nav{align-items:center!important}
/* Make the Understand trigger identical in height, font weight, and vertical alignment to adjacent nav links. */
.public-nav>.cf-understand-menu{position:relative;z-index:72;flex:0 0 auto;display:flex;align-items:center;align-self:center;margin:0;padding:0;border:0;font-weight:400;color:inherit}
.public-nav>.cf-understand-menu>summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;box-sizing:border-box;margin:0;padding:7px 10px;border:0;border-radius:8px;cursor:pointer;color:inherit;font-family:inherit;font-size:14px;font-weight:400!important;line-height:1.55;white-space:nowrap}
.public-nav .cf-understand-menu>summary::-webkit-details-marker{display:none}
.public-nav .cf-understand-menu>summary::after{content:'⌄';font-size:13px;line-height:1;transition:transform .15s}
.public-nav .cf-understand-menu[open]>summary::after{transform:rotate(180deg)}
.public-nav .cf-understand-menu>summary:hover,.public-nav .cf-understand-menu[open]>summary{background:#f2f6f0;color:#275939}
.public-nav .cf-understand-dropdown{position:absolute;z-index:150;top:calc(100% + 5px);left:0;min-width:208px;padding:7px;background:#fff!important;border:1px solid #dae5db;border-radius:12px;box-shadow:0 12px 30px rgba(20,48,27,.18);display:grid;gap:2px}
.public-nav .cf-understand-dropdown>a{display:flex!important;align-items:center;min-height:37px;padding:8px 11px!important;border-radius:7px!important;background:#fff;color:#294638!important;text-align:left;text-decoration:none;white-space:nowrap;font-size:13px!important}
.public-nav .cf-understand-dropdown>a:hover,.public-nav .cf-understand-dropdown>a.active{background:#edf5ee!important;color:#245b35!important}
.public-nav .cf-language-switcher{align-self:center!important;vertical-align:middle;place-self:center;overflow:visible}
.public-nav .cf-language-switcher button:not(.active){border:1px solid #dce5df!important;border-radius:8px!important;background:#fff!important;box-shadow:0 6px 18px rgba(25,51,33,.15)!important}
.public-nav .cf-language-switcher.is-open button:not(.active),.public-nav .cf-language-switcher:hover button:not(.active){background:#fff!important}
.public-nav .cf-language-switcher button:not(.active):hover{background:#f3f8f3!important}
/* Desktop results: three cards, broader filters, sidebar tucked under the header. */
@media(min-width:1251px){
  body[data-cf-style~="main"] .results-section{grid-template-columns:clamp(275px,calc(230px + (100vw - 320px)/10),410px) minmax(0,1fr)!important}
  body[data-cf-style~="main"] .plant-list,body[data-cf-style~="main"] .genus-cards,body[data-cf-style~="main"] .results-grid-host.plant-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(min-width:861px){
 body[data-cf-style~="main"] .results-section .filters-panel{top:5px!important;max-height:calc(100vh - 10px)!important}
}
@media(min-width:761px) and (max-width:1250px){
 body[data-cf-style~="main"] .genus-cards,body[data-cf-style~="main"] .plant-list,body[data-cf-style~="main"] .results-grid-host.plant-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
body[data-cf-style~="main"] .filters-mobile-toggle{display:none}
body[data-cf-style~="ui"] .filters-panel .active-filter-zone{display:block!important;padding:0!important;border:0!important;overflow:visible}
body[data-cf-style~="ui"] .filters-panel .active-filter-zone>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:9px;padding:9px 0!important;cursor:pointer;border-bottom:1px solid #e3eae4;font-size:12px!important}
body[data-cf-style~="ui"] .filters-panel .active-filter-zone>summary::-webkit-details-marker{display:none}
body[data-cf-style~="ui"] .filters-panel .active-filter-zone>summary::after{content:'⌄';transition:transform .15s}
body[data-cf-style~="ui"] .filters-panel .active-filter-zone[open]>summary::after{transform:rotate(180deg)}
body[data-cf-style~="ui"] .filters-panel .active-filter-chips{padding:9px 0 5px}
/* Alerts only tint results when a documented risk is found; climate scores remain unaffected. */
body[data-cf-style~="main"] .results-section .plant-card.has-documented-risk{background:#fff9ec!important;border-color:#ead4a9!important}
body[data-cf-style~="main"] .results-section .plant-card.has-documented-risk[data-risk-tone="danger"]{background:#fff3f1!important;border-color:#e2b6b0!important}
body[data-cf-style~="main"] .results-section .plant-card.has-documented-risk .plant-top{background:transparent!important}
/* Latin name and taxon form aligned in the drawer. */
body[data-cf-style~="ui"] .cfp3-scientific-row{display:flex;align-items:baseline;justify-content:space-between;gap:7px;flex-wrap:wrap;margin-top:5px}
body[data-cf-style~="ui"] .cfp3-scientific-row .plant-name{flex:1 1 auto;min-width:0;margin:0}
body[data-cf-style~="ui"] .cfp3-life-form{display:inline-block;flex:0 0 auto;font-size:10px;line-height:1.4;font-weight:700;color:#2a6241;background:#eaf3eb;padding:3px 7px;border-radius:7px;max-width:100%;text-align:right}
body[data-cf-style~="ui"] .cfp3-native-origin{margin-top:5px;color:#52665a;font-size:11px;line-height:1.4}
body[data-cf-style~="ui"] .cfp3-safety-item-head>div,body[data-cf-style~="ui"] .cfp3-alert-subsection-head>small{display:none!important}
/* Account cards */
body[data-cf-style~="auth"] .auth-subscription-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body[data-cf-style~="auth"] .auth-subscription-services [hidden]{display:none!important}
body[data-cf-style~="auth"] .auth-service-tile{padding:15px;border:1px solid #dce6de;border-radius:13px;background:#f9fbf8;display:flex;flex-direction:column;align-items:start;gap:9px;min-width:0}
body[data-cf-style~="auth"] .auth-service-tile h3{margin:0;color:#294736;font-size:16px}
body[data-cf-style~="auth"] .auth-service-tile p{margin:0;color:#647367;font-size:12px;line-height:1.5}
body[data-cf-style~="auth"] .auth-service-tile a,body[data-cf-style~="auth"] .auth-service-tile button{font:inherit;font-size:12px;font-weight:750;line-height:1.3;text-decoration:none;color:#205b38;background:#fff;border:1px solid #b9d2bf;border-radius:8px;padding:9px 11px;cursor:pointer;margin-top:auto;min-height:37px}
@media(max-width:860px){
 body[data-cf-style~="main"] .results-section{grid-template-columns:minmax(0,1fr)!important}
 body[data-cf-style~="main"] .filters-mobile-toggle{display:flex!important;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:10px 14px;background:#f1f7f1;color:#285b3b;border:1px solid #cddfce;border-radius:10px;font:inherit;font-weight:750;cursor:pointer;grid-column:1/-1;width:100%;text-align:left}
 body[data-cf-style~="main"] .filters-mobile-toggle span{transition:transform .2s}
 body[data-cf-style~="main"] .filters-mobile-toggle[aria-expanded="true"] span{transform:rotate(180deg)}
 body[data-cf-style~="main"] .results-section .filters-panel:not(.is-mobile-open){display:none!important}
 body[data-cf-style~="main"] .results-section .filters-panel.is-mobile-open{display:flex!important;position:relative!important;top:auto!important;max-height:min(78vh,660px)!important;overflow:hidden!important;grid-column:1/-1}
 body[data-cf-style~="main"] .results-section .filters-panel .filters-scroll-zone{max-height:none!important;overflow-y:auto!important}
}
@media(max-width:760px){
 .public-nav .cf-understand-menu{width:100%;z-index:75}
 .public-nav .cf-understand-menu>summary{width:100%;min-height:42px;box-sizing:border-box;padding:8px 10px}
 .public-nav .cf-understand-dropdown{position:static;top:auto;min-width:0;width:100%;box-sizing:border-box;box-shadow:none;margin:3px 0 5px;border-radius:8px}
 .public-nav .cf-language-switcher{width:40px!important;min-width:40px!important;align-self:flex-start!important;place-self:start;order:20}
 .public-nav .cf-language-switcher button{width:34px!important;min-width:34px!important;padding:0!important}
 body[data-cf-style~="main"] .genus-cards,body[data-cf-style~="main"] .plant-list,body[data-cf-style~="main"] .results-grid-host.plant-list{grid-template-columns:minmax(0,1fr)!important}
 body[data-cf-style~="auth"] .auth-subscription-services{grid-template-columns:1fr}
}

/* SEO pages reuse the same collapsible mobile header. */
.cf-seo-public-header .public-menu-toggle{display:none;width:42px;height:42px;padding:9px;border:1px solid #dce5df;border-radius:10px;background:#fff;cursor:pointer;flex-direction:column;justify-content:center;gap:5px}
.cf-seo-public-header .public-menu-toggle span{display:block;width:100%;height:2px;background:#264636;border-radius:3px}
@media(max-width:760px){
 .cf-seo-public-header{display:flex;flex-wrap:wrap;align-items:center!important;gap:8px}
 .cf-seo-public-header .public-menu-toggle{display:flex;margin-left:auto}
 .cf-seo-public-header .public-nav{display:none!important;flex:1 0 100%;width:100%;flex-direction:column;align-items:stretch!important;background:#fff;padding:8px 0;border-top:1px solid #e1e8e3}
 .cf-seo-public-header.cf-mobile-menu-open .public-nav{display:flex!important}
 .cf-seo-public-header .public-nav>.cf-understand-menu,.cf-seo-public-header .public-nav>a{display:block;width:100%;box-sizing:border-box}
 .cf-seo-public-header .public-nav .cf-understand-menu>summary{padding:10px}
}

/* Side-by-side partner cards only while free nursery listing is offered. */
body[data-cf-style~="partner"] .cf-partner-public-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
body[data-cf-style~="partner"] .cf-partner-public-columns>.cf-partner-login,
body[data-cf-style~="partner"] .cf-partner-public-columns>.cf-partner-pricing-public{width:100%;max-width:none;min-width:0;margin:0;box-sizing:border-box}
body[data-cf-style~="partner"] .cf-partner-public-columns>.cf-partner-login{padding:28px 22px}
body[data-cf-style~="partner"] .cf-partner-public-columns .cf-partner-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1040px){
 body[data-cf-style~="partner"] .cf-partner-public-columns{grid-template-columns:minmax(0,1fr)}
 body[data-cf-style~="partner"] .cf-partner-public-columns>.cf-partner-login{max-width:720px;margin:0 auto}
 body[data-cf-style~="partner"] .cf-partner-public-columns .cf-partner-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 body[data-cf-style~="partner"] .cf-partner-public-columns>.cf-partner-login{padding:24px 16px}
 body[data-cf-style~="partner"] .cf-partner-public-columns .cf-partner-pricing-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:760px){
 /* Dropdown becomes a vertical stack inside the mobile navigation. */
 .public-nav>.cf-understand-menu{display:block;width:100%;align-self:stretch}
 .public-nav>.cf-understand-menu>summary{width:100%;justify-content:flex-start;min-height:42px;font-size:13px;padding:8px 10px}
}
