.bp-taxonomy-archive {
width: min(100%, 1180px);
margin-inline: auto;
}
.bp-archive-hero h1 {
margin: 0;
max-width: 18ch;
color: #0f172a;
font-size: clamp(1.7rem, 4vw, 3.25rem);
line-height: 0.98;
letter-spacing: -0.03em;
}
.bp-archive-hero--compact {
gap: 8px;
padding: 0.8rem 1rem;
}
.bp-archive-hero--compact h1 {
max-width: 24ch;
font-size: clamp(1.45rem, 3vw, 2.3rem);
line-height: 1.02;
}
.bp-archive-hero--compact .bp-archive-eyebrow {
padding: 0.28rem 0.6rem;
font-size: 0.68rem;
}
.bp-archive-hero--compact .bp-archive-lead {
max-width: 62ch;
font-size: 0.95rem;
line-height: 1.42;
}
.bp-archive-hero--compact .bp-archive-kpis {
gap: 8px;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.bp-archive-hero--compact .bp-archive-kpi {
gap: 2px;
padding: 0.55rem 0.65rem;
border-radius: 14px;
font-size: var(--text-xs);
line-height: 1.32;
}
.bp-archive-hero--compact .bp-archive-kpi strong {
font-size: var(--text-sm);
}
.bp-archive-tools {
display: grid;
gap: 0.95rem;
margin-bottom: 1rem;
}
.bp-archive-context-link {
margin-top: 0.15rem;
padding: 16px 18px;
}
.bp-archive-context-link h2 {
margin: 0 0 6px;
font-size: var(--text-md);
}
.bp-archive-context-link p {
margin: 0;
color: var(--bp-text-secondary);
line-height: 1.55;
}
.bp-archive-context-link a {
color: var(--bp-link);
font-weight: 700;
}
.bp-annuaire-results-region {
display: grid;
gap: 0;
}
.bp-annuaire-results-region > * {
transition: opacity 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease;
}
.bp-annuaire-results-region--loading {
opacity: 0.55;
transition: opacity 0.18s ease;
}
.bp-annuaire-results-region--loading > * {
transform: translateY(6px);
}
.bp-annuaire-results-region--entered > * {
animation: bpAnnuaireResultsEnter 0.24s ease both;
}
@keyframes bpAnnuaireResultsEnter {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.bp-search-results-simple,
.bp-new-lieu-box,
.bp-archive-filters {
padding: 1rem;
border-radius: 16px;
background: var(--bp-white);
border: 1px solid var(--bp-border-ann);
box-shadow: var(--shadow-panel);
}
.bp-archive-filters {
background: linear-gradient(180deg, #edf6ff 0%, #e4f0fb 100%);
border-color: #c7dbef;
}
.bp-search-results-simple {
background: linear-gradient(180deg, #fff7ed 0%, #ffefd9 100%);
border-color: #efcfaa;
}
.bp-new-lieu-box {
background: var(--bp-white);
border-color: var(--bp-border-ann);
}
.bp-new-lieu-box--accordion > summary {
list-style: none;
cursor: pointer;
}
.bp-new-lieu-box--accordion > summary::-webkit-details-marker {
display: none;
}
.bp-new-lieu-box--accordion > summary::marker {
content: "";
}
.bp-new-lieu-box__summary {
display: block;
}
.bp-new-lieu-box__summary .bp-new-lieu-box__head {
position: relative;
padding-right: 38px;
}
.bp-new-lieu-box__summary .bp-new-lieu-box__head::after {
content: "+";
position: absolute;
top: 0;
right: 0;
width: 28px;
height: 28px;
border-radius: 999px;
border: 1px solid var(--bp-border-ann);
background: var(--bp-info-bg);
color: var(--bp-navy);
font-size: 1.15rem;
font-weight: 700;
line-height: 26px;
text-align: center;
}
.bp-new-lieu-box--accordion[open] .bp-new-lieu-box__summary .bp-new-lieu-box__head::after {
content: "–";
}
.bp-new-lieu-box__panel {
display: grid;
gap: 12px;
margin-top: 10px;
}
.bp-search-box.bp-box {
margin: 0;
}
.bp-archive-results-head,
.bp-archive-results-head.bp-box {
display: grid;
gap: 8px;
padding: 1.15rem 1.2rem;
border-radius: 16px;
margin: 1.25rem 0 1.5rem;
background: var(--bp-white);
border-color: var(--bp-border-ann);
box-shadow: var(--shadow-panel);
}
.bp-archive-results-head > div {
display: grid;
gap: 6px;
}
.bp-search-box__head,
.bp-new-lieu-box__head {
display: grid;
gap: 6px;
}
.bp-search-box__lead,
.bp-new-lieu-box__lead,
.bp-search-results-simple__note,
.bp-archive-results-copy {
margin: 0;
color: var(--bp-text-muted);
font-size: 0.98rem;
line-height: 1.45;
}
.bp-search-box__lead {
max-width: 60ch;
}
.bp-new-lieu-form__section-head {
display: flex;
align-items: start;
justify-content: space-between;
gap: 14px;
margin-bottom: 0.9rem;
}
.bp-new-lieu-form__section-copy {
display: grid;
gap: 4px;
}
.bp-new-lieu-form__eyebrow {
margin: 0;
color: var(--bp-navy);
font-size: 0.78rem;
font-weight: 800;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.bp-new-lieu-form__section-title {
margin: 0;
color: #0f172a;
font-size: 1.02rem;
line-height: 1.2;
}
.bp-new-lieu-form__section-note,
.bp-new-lieu-form__closing-note {
margin: 0;
color: var(--bp-text-soft);
font-size: var(--text-xs);
line-height: 1.45;
}
.bp-new-lieu-form__micro-note {
display: block;
margin: 0 0 0.35rem;
color: var(--bp-navy);
font-size: var(--text-xs);
font-weight: 800;
line-height: 1.35;
}
.bp-new-lieu-form__pill {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 32px;
padding: 0.35rem 0.75rem;
border-radius: 999px;
background: var(--bp-info-bg);
border: 1px solid var(--bp-border-ann-mid);
color: var(--bp-navy);
font-size: var(--text-xs);
font-weight: 800;
white-space: nowrap;
}
.bp-search-box__form {
display: grid;
gap: 1rem;
}
.bp-search-box__row {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 10px;
align-items: center;
}
.bp-search-box__row .bp-search-input {
min-width: 0;
}
.bp-search-box__submit {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 52px;
padding-inline: 1rem 1.1rem;
white-space: nowrap;
}
.bp-search-box__meta {
display: grid;
gap: 10px;
}
.bp-search-box__chips {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.bp-search-box__chips span,
.bp-search-box__chips a {
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 0.35rem 0.75rem;
border-radius: 999px;
background: var(--bp-info-bg);
border: 1px solid var(--bp-border-brand);
color: var(--bp-brand-dark);
font-size: var(--text-xs);
font-weight: 700;
text-decoration: none;
}
.bp-search-box__chips a:hover,
.bp-search-box__chips a:focus-visible {
background: #fff1e6;
border-color: var(--bp-brand);
color: var(--bp-brand-strong);
}
.bp-search-results-simple {
display: grid;
gap: 12px;
margin-bottom: 1rem;
}
.bp-search-results-simple--empty {
gap: 10px;
padding: 1.15rem 1.2rem;
border-style: dashed;
}
.bp-search-results-simple__eyebrow {
margin: 0;
color: var(--bp-brand-dark);
font-size: var(--text-xs);
font-weight: 800;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.bp-search-results-simple__tip {
margin: 0;
color: var(--bp-brand-dark);
font-size: var(--text-xs);
line-height: 1.45;
}
.bp-search-results-simple__actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
}
@media (prefers-reduced-motion: reduce) {
.bp-annuaire-results-region > *,
.bp-annuaire-results-region--loading,
.bp-annuaire-results-region--loading > *,
.bp-annuaire-results-region--entered > * {
animation: none !important;
transition: none !important;
transform: none !important;
}
}
.bp-search-results-simple h2,
.bp-new-lieu-box__head h2,
.bp-search-label,
.bp-archive-results-head h2 {
margin: 0;
color: #0f172a;
line-height: 1.15;
font-size: 1.1rem;
}
.bp-lieu-card__title a,
.bp-search-results-simple a {
color: var(--bp-navy);
font-weight: 700;
text-decoration: underline;
text-underline-offset: 0.14em;
}
.bp-search-results-simple a:hover,
.bp-search-results-simple a:focus-visible,
.bp-lieu-card__title a:hover,
.bp-lieu-card__title a:focus-visible,
.bp-lieu-card__thumb:focus-visible {
color: var(--bp-navy-dark);
}
.bp-new-lieu-box__status {
display: grid;
gap: 0.35rem;
margin: 0;
padding: 0.95rem 1rem;
border-radius: 16px;
font-size: 0.96rem;
line-height: 1.45;
scroll-margin-top: 110px;
}
.bp-new-lieu-box__status-title {
display: inline-flex;
align-items: center;
gap: 0.55rem;
font-size: 1rem;
font-weight: 800;
line-height: 1.2;
}
.bp-new-lieu-box__status-title::before {
content: "✓";
display: inline-flex;
align-items: center;
justify-content: center;
width: 1.65rem;
height: 1.65rem;
border-radius: 999px;
background: linear-gradient(180deg, #22c55e 0%, #15803d 100%);
color: #fff;
font-size: 0.96rem;
font-weight: 900;
box-shadow: 0 10px 22px rgba(34, 197, 94, 0.22);
flex: 0 0 auto;
}
.bp-new-lieu-box__status-copy {
display: block;
}
.bp-new-lieu-box__status:focus,
.bp-new-lieu-box__status:focus-visible {
outline-offset: 3px;
}
.bp-new-lieu-box__status--success {
background:
radial-gradient(circle at top right, rgba(251, 191, 36, 0.16), transparent 36%),
linear-gradient(180deg, #f7fff8 0%, #ecfdf3 100%);
border: 1px solid #86efac;
color: #166534;
box-shadow:
0 14px 34px rgba(180, 83, 9, 0.08),
0 0 0 1px rgba(255, 255, 255, 0.65) inset;
animation: bpSuccessReveal 0.34s ease both;
}
.bp-new-lieu-box__status--success:focus,
.bp-new-lieu-box__status--success:focus-visible {
outline: 2px solid #22c55e;
box-shadow: 0 0 0 3px rgba(134, 239, 172, 0.3);
}
@keyframes bpSuccessReveal {
from {
opacity: 0;
transform: translateY(8px) scale(0.985);
}
to {
opacity: 1;
transform: translateY(0) scale(1);
}
}
.bp-new-lieu-box__status--error {
background: #fef2f2;
border: 1px solid #fecaca;
color: #b91c1c;
}
.bp-new-lieu-box__status--error:focus,
.bp-new-lieu-box__status--error:focus-visible {
outline: 2px solid #dc2626;
box-shadow: 0 0 0 3px rgba(254, 202, 202, 0.45);
}
.bp-new-lieu-form .bp-field--invalid input,
.bp-new-lieu-form .bp-field--invalid textarea,
.bp-new-lieu-form .bp-field--invalid select {
border-color: #dc2626;
background: #fef2f2;
box-shadow: 0 0 0 1px rgba(220, 38, 38, 0.08);
}
.bp-new-lieu-form .bp-field--invalid label,
.bp-new-lieu-form .bp-form-consent--invalid label,
.bp-new-lieu-form .bp-field--invalid legend {
color: #b91c1c;
}
.bp-new-lieu-form .bp-form-consent--invalid {
padding: 0.75rem 0.85rem;
border: 1px solid #fecaca;
border-radius: 14px;
background: #fef2f2;
}
.bp-new-lieu-form__inline-error {
display: block;
margin-top: 0.45rem;
color: #b91c1c;
font-size: 0.88rem;
font-weight: 700;
line-height: 1.45;
}
.bp-new-lieu-form__geo-note {
margin: -0.25rem 0 0.2rem;
padding: 0.65rem 0.8rem;
border-radius: 12px;
border: 1px solid #cbd5e1;
background: #f8fafc;
color: #334155;
font-size: 0.88rem;
font-weight: 600;
line-height: 1.45;
}
.bp-new-lieu-form__geo-note.is-success {
border-color: #86efac;
background: #ecfdf3;
color: #166534;
}
.bp-new-lieu-form__geo-note.is-error {
border-color: #fecaca;
background: #fef2f2;
color: #b91c1c;
}
.bp-new-lieu-form__city-suggestions {
display: grid;
gap: 8px;
margin: -0.05rem 0 0.35rem;
}
.bp-new-lieu-form__city-suggestions-title {
margin: 0;
color: var(--bp-text-soft);
font-size: var(--text-xs);
font-weight: 700;
line-height: 1.4;
}
.bp-new-lieu-form__city-suggestions-list {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.bp-new-lieu-form__city-suggestion {
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 0.35rem 0.75rem;
border: 1px solid var(--bp-border-brand);
border-radius: 999px;
background: #fff8f1;
color: var(--bp-brand-dark);
font-size: var(--text-xs);
font-weight: 700;
line-height: 1.2;
cursor: pointer;
}
.bp-new-lieu-form__city-suggestion:hover,
.bp-new-lieu-form__city-suggestion:focus-visible {
border-color: var(--bp-brand);
background: #fff1e6;
color: var(--bp-brand-strong);
}
.bp-new-lieu-form__submit-note {
margin: 0.6rem 0 0;
color: #475569;
font-size: 0.9rem;
line-height: 1.45;
}
.bp-archive-filters__row {
display: grid;
gap: 12px;
grid-template-columns: repeat(3, minmax(0, 1fr));
align-items: end;
}
.bp-archive-filters label {
display: block;
margin: 0 0 0.3rem;
color: #425466;
font-size: 0.86rem;
font-weight: 800;
}
.bp-archive-filters select {
width: 100%;
min-height: 48px;
padding: 0.65rem 0.8rem;
border-radius: 14px;
border: 1px solid #dbe4ee;
background: #fff;
color: #0f172a;
font: inherit;
}
.bp-archive-filters__hint {
margin: 0.4rem 0 0;
color: var(--bp-text-soft);
font-size: var(--text-xs);
line-height: 1.4;
}
.bp-archive-filters__actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
justify-content: flex-start;
}
.bp-btn--action-primary {
background: var(--bp-orange);
color: #fff !important;
border-color: var(--bp-orange);
text-decoration: none !important;
}
.bp-btn--action-primary:hover,
.bp-btn--action-primary:focus-visible {
background: var(--bp-orange-dark);
color: #fff !important;
border-color: var(--bp-orange-dark);
}
.bp-btn--action-secondary {
background: #fff;
color: var(--bp-blue-dark) !important;
border-color: #bfdbfe;
}
.bp-btn--action-secondary:hover,
.bp-btn--action-secondary:focus-visible {
background: var(--bp-surface-muted);
color: var(--bp-blue-dark) !important;
}
.bp-lieu-card__main {
display: grid;
gap: 12px;
}
.bp-lieu-card__head {
display: grid;
gap: 10px;
}
.bp-lieu-card__head-main {
min-width: 0;
}
.bp-lieu-card__logo {
display: inline-flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
margin-bottom: 10px;
padding: 6px;
border: 1px solid var(--bp-border-soft);
border-radius: 14px;
background: #fff;
box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05);
}
.bp-lieu-card__logo-img {
display: block;
max-width: 100%;
max-height: 38px;
width: auto;
height: auto;
object-fit: contain;
}
.bp-lieu-card {
grid-template-columns: 1fr;
align-content: start;
height: 100%;
}
.bp-lieu-card__thumb {
aspect-ratio: 4 / 3;
display: grid;
place-items: center;
overflow: hidden;
background: var(--bp-surface-soft);
border-bottom: 1px solid var(--bp-border-soft);
}
.bp-lieu-card__thumb img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
object-fit: contain;
object-position: center;
display: block;
}
.bp-lieu-card__body {
display: grid;
gap: 10px;
align-content: start;
min-width: 0;
}
.bp-lieu-card__title {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
max-width: 100%;
}
.bp-btn--listing-cta {
background: var(--bp-brand) !important;
color: #fff !important;
border-color: var(--bp-brand) !important;
}
.bp-btn--listing-cta:hover,
.bp-btn--listing-cta:focus-visible {
background: var(--bp-brand-dark) !important;
color: #fff !important;
border-color: var(--bp-brand-dark) !important;
}
.bp-lieu-card__summary {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.bp-search-results-cta {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 12px;
margin: 0 0 1rem;
padding: 1rem;
border: 1px solid #dbe4ee;
border-radius: 16px;
background: #fff;
box-shadow: var(--shadow-panel);
}
.bp-search-results-cta h2 {
margin: 0;
color: #0f172a;
font-size: 1.05rem;
line-height: 1.15;
}
.bp-search-results-cta p {
margin: 0.25rem 0 0;
color: var(--bp-text-soft);
font-size: var(--text-xs);
line-height: 1.45;
}
.bp-search-results-cta__button {
flex: 0 0 auto;
}
.bp-taxonomy-archive .bp-listing-grid--posts {
grid-template-columns: 1fr;
gap: 16px;
}
.bp-archive-backtotop {
display: flex;
justify-content: center;
margin: 1rem 0 0;
}
.bp-archive-backtotop__link {
min-width: min(100%, 220px);
justify-content: center;
}
@media (max-width: 767px) { .bp-lieu-card__thumb {
aspect-ratio: 4 / 5;
width: 100%;
max-width: none;
max-height: none;
margin-inline: 0;
}
.bp-new-lieu-box,
.bp-archive-filters,
.bp-search-results-simple {
padding: 0.9rem;
border-radius: 18px;
}
.bp-archive-hero h1 {
max-width: none;
font-size: clamp(1.85rem, 8vw, 2.45rem);
line-height: 1.02;
}
.bp-archive-hero--compact {
padding: 0.75rem 0.85rem;
}
.bp-archive-hero--compact h1 {
font-size: clamp(1.3rem, 6vw, 1.85rem);
}
.bp-archive-hero--compact .bp-archive-kpis {
grid-template-columns: 1fr;
gap: 6px;
}
.bp-archive-hero--compact .bp-archive-kpi {
padding: 0.5rem 0.6rem;
font-size: var(--text-xs);
}
.bp-archive-results-head {
gap: 6px;
margin-bottom: 0.8rem;
}
.bp-archive-results-head h2,
.bp-search-results-simple h2 {
font-size: 1rem;
}
.bp-search-label,
.bp-new-lieu-box__head h2 {
font-size: 1.02rem;
}
.bp-search-box__row {
grid-template-columns: 1fr;
align-items: stretch;
}
.bp-search-input,
.bp-search-box__submit {
width: 100%;
}
.bp-archive-filters__row,
.bp-new-lieu-form__grid {
grid-template-columns: 1fr;
}
.bp-lieu-card {
border-radius: 18px;
}
.bp-lieu-card__body {
padding: 0.95rem;
}
.bp-lieu-card__title {
font-size: 1.05rem;
line-height: 1.2;
}
.bp-lieu-card__meta {
font-size: var(--text-sm);
}
.bp-lieu-card__summary {
font-size: var(--text-base);
line-height: 1.52;
}
.bp-lieu-card__facts {
gap: 10px;
}
.bp-lieu-card__facts p {
font-size: var(--text-sm);
line-height: 1.45;
}
.bp-lieu-card__facts strong {
margin-bottom: 3px;
font-size: var(--text-xs);
letter-spacing: 0;
text-transform: none;
}
.bp-lieu-card__signal {
min-height: 38px;
font-size: var(--text-xs);
}
.bp-lieu-card__cta {
width: 100%;
}
}
@media (min-width: 768px) {
.bp-lieux-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.bp-taxonomy-archive .bp-listing-grid--posts {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.bp-lieu-card__body {
padding: 1.05rem;
}
}
@media (min-width: 1024px) {
.bp-archive-results-head {
grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
align-items: end;
}
.bp-lieux-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
.bp-taxonomy-archive .bp-listing-grid--posts {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
.bp-lieu-card__body {
padding: 1.1rem;
}
.bp-lieu-card__facts {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1380px) {
.bp-lieux-grid,
.bp-listing-grid--posts {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.bp-taxonomy-archive .bp-listing-grid--posts {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (prefers-color-scheme: dark) {
.bp-archive-hero h1,
.bp-search-results-simple h2,
.bp-search-results-cta h2,
.bp-new-lieu-box__head h2,
.bp-search-label,
.bp-archive-results-head h2,
.bp-archive-filters select,
.bp-lieu-card__title a {
color: var(--bp-text);
}
.bp-search-box,
.bp-search-results-simple,
.bp-search-results-cta,
.bp-new-lieu-box,
.bp-archive-filters,
.bp-lieu-card,
.bp-archive-results-head {
background: var(--bp-surface);
border-color: var(--bp-border-soft);
box-shadow: var(--shadow-card);
}
.bp-archive-filters {
background: color-mix(in srgb, var(--bp-surface) 82%, var(--bp-navy) 18%);
border-color: var(--bp-border-soft);
}
.bp-search-results-simple {
background: color-mix(in srgb, var(--bp-surface) 86%, #b45309 14%);
border-color: var(--bp-border-soft);
}
.bp-new-lieu-box {
background: var(--bp-surface);
border-color: var(--bp-border-soft);
}
.bp-search-box__lead,
.bp-new-lieu-box__lead,
.bp-search-results-simple__note,
.bp-search-results-cta p,
.bp-archive-results-copy,
.bp-archive-filters label,
.bp-archive-filters__hint,
.bp-archive-progress,
.bp-lieu-card__summary,
.bp-lieu-card__meta,
.bp-lieu-card__facts p,
.bp-lieu-card__signal,
.bp-search-results-simple a {
color: var(--bp-text-secondary);
}
.bp-search-box__chips span,
.bp-archive-filters select {
background: var(--bp-surface-soft);
border-color: var(--bp-border-soft);
color: var(--bp-link);
}
.bp-search-results-simple a,
.bp-lieu-card__title a,
.bp-archive-results-copy--strong,
.bp-lieu-card__thumb:focus-visible {
color: var(--bp-link);
}
.bp-search-results-simple a:hover,
.bp-search-results-simple a:focus-visible,
.bp-lieu-card__title a:hover,
.bp-lieu-card__title a:focus-visible,
.bp-lieu-card__thumb:focus-visible {
color: var(--bp-link-dark);
}
.bp-new-lieu-box__status--success {
background: var(--bp-success-bg);
border-color: color-mix(in srgb, var(--bp-success) 45%, transparent);
color: var(--bp-success);
}
.bp-new-lieu-box__status--error {
background: var(--bp-error-bg);
border-color: color-mix(in srgb, var(--bp-error) 45%, transparent);
color: var(--bp-error);
}
.bp-new-lieu-form__geo-note {
border-color: color-mix(in srgb, #334155 34%, transparent);
background: color-mix(in srgb, #0f172a 30%, transparent);
color: #e2e8f0;
}
.bp-new-lieu-form__eyebrow,
.bp-new-lieu-form__pill {
color: var(--bp-link);
}
.bp-new-lieu-form__section-title {
color: var(--bp-text);
}
.bp-new-lieu-form__section-note,
.bp-new-lieu-form__closing-note {
color: var(--bp-text-secondary);
}
.bp-new-lieu-form__micro-note {
color: var(--bp-link);
}
.bp-new-lieu-form__pill {
background: color-mix(in srgb, var(--bp-info-bg) 72%, transparent);
border-color: color-mix(in srgb, var(--bp-border-ann-mid) 58%, transparent);
}
.bp-new-lieu-form__geo-note.is-success {
border-color: color-mix(in srgb, #86efac 55%, transparent);
background: color-mix(in srgb, #14532d 28%, transparent);
color: #dcfce7;
}
.bp-new-lieu-form__geo-note.is-error {
border-color: color-mix(in srgb, #fecaca 55%, transparent);
background: color-mix(in srgb, #7f1d1d 28%, transparent);
color: #fee2e2;
}
}
@media (max-width: 767px) {
.bp-new-lieu-form__section-head {
grid-template-columns: minmax(0, 1fr);
display: grid;
}
}