/* Bricks wrappers must not alter the original grid, sticky or scroll geometry. */
body.livya-landing main#contenu { display: block; flex: none; width: 100%; }
.livya-landing .livya-element { display: contents; }
.livya-landing .brxe-template:has([data-livya-element="personaliser"]) { display: contents; }
.livya-landing .livya-popup:not(.hide), .livya-landing .livya-popup > .brx-popup-content { display: contents; }
.livya-landing .livya-popup.hide { display: none; }
.livya-landing .livya-dialog { margin: auto; overflow: hidden; }
.livya-landing .dialog-close { padding: 0; line-height: 1; align-items: center; justify-items: center; }
.livya-landing .dialog-close svg { display: block; width: 20px; height: 20px; }
.livya-landing .livya-app-cta { white-space: nowrap; }
.livya-landing .livya-languages { display: flex; align-items: center; gap: 2px; flex: none; }
.livya-languages a { display: grid; place-items: center; min-width: 30px; min-height: 44px; font-size: 12px; font-weight: 600; color: var(--vb-color-ink-soft); }
.livya-languages a[aria-current="page"] { color: var(--vb-color-ink); text-decoration: underline; text-underline-offset: 5px; }
.livya-landing .vbs-header-classic-bar__inner { gap: 1rem; }
/* The Livya plugin's favorites button and modules keep the approved appearance. */
.livya-landing .livya-favorites-button__icon svg { display: block; width: 1.35rem; height: 1.35rem; }
.livya-landing .favorites-nav.livya-favorites-button { border-radius: 0; }
@media (max-width: 62rem) {
  .livya-landing .favorites-nav .livya-favorites-button__label { display: none; }
}
/* The burger panel carries its own copy of the language links for phones. */
.livya-landing .livya-languages--menu { display: none; }
@media (max-width: 42rem) {
  /* One row on phones: logo, favorites, menu. Languages move into the menu. */
  .livya-landing .vbs-header-classic-bar__inner { flex-wrap: nowrap; gap: .5rem; min-height: 60px; padding-block: .5rem; }
  .livya-landing .vbs-header-classic-bar__brand { margin-inline-end: 0; }
  .livya-landing .vbs-header-classic-bar__inner > .livya-languages { display: none; }
  .livya-landing .favorites-nav { margin-inline-start: auto; padding: .5rem; min-height: 44px; }
  .livya-landing .vbs-header-classic-bar__disclosure { margin-inline-start: 0; }
  .livya-landing .vbs-header-classic-bar__toggle { min-height: 44px; padding: .5rem .8rem; }
  .livya-landing .livya-languages.livya-languages--menu { display: flex; gap: .25rem; margin: 1rem 0 0 -.75rem; }
  .livya-languages--menu a { min-width: 44px; font-size: 14px; }
}
/* The Personnaliser is a desktop/tablet tool; on phones it covered the content. */
@media (max-width: 40rem) {
  .livya-landing .design-launcher, .livya-landing .design-panel { display: none; }
}
/* Pinpoint QA parks its dock at the bottom-right corner, where the Personnaliser
   launcher and panel already live. When the QA plugin is on the page, ours step
   aside — reviewers need both, and the dock is the third party's to leave alone.
   The dock is 58px wide at right:18px; 84px clears it with a gutter.
   Phones don't show the Personnaliser at all (see above). */
html body:has(#ppqa-root) .design-launcher,
html body:has(#ppqa-root) .design-panel { right: 108px; }
html body:has(#ppqa-root) .toast { right: 108px; }

/* Bricks' focusable skip links duplicate the authored French skip link. */
.livya-landing > .skip-link:not(.vb-btn) { display: none; }
.livya-landing.admin-bar > header { top: var(--wp-admin--admin-bar--height, 32px); }
.livya-builder-preview .livya-element { display: block; width: 100%; }
.livya-builder-preview .livya-dialog { display: block; position: relative; }
.livya-builder-preview .intro-dialog { display: none; }
.livya-builder-preview .design-panel { position: relative; inset: auto; margin: 24px; }
.livya-builder-preview iframe { pointer-events: none; }
.livya-builder-preview [data-livya-reveal], .livya-builder-preview [data-vb-lines] { opacity: 1 !important; visibility: visible !important; transform: none !important; }