/* Police de titrage — Nunito (SIL Open Font License 1.1, usage commercial
   autorisé ; licence complète dans `assets/fonts/NUNITO-LICENSE.txt`).
   Remplace MADE Tommy Soft, dont seul le fichier « PERSONAL USE » était
   disponible et qui était servi publiquement sur un site commercial.
   Terminaux arrondis et géométrie douce : même esprit, vraies graisses.

   Auto-hébergée volontairement : le CDN Google Fonts est inaccessible depuis
   la Chine, d'où opère l'équipe. Trois graisses réellement dessinées (400,
   600, 700) — plus de faux gras synthétique sur les titres.
   Sous-ensemble latin, ~16 Ko par graisse.

   font-display: optional (2026-07-25) — Nunito ne sert qu'au titrage (nav,
   boutons, titres courts), jamais au corps de texte. `swap` garantissait un
   premier rendu en police de repli suivi d'un remplacement brutal à chaque
   navigation, visible même avec le <link rel="preload"> du wp_head (glitch
   signalé sur l'accueil et sur /services/). `optional` laisse le navigateur
   n'utiliser Nunito que si elle est déjà prête à temps ; sinon la police de
   repli reste pour toute la vue, sans jamais swapper à l'écran. Le preload
   continue de préparer le cache pour les navigations suivantes. */
@font-face {
  font-family: "Nunito";
  src: url("../fonts/nunito-latin-400-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: optional;
}

@font-face {
  font-family: "Nunito";
  src: url("../fonts/nunito-latin-600-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: optional;
}

@font-face {
  font-family: "Nunito";
  src: url("../fonts/nunito-latin-700-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: optional;
}

/* TH3: active header chrome is owned by assets/css/host-chrome.css. */

body.bosscore-app {
  --telet-app-sidebar-bg: #f8fafc;
  --telet-app-sidebar-border: var(--bosscore-border, #d9e3ee);
  --telet-app-sidebar-accent: #009fe3;
  --telet-app-sidebar-accent-strong: #006fae;
  --telet-app-sidebar-accent-soft: rgba(0, 159, 227, 0.1);
  --telet-app-sidebar-muted: var(--bosscore-muted, #475569);
}

body.bosscore-app,
body.bosscore-app #page.site {
  max-width: 100vw;
  overflow-x: clip;
}

body.bosscore-app #masthead,
body.bosscore-app header.site-header,
body.bosscore-app #ast-desktop-header,
body.bosscore-app #ast-mobile-header {
  display: none !important;
}

body.bosscore-app #page.site {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: 100%;
}

body.admin-bar.bosscore-app #page.site {
  min-height: calc(100vh - 32px);
}

body.bosscore-app #content.site-content,
body.bosscore-app #content.telet-site-content,
body.bosscore-app #primary.content-area,
body.bosscore-app #primary.telet-content-shell,
body.bosscore-app #main.site-main,
body.bosscore-app article,
body.bosscore-app .entry-content.clear,
body.bosscore-app .telet-entry__content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
}

/* Application Surfaces consume the full host content region. The Telet fallback
   page shell remains authoritative for ordinary pages, but must not wrap a BOSS
   application in document-level gutters or vertical padding. */
body.bosscore-app #primary.telet-content-shell {
  inline-size: 100%;
  margin-block: 0;
  margin-inline: 0;
  max-width: none;
  padding-block: 0;
  width: 100%;
}

/* EV-DASHBOARD DV2-L1 — Personal Home is content-height, not a synthetic viewport.
   The generic app host intentionally stretches workspace surfaces to the viewport,
   but the Personal shell has a compact no-workspace composition. Keeping the host
   flex chain here creates a large empty canvas between its final section and the
   application footer. Scope the exception to the semantic Personal shell itself;
   workspace/application surfaces keep the full-height contract unchanged. */
@supports selector(body:has(.boss-shell__personal)) {
  body.bosscore-app:has(.boss-shell__personal) #page.site,
  body.admin-bar.bosscore-app:has(.boss-shell__personal) #page.site {
    display: block;
    min-height: 0;
  }

  body.bosscore-app:has(.boss-shell__personal) #content.site-content,
  body.bosscore-app:has(.boss-shell__personal) #content.telet-site-content,
  body.bosscore-app:has(.boss-shell__personal) #primary.content-area,
  body.bosscore-app:has(.boss-shell__personal) #main.site-main,
  body.bosscore-app:has(.boss-shell__personal) article,
  body.bosscore-app:has(.boss-shell__personal) .entry-content.clear {
    display: block;
    flex: none;
    min-height: 0;
  }
}

/* Fix 0.1.10 — Override legacy parent container constraints for app layout full-width */
body.bosscore-app #content.telet-site-content {
  margin-left: 0;
  margin-right: 0;
  max-width: none;
  width: 100%;
}

/* Fix 0.1.26 — Full-bleed réel du shell applicatif. Le parent historique laissait un
   padding horizontal de 20px sur .ast-container : le shell (topbar
   sticky + sidebar) flottait dans une gouttière où le contenu défilait
   à découvert de chaque côté de la barre. À zéro, la topbar et la
   sidebar touchent les bords et le bandeau de pied de page s'aligne. */
body.bosscore-app #content.telet-site-content {
  padding-left: 0;
  padding-right: 0;
}

/* ─────────────────────────────────────────────────────────────
   App footer — pared down to the copyright bar only.
   The public site's footer widgets (product list, legal list…) are
   configured globally in the historical footer builder, so they otherwise
   leak into the app surface unstyled. Inside the app we hide those
   widget rows and keep just the copyright bar, given a light,
   app-scoped treatment so the user senses they are in the application,
   not on the marketing site.
   ───────────────────────────────────────────────────────────── */
body.bosscore-app .telet-footer__extensions,
body.bosscore-app .telet-footer__inner {
  /* !important is required: the historical parent printed a responsive inline rule
     `.ast-header-break-point .telet-footer__inner[data-section] { display:grid }`
     (specificity 0,3,0) under @media (max-width: 921.99px), which otherwise
     re-shows the marketing footer widgets on phones/tablets. */
  display: none !important;
}

body.bosscore-app .telet-site-footer {
  margin-top: 0;
}

body.bosscore-app .telet-footer__bottom {
  background: var(--telet-app-sidebar-bg, #f8fafc);
  border-top: 1px solid var(--telet-app-sidebar-border, #d9e3ee);
  box-shadow: inset 0 2px 0 var(--telet-app-sidebar-accent-soft, rgba(0, 159, 227, 0.1));
}

/* Le host public colore explicitement le texte du copyright en blanc translucide.
   Sur le footer applicatif clair, l'héritage du parent ne peut donc pas gagner :
   on rétablit la paire surface/texte du chrome applicatif sur les descendants. */
body.bosscore-app .telet-footer__bottom p,
body.bosscore-app .telet-footer__bottom .telet-footer__status {
  color: var(--telet-app-sidebar-muted, #475569);
}

body.bosscore-app .telet-footer__bottom .telet-footer__inner,
body.bosscore-app .telet-footer__bottom .telet-footer__inner,
body.bosscore-app .telet-footer__bottom .telet-site-footer-section {
  justify-content: center;
  justify-items: center;
  text-align: center;
}

body.bosscore-app .telet-footer__bottom {
  color: var(--telet-app-sidebar-muted, #475569);
  font-size: 0.8125rem;
  letter-spacing: 0.01em;
}

body.bosscore-app .telet-footer__bottom p {
  margin: 0;
}

body.bosscore-app .telet-footer__bottom a {
  color: var(--telet-app-sidebar-accent-strong, #006fae);
  text-decoration: none;
}

body.bosscore-app .telet-footer__bottom a:hover,
body.bosscore-app .telet-footer__bottom a:focus-visible {
  text-decoration: underline;
}

body.bosscore-account #page.site {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

body.bosscore-account #content.site-content,
body.bosscore-account #content.telet-site-content,
body.bosscore-account #primary.content-area,
body.bosscore-account #main.site-main,
body.bosscore-account article,
body.bosscore-account .entry-content.clear {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
}

body.bosscore-account .telet-footer__extensions,
body.bosscore-account .telet-footer__inner {
  /* !important is required (same reason as the app footer above): the historical parent
     responsive inline rule re-shows the marketing footer on phones otherwise.
     This is what leaked the brand/product/legal/contact widgets onto the auth
     pages in mobile view. */
  display: none !important;
}

body.bosscore-account .telet-footer__bottom {
  background: rgba(255, 255, 255, 0.96);
  border-top: 1px solid #d9e3ee;
  box-shadow: none;
}

body.bosscore-account .telet-footer__bottom .telet-footer__inner,
body.bosscore-account .telet-footer__bottom .telet-footer__inner,
body.bosscore-account .telet-footer__bottom .telet-site-footer-section,
body.bosscore-account .telet-footer__bottom {
  justify-content: center;
  justify-items: center;
  text-align: center;
}

body.bosscore-account .telet-footer__bottom {
  color: #64748b;
  display: flex;
  font-size: 0.8125rem;
  width: 100%;
}

body.bosscore-account .telet-footer__bottom p {
  margin: 0;
}

body.bosscore-account .telet-footer__bottom a {
  color: #0369a1;
  text-decoration: none;
}

body.bosscore-account .telet-footer__bottom a:hover,
body.bosscore-account .telet-footer__bottom a:focus-visible {
  text-decoration: underline;
}

/* PX3 — Account Shell is intentionally reduced and owns a full-width light footer. */
body.boss-shell-profile--account .telet-primary-nav,
body.boss-shell-profile--account .telet-nav-toggle,
body.boss-shell-profile--account .telet-header__actions,
body.boss-shell-profile--account .telet-header__tagline {
  display: none !important;
}

body.boss-shell-profile--account .telet-header__inner {
  justify-content: center;
}

body.boss-shell-profile--account .telet-site-footer {
  background: #ffffff;
  border-top: 1px solid #d9e3ee;
  color: #64748b;
}

body.boss-shell-profile--account .telet-footer__bottom {
  background: #ffffff;
  border-top: 0;
  box-sizing: border-box;
  max-width: none;
  width: 100%;
}

body.boss-shell-profile--account .telet-footer__bottom p {
  color: #64748b;
}

/* PX7 proof release: compatible public Shell switch changes chrome, not facts. */
body.boss-shell-id--boss-public-focused .telet-primary-nav,
body.boss-shell-id--boss-public-focused .telet-nav-toggle,
body.boss-shell-id--boss-public-focused .telet-footer__inner {
  display: none !important;
}

body.boss-shell-id--boss-public-focused .telet-header__inner {
  justify-content: space-between;
}

/* PX7 proof release: Template/Theme axis is visibly observable in preview. */
body.boss-presentation-template--public-editorial-alternate .boss-hero {
  border-color: rgba(109, 86, 179, 0.48);
  box-shadow: 0 28px 70px rgba(109, 86, 179, 0.16);
}

body.boss-presentation-theme--telet-public-alternate {
  --boss-public-primary: #6d56b3;
  --boss-public-primary-strong: #554099;
  --boss-public-soft: #f1edff;
}


body.telet-public-site {
  --boss-public-primary: #009fe3;
  --boss-public-primary-strong: #006fae;
  --boss-public-title: #1d1d1b;
  --boss-public-text: #334155;
  --boss-public-border: #d9e3ee;
  --boss-public-surface: #f8fafc;
  --boss-public-soft: #ebf5ff;
  --boss-public-dark: #0f172a;
  --boss-public-dark-soft: #cbd5e1;
  --boss-public-shadow: 0 28px 70px rgba(15, 23, 42, 0.12);
  --boss-public-shadow-soft: 0 18px 40px rgba(15, 23, 42, 0.08);
  --boss-public-radius: 24px;
  --boss-public-radius-sm: 18px;
  --boss-public-section-width: min(1180px, calc(100% - 2rem));
  --boss-public-hero-gradient:
    radial-gradient(circle at 50% 34%, #ffffff 0%, #ffffff 46%, rgba(255, 255, 255, 0.96) 58%, rgba(0, 159, 227, 0.26) 78%, rgba(0, 159, 227, 0) 100%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 48%, #eef7ff 100%);
  background:
    radial-gradient(circle at top, rgba(0, 159, 227, 0.08), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 42%, #ffffff 100%);
  color: var(--boss-public-text);
  font-family: var(--boss-font-body);
}

body.telet-public-site,
body.telet-public-site #page.site {
  box-sizing: border-box;
  max-width: 100%;
  overflow-x: clip;
}

body.telet-public-site,
body.telet-public-site input,
body.telet-public-site select,
body.telet-public-site textarea {
  font-family: var(--boss-font-body);
}

body.telet-public-site #page.site {
  min-height: 100vh;
}

body.telet-public-site #primary,
body.telet-public-site #content,
body.telet-public-site #main,
body.telet-public-site article,
body.telet-public-site .entry-content.clear {
  min-width: 0;
}

body.telet-public-site .entry-content.clear > *:last-child {
  margin-bottom: 0;
}

body.telet-public-site .entry-content h1,
body.telet-public-site .entry-content h2,
body.telet-public-site .entry-content h3,
body.telet-public-site .entry-content h4,
body.telet-public-site .site-title,
body.telet-public-site .telet-nav__list > .menu-item > a,
body.telet-public-site .telet-account-action,
body.telet-public-site .boss-pill,
body.telet-public-site .boss-btn {
  font-family: var(--boss-font-display);
}

body.telet-public-site .entry-content h1,
body.telet-public-site .entry-content h2,
body.telet-public-site .entry-content h3,
body.telet-public-site .entry-content h4 {
  color: var(--boss-public-title);
  letter-spacing: -0.03em;
  line-height: 1.05;
}

body.telet-public-site .entry-content h1 {
  font-size: clamp(2.6rem, 6vw, 4.4rem);
}

body.telet-public-site .entry-content h2 {
  font-size: clamp(2rem, 4.2vw, 3rem);
}

body.telet-public-site .entry-content h3 {
  font-size: clamp(1.28rem, 2vw, 1.65rem);
}

body.telet-public-site .entry-content p,
body.telet-public-site .entry-content li {
  color: var(--boss-public-text);
  font-size: 1rem;
  line-height: 1.78;
}

body.telet-public-site .entry-content a {
  color: var(--boss-public-primary-strong);
  text-decoration-color: rgba(0, 159, 227, 0.3);
  text-underline-offset: 0.2em;
}

body.telet-public-site .entry-content a:hover,
body.telet-public-site .entry-content a:focus-visible {
  color: var(--boss-public-primary-strong);
}

body.telet-public-site .telet-primary-nav .telet-nav__list {
  gap: 0.5rem;
}

body.telet-public-site .telet-nav__list > .menu-item > a {
  color: var(--boss-public-title);
  font-size: 0.96rem;
  letter-spacing: 0.01em;
  position: relative;
}

body.telet-public-site .telet-nav__list > .menu-item > a::after {
  background: var(--boss-public-primary);
  border-radius: 999px;
  bottom: 0.35rem;
  content: "";
  height: 2px;
  left: 1em;
  position: absolute;
  right: 1em;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 160ms ease;
}

body.telet-public-site .main-header-menu > .menu-item:hover > .menu-link::after,
body.telet-public-site .main-header-menu > .menu-item.current-menu-item > .menu-link::after,
body.telet-public-site .main-header-menu > .menu-item.current_page_item > .menu-link::after {
  transform: scaleX(1);
}

body.telet-public-site .telet-account-action {
  background: linear-gradient(135deg, var(--boss-public-primary-strong) 0%, #005f8f 100%);
  border-radius: 999px;
  box-shadow: 0 16px 32px rgba(0, 159, 227, 0.24);
  color: #fff;
  font-size: 0.95rem;
  font-weight: 700;
  min-height: 48px;
  transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

body.telet-public-site .telet-account-action:visited {
  color: #fff;
}

body.telet-public-site .telet-account-action:hover,
body.telet-public-site .telet-account-action:focus-visible {
  background: linear-gradient(135deg, #005f8f 0%, #004f78 100%);
  box-shadow: 0 20px 36px rgba(0, 159, 227, 0.28);
  color: #fff;
  transform: translateY(-1px);
}

body.telet-public-site .telet-account-action--login {
  background: rgba(255, 255, 255, 0.74);
  border: 1px solid rgba(0, 159, 227, 0.22);
  box-shadow: none;
  color: var(--boss-public-primary-strong);
}

body.telet-public-site .telet-account-action--login:hover,
body.telet-public-site .telet-account-action--login:focus-visible {
  background: rgba(235, 245, 255, 0.9);
  box-shadow: none;
  color: var(--boss-public-primary-strong);
}

body.telet-public-site .telet-account-action--register,
body.telet-public-site .telet-account-action--dashboard {
  background: linear-gradient(135deg, var(--boss-public-primary-strong) 0%, #005f8f 100%);
  box-shadow: 0 16px 32px rgba(0, 159, 227, 0.24);
  color: #fff;
}

body.telet-public-site .telet-account-action--register:hover,
body.telet-public-site .telet-account-action--register:focus-visible,
body.telet-public-site .telet-account-action--dashboard:hover,
body.telet-public-site .telet-account-action--dashboard:focus-visible {
  background: linear-gradient(135deg, #005f8f 0%, #004f78 100%);
  box-shadow: 0 20px 36px rgba(0, 159, 227, 0.28);
  color: #fff;
}

/* The connected masthead account affordance is intentionally Living-Grid-only.
   This more-specific public stylesheet must not restore the old blue button. */
body.telet-public-site .telet-account-actions--desktop .telet-account-action--dashboard,
body.telet-public-site .telet-account-actions--desktop .telet-account-action--dashboard:hover,
body.telet-public-site .telet-account-actions--desktop .telet-account-action--dashboard[aria-current="page"] {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  color: var(--boss-public-primary-strong);
}

body.telet-public-site .telet-account-actions--desktop .telet-account-action--dashboard:focus-visible {
  background: transparent;
  border-color: transparent;
  box-shadow: var(--telet-host-focus);
  color: var(--boss-public-primary-strong);
}

body.telet-public-site .telet-account-actions--desktop .boss-living-grid--dashboard {
  color: var(--boss-public-primary-strong);
}

body.telet-public-site .telet-nav__list > .menu-item.current-menu-item > a,
body.telet-public-site .telet-nav__list > .menu-item.current_page_item > a,
body.telet-public-site .telet-nav__list > .menu-item.current-menu-ancestor > a {
  background: transparent;
  border-radius: 0.7rem;
  color: var(--boss-public-primary-strong);
  padding-inline: 0.72rem;
}

body.telet-public-site .boss-public-shell {
  box-sizing: border-box;
  display: grid;
  gap: clamp(4.5rem, 7vw, 7rem);
  margin: 0 auto;
  max-width: 100%;
  min-width: 0;
  padding: clamp(1rem, 2vw, 1.5rem) 0 clamp(4rem, 7vw, 6rem);
  width: var(--boss-public-section-width);
}

body.telet-public-site .boss-public-shell :where(
  .boss-public-section,
  .boss-hero__grid,
  .boss-button-group,
  .boss-inline-actions,
  .boss-pricing-actions,
  .boss-contact-actions,
  .boss-stack-card__header
) {
  max-width: 100%;
  min-width: 0;
}

body.telet-public-site .boss-public-shell :where(.boss-pill, .boss-stack-badge) {
  max-width: 100%;
  overflow-wrap: anywhere;
  white-space: normal;
}

body.telet-public-site .boss-public-shell--legal {
  gap: 2rem;
  padding-top: clamp(2rem, 3vw, 3rem);
}

body.telet-public-site .boss-public-section {
  position: relative;
}

body.telet-public-site .boss-public-section__inner {
  margin: 0 auto;
  width: min(1040px, 100%);
}

body.telet-public-site .boss-section-heading {
  display: grid;
  gap: 1rem;
  margin: 0 auto 2rem;
  max-width: 44rem;
  text-align: center;
}

body.telet-public-site .boss-section-heading p {
  margin: 0;
}

body.telet-public-site .boss-pill {
  align-items: center;
  background: rgba(0, 159, 227, 0.1);
  border: 1px solid rgba(0, 159, 227, 0.14);
  border-radius: 999px;
  color: var(--boss-public-primary-strong);
  display: inline-flex;
  gap: 0.55rem;
  min-height: 2.5rem;
  padding: 0.5rem 1rem;
  width: fit-content;
}

body.telet-public-site .boss-section-heading .boss-pill {
  justify-self: center;
}

body.telet-public-site .boss-hero__content .boss-pill {
  justify-self: start;
}

body.telet-public-site .boss-public-card,
body.telet-public-site .boss-feature-card,
body.telet-public-site .boss-service-card,
body.telet-public-site .boss-pricing-card,
body.telet-public-site .boss-metric-card,
body.telet-public-site .boss-contact-card,
body.telet-public-site .boss-legal-shell,
body.telet-public-site .boss-faq-item,
body.telet-public-site .boss-surface-panel {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid var(--boss-public-border);
  border-radius: var(--boss-public-radius);
  box-shadow: var(--boss-public-shadow-soft);
}

body.telet-public-site .boss-hero {
  background: var(--boss-public-hero-gradient);
  border: 1px solid rgba(217, 227, 238, 0.78);
  border-radius: clamp(26px, 4vw, 42px);
  box-shadow: var(--boss-public-shadow);
  overflow: hidden;
  padding: clamp(2rem, 4vw, 3rem);
}

body.telet-public-site .boss-hero__grid {
  align-items: center;
  display: grid;
  gap: clamp(1.5rem, 3vw, 3rem);
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
}

body.telet-public-site .boss-hero__content,
body.telet-public-site .boss-hero__visual,
body.telet-public-site .boss-stack-card,
body.telet-public-site .boss-card-list,
body.telet-public-site .boss-pricing-list,
body.telet-public-site .boss-contact-stack,
body.telet-public-site .boss-legal-shell,
body.telet-public-site .boss-legal-toc {
  display: grid;
  gap: 1rem;
}

body.telet-public-site .boss-hero__lead {
  font-size: clamp(1.06rem, 1.6vw, 1.22rem);
  max-width: 42rem;
}

body.telet-public-site .boss-logo-mark {
  display: inline-flex;
  max-width: min(340px, 100%);
}

body.telet-public-site .boss-logo-mark img {
  display: block;
  height: auto;
  max-width: 100%;
}

body.telet-public-site .boss-slogan {
  color: var(--boss-public-title);
  font-family: var(--boss-font-display);
  font-size: 1rem;
  margin: 0;
}

body.telet-public-site .boss-button-group,
body.telet-public-site .boss-inline-actions,
body.telet-public-site .boss-pricing-actions,
body.telet-public-site .boss-contact-actions,
body.telet-public-site .boss-hero__trust {
  display: flex;
  flex-wrap: wrap;
  gap: 0.875rem;
}

body.telet-public-site .boss-btn,
body.telet-public-site .boss-public-shell .wp-block-button__link {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 999px;
  display: inline-flex;
  font-size: 0.96rem;
  font-weight: 700;
  gap: 0.55rem;
  justify-content: center;
  min-height: 3.15rem;
  padding: 0.9rem 1.4rem;
  text-decoration: none;
  transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease,
    color 160ms ease, border-color 160ms ease;
}

body.telet-public-site .boss-btn:hover,
body.telet-public-site .boss-btn:focus-visible,
body.telet-public-site .boss-public-shell .wp-block-button__link:hover,
body.telet-public-site .boss-public-shell .wp-block-button__link:focus-visible {
  box-shadow: 0 18px 34px rgba(15, 23, 42, 0.14);
  transform: translateY(-1px);
}

body.telet-public-site .boss-btn--primary,
body.telet-public-site .entry-content a.boss-btn--primary,
body.telet-public-site .entry-content a.boss-btn--primary:visited,
body.telet-public-site .boss-public-shell .is-style-fill .wp-block-button__link,
body.telet-public-site .boss-public-shell .wp-block-button__link:not(.has-background) {
  background: linear-gradient(135deg, var(--boss-public-primary-strong) 0%, #005f8f 100%);
  box-shadow: 0 18px 34px rgba(0, 159, 227, 0.22);
  color: #fff;
}

body.telet-public-site .boss-btn--primary:hover,
body.telet-public-site .boss-btn--primary:focus-visible,
body.telet-public-site .entry-content a.boss-btn--primary:hover,
body.telet-public-site .entry-content a.boss-btn--primary:focus-visible {
  background: linear-gradient(135deg, #005f8f 0%, #004f78 100%);
  color: #fff;
}

body.telet-public-site .boss-btn--ghost,
body.telet-public-site .boss-public-shell .is-style-outline .wp-block-button__link {
  background: rgba(255, 255, 255, 0.74);
  border-color: rgba(0, 159, 227, 0.22);
  color: var(--boss-public-primary-strong);
}

body.telet-public-site .boss-btn--ghost:hover,
body.telet-public-site .boss-btn--ghost:focus-visible {
  background: rgba(235, 245, 255, 0.9);
  color: var(--boss-public-primary-strong);
}

body.telet-public-site .boss-hero-kpis {
  display: grid;
  gap: 0.875rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.telet-public-site .boss-kpi-chip,
body.telet-public-site .boss-metric-card {
  padding: 1rem 1.1rem;
}

body.telet-public-site .boss-kpi-chip strong,
body.telet-public-site .boss-metric-number {
  color: var(--boss-public-title);
  display: block;
  font-family: var(--boss-font-display);
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  line-height: 1;
}

body.telet-public-site .boss-kpi-chip span,
body.telet-public-site .boss-metric-card p {
  font-size: 0.94rem;
  margin: 0.35rem 0 0;
}

body.telet-public-site .boss-grid-3,
body.telet-public-site .boss-grid-4,
body.telet-public-site .boss-pricing-grid,
body.telet-public-site .boss-metric-grid,
body.telet-public-site .boss-contact-grid,
body.telet-public-site .boss-footer-menu {
  display: grid;
  gap: 1.25rem;
}

body.telet-public-site .boss-grid-3,
body.telet-public-site .boss-pricing-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.telet-public-site .boss-grid-4,
body.telet-public-site .boss-metric-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.telet-public-site .boss-contact-grid,
body.telet-public-site .boss-footer-menu {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.telet-public-site .boss-feature-card,
body.telet-public-site .boss-service-card,
body.telet-public-site .boss-pricing-card,
body.telet-public-site .boss-contact-card,
body.telet-public-site .boss-faq-item {
  display: grid;
  gap: 0.85rem;
  height: 100%;
  padding: 1.5rem;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

body.telet-public-site .boss-feature-card:hover,
body.telet-public-site .boss-service-card:hover,
body.telet-public-site .boss-pricing-card:hover,
body.telet-public-site .boss-contact-card:hover,
body.telet-public-site .boss-faq-item:hover {
  border-color: rgba(0, 159, 227, 0.22);
  box-shadow: 0 24px 46px rgba(15, 23, 42, 0.12);
  transform: translateY(-4px);
}

body.telet-public-site .boss-card-icon {
  align-items: center;
  background: linear-gradient(135deg, rgba(0, 159, 227, 0.16), rgba(0, 159, 227, 0.06));
  border-radius: 18px;
  color: var(--boss-public-primary-strong);
  display: inline-flex;
  font-size: 1.45rem;
  height: 3.4rem;
  justify-content: center;
  width: 3.4rem;
}

body.telet-public-site .boss-card-meta {
  color: #64748b;
  font-size: 0.92rem;
  margin: 0;
}

body.telet-public-site .boss-link-inline {
  align-items: center;
  color: var(--boss-public-primary-strong);
  display: inline-flex;
  gap: 0.45rem;
  text-decoration: none;
}

body.telet-public-site .boss-link-inline:hover,
body.telet-public-site .boss-link-inline:focus-visible {
  gap: 0.6rem;
}

body.telet-public-site .boss-pricing-card--featured {
  background: linear-gradient(180deg, rgba(235, 245, 255, 0.9) 0%, rgba(255, 255, 255, 0.96) 100%);
  border-color: rgba(0, 159, 227, 0.26);
  box-shadow: 0 24px 46px rgba(0, 159, 227, 0.14);
}

body.telet-public-site .boss-price {
  align-items: baseline;
  display: flex;
  gap: 0.35rem;
}

body.telet-public-site .boss-price strong {
  color: var(--boss-public-title);
  font-family: var(--boss-font-display);
  font-size: clamp(2.2rem, 3vw, 3rem);
  line-height: 1;
}

body.telet-public-site .boss-list-clean,
body.telet-public-site .boss-legal-toc ul {
  display: grid;
  gap: 0.65rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

body.telet-public-site .boss-list-clean li,
body.telet-public-site .boss-legal-toc li {
  padding-left: 1.4rem;
  position: relative;
}

body.telet-public-site .boss-list-clean li::before,
body.telet-public-site .boss-legal-toc li::before {
  background: var(--boss-public-primary);
  border-radius: 999px;
  content: "";
  height: 0.5rem;
  left: 0;
  position: absolute;
  top: 0.62rem;
  width: 0.5rem;
}

body.telet-public-site .boss-stack-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.84) 0%, rgba(235, 245, 255, 0.94) 100%);
  border: 1px solid rgba(217, 227, 238, 0.9);
  border-radius: var(--boss-public-radius);
  box-shadow: var(--boss-public-shadow-soft);
  padding: 1.4rem;
}

body.telet-public-site .boss-stack-card__header {
  align-items: center;
  display: flex;
  gap: 0.75rem;
  justify-content: space-between;
}

body.telet-public-site .boss-stack-card__header strong {
  color: var(--boss-public-title);
}

body.telet-public-site .boss-stack-badge {
  background: rgba(15, 23, 42, 0.06);
  border-radius: 999px;
  color: var(--boss-public-title);
  display: inline-flex;
  font-size: 0.78rem;
  font-weight: 700;
  min-height: 2rem;
  padding: 0.35rem 0.8rem;
}

body.telet-public-site .boss-surface-band {
  background: linear-gradient(180deg, rgba(235, 245, 255, 0.72), rgba(248, 250, 252, 0.94));
  border-radius: clamp(24px, 3vw, 34px);
  padding: clamp(1.35rem, 2.5vw, 2rem);
}

body.telet-public-site .boss-legal-shell {
  margin: 0 auto;
  max-width: 860px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
}

body.telet-public-site .boss-legal-meta {
  color: #64748b;
  font-size: 0.92rem;
  margin: 0;
}

body.telet-public-site .boss-legal-toc {
  background: rgba(235, 245, 255, 0.66);
  border: 1px solid rgba(0, 159, 227, 0.14);
  border-radius: var(--boss-public-radius-sm);
  padding: 1.25rem;
}

body.telet-public-site .boss-legal-section {
  scroll-margin-top: 6rem;
}

body.telet-public-site .boss-legal-section + .boss-legal-section {
  border-top: 1px solid rgba(217, 227, 238, 0.9);
  padding-top: 1.5rem;
}

body.telet-public-site .boss-faq-item summary {
  color: var(--boss-public-title);
  cursor: pointer;
  font-family: var(--boss-font-display);
  list-style: none;
}

body.telet-public-site .boss-faq-item summary::-webkit-details-marker {
  display: none;
}

body.telet-public-site .boss-faq-item[open] {
  border-color: rgba(0, 159, 227, 0.2);
}

body.telet-public-site .boss-contact-card address,
body.telet-public-site .boss-contact-card p {
  margin: 0;
}

body.telet-public-site .boss-contact-form-note {
  background: rgba(235, 245, 255, 0.72);
  border: 1px solid rgba(0, 159, 227, 0.14);
  border-radius: var(--boss-public-radius-sm);
  padding: 1rem 1.1rem;
}

/* Amélioration progressive : le contenu est visible par défaut. Le masquage
   initial n'est appliqué que si JavaScript a pu poser la classe `js` sur
   <html> (voir functions.php, wp_head priorité 1) — sinon une erreur JS ou un
   script bloqué laisserait toute la page à `opacity: 0`. */
body.telet-public-site .boss-animate {
  opacity: 1;
  transform: none;
}

html.js body.telet-public-site .boss-animate {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 600ms ease, transform 600ms ease;
}

html.js body.telet-public-site .boss-animate.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* PX5/PX8 — deterministic evidence mode: meaningful content is never hidden. */
html.js body.boss-motion-deterministic .boss-animate,
body.boss-motion-deterministic .boss-animate {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}


body.telet-public-site .boss-delay-1 {
  transition-delay: 60ms;
}

body.telet-public-site .boss-delay-2 {
  transition-delay: 120ms;
}

body.telet-public-site .boss-delay-3 {
  transition-delay: 180ms;
}

body.telet-public-site .boss-delay-4 {
  transition-delay: 240ms;
}

body.telet-public-site #page.site {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

body.admin-bar.telet-public-site #page.site {
  min-height: calc(100vh - 32px);
}

body.telet-public-site #content.site-content {
  flex: 1 1 auto;
}

body.telet-public-site .telet-site-footer {
  margin-top: clamp(3rem, 6vw, 5rem);
}

body.telet-public-site .telet-site-footer {
  --boss-shell-footer-bg: var(--boss-public-dark);
  background: var(--boss-public-dark);
}

body.telet-public-site .telet-footer__inner,
body.telet-public-site .telet-footer__bottom {
  background: transparent;
}

body.telet-public-site .telet-footer__inner-container.telet-footer__inner {
  border-top: 1px solid rgba(148, 163, 184, 0.12);
}

body.telet-public-site .telet-site-footer .telet-footer__inner {
  column-gap: 1.5rem;
  row-gap: 1.5rem;
}

body.telet-public-site .telet-site-footer h2,
body.telet-public-site .telet-site-footer h3,
body.telet-public-site .telet-site-footer h4,
body.telet-public-site .telet-site-footer strong {
  color: #fff;
}

body.telet-public-site .telet-site-footer,
body.telet-public-site .telet-site-footer p,
body.telet-public-site .telet-site-footer li,
body.telet-public-site .telet-site-footer .widget,
body.telet-public-site .telet-site-footer .widget-title {
  color: var(--boss-public-dark-soft);
}

body.telet-public-site .telet-site-footer a {
  color: #e2e8f0;
  text-decoration: none;
  transition: color 160ms ease, transform 160ms ease;
}

body.telet-public-site .telet-site-footer a:hover,
body.telet-public-site .telet-site-footer a:focus-visible {
  color: #7dd3fc;
}

/* Le panneau du sélecteur de langue est une surface claire : ses liens ne doivent
   pas hériter de la couleur claire générale du footer. */
body.telet-public-site .telet-site-footer .telet-language-switcher__panel .telet-language-switcher__option {
  color: #172033;
}

body.telet-public-site .telet-site-footer .telet-language-switcher__panel .telet-language-switcher__option:hover,
body.telet-public-site .telet-site-footer .telet-language-switcher__panel .telet-language-switcher__option:focus-visible,
body.telet-public-site .telet-site-footer .telet-language-switcher__panel .telet-language-switcher__option.is-current {
  color: #182d66;
}

body.telet-public-site .boss-footer-brand,
body.telet-public-site .boss-footer-links,
body.telet-public-site .boss-footer-contact,
body.telet-public-site .boss-footer-legal {
  display: grid;
  gap: 0.8rem;
}

body.telet-public-site .boss-footer-links,
body.telet-public-site .boss-footer-legal {
  justify-items: center;
  text-align: center;
}

body.telet-public-site .boss-footer-links a,
body.telet-public-site .boss-footer-legal a,
body.telet-public-site .boss-footer-contact a {
  display: block;
  margin-inline: auto;
  max-width: 100%;
  width: fit-content;
}

body.telet-public-site .boss-footer-brand img {
  max-width: 170px;
}

body.telet-public-site .boss-footer-title {
  color: #fff;
  font-family: var(--boss-font-display);
  font-size: 1rem;
  margin: 0;
}

body.telet-public-site .boss-footer-note {
  border-top: 1px solid rgba(148, 163, 184, 0.14);
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  justify-content: space-between;
  padding-top: 1rem;
}

body.telet-public-site .telet-footer__bottom {
  display: flex;
  justify-content: center;
  text-align: center;
  width: 100%;
}

body.telet-public-site .telet-footer__bottom .boss-footer-note {
  border-top: 0;
  display: block;
  margin-inline: auto;
  max-width: 100%;
  padding-top: 0;
  text-align: center !important;
  width: fit-content;
}

@media (max-width: 782px) {
  body.admin-bar.telet-public-site #page.site {
    min-height: calc(100vh - 46px);
  }

  /* The public shell already owns terminal breathing room. Do not stack the
     fallback template padding and footer margin on phones: together they
     created a 120px+ empty band before the shared footer. */
  body.telet-public-site #primary.telet-content-shell {
    padding-bottom: 0;
  }

  body.telet-public-site .telet-site-footer {
    margin-top: 0;
  }
}

body.telet-public-site .boss-footer-social {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

body.telet-public-site .boss-footer-social a {
  align-items: center;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 999px;
  display: inline-flex;
  justify-content: center;
  min-height: 2.6rem;
  min-width: 2.6rem;
  padding: 0.45rem 0.85rem;
}

body.telet-public-site .boss-footer-social a:hover,
body.telet-public-site .boss-footer-social a:focus-visible {
  background: rgba(0, 159, 227, 0.12);
  border-color: rgba(0, 159, 227, 0.22);
}

@media (max-width: 1200px) {
  body.telet-public-site .boss-grid-4,
  body.telet-public-site .boss-metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1024px) {
  body.telet-public-site .boss-hero__grid,
  body.telet-public-site .boss-grid-3,
  body.telet-public-site .boss-pricing-grid,
  body.telet-public-site .boss-contact-grid,
  body.telet-public-site .boss-footer-menu {
    grid-template-columns: minmax(0, 1fr);
  }

  body.telet-public-site .boss-public-shell {
    gap: 4rem;
  }

  body.telet-public-site .boss-hero {
    padding: 1.6rem;
  }
}

@media (max-width: 782px) {
  body.telet-public-site .telet-primary-nav .telet-nav__list {
    gap: 0;
  }

  body.telet-public-site .telet-nav__list > .menu-item > a::after {
    bottom: 0.6rem;
  }

  body.telet-public-site .boss-kpi-chip,
  body.telet-public-site .boss-feature-card,
  body.telet-public-site .boss-service-card,
  body.telet-public-site .boss-pricing-card,
  body.telet-public-site .boss-contact-card,
  body.telet-public-site .boss-faq-item,
  body.telet-public-site .boss-stack-card,
  body.telet-public-site .boss-legal-shell {
    padding: 1.2rem;
  }
}

@media (max-width: 640px) {
  body.telet-public-site .boss-public-shell {
    width: calc(100% - 1rem);
  }

  body.telet-public-site .boss-hero-kpis,
  body.telet-public-site .boss-grid-4,
  body.telet-public-site .boss-metric-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  body.telet-public-site .boss-button-group,
  body.telet-public-site .boss-inline-actions,
  body.telet-public-site .boss-pricing-actions,
  body.telet-public-site .boss-contact-actions,
  body.telet-public-site .boss-hero__trust,
  body.telet-public-site .boss-footer-note {
    flex-direction: column;
  }

  body.telet-public-site .boss-btn {
    font-size: 0.94rem;
    min-height: 44px;
    padding: 0.7rem 1rem;
    width: min(100%, 18rem);
  }

  body.telet-public-site .boss-hero {
    border-radius: 20px;
    padding: 1.15rem;
  }

  body.telet-public-site :where(
    .boss-feature-card,
    .boss-service-card,
    .boss-pricing-card,
    .boss-contact-card,
    .boss-faq-item,
    .boss-stack-card
  ) {
    border-radius: 18px;
    padding: 1rem;
  }

  body.telet-public-site .boss-surface-band {
    border-radius: 18px;
    padding: 1rem;
  }

  body.telet-public-site .boss-stack-card__header {
    align-items: flex-start;
    flex-wrap: wrap;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.telet-public-site .boss-animate,
  body.telet-public-site .boss-feature-card,
  body.telet-public-site .boss-service-card,
  body.telet-public-site .boss-pricing-card,
  body.telet-public-site .boss-contact-card,
  body.telet-public-site .boss-faq-item,
  body.telet-public-site .boss-btn,
  body.telet-public-site .telet-nav__list > .menu-item > a::after,
  body.telet-public-site .telet-account-action {
    transition: none;
  }

  body.telet-public-site .boss-animate {
    opacity: 1;
    transform: none;
  }
}

/* Account pages share the same BOSS header language as the public homepage. */
body.bosscore-account {
  --boss-account-header-accent: #009fe3;
  --boss-account-header-accent-strong: #006fae;
  --boss-account-header-title: #172033;
}

body.bosscore-account #masthead {
  background: rgba(255, 255, 255, 0.96);
  border-bottom: 1px solid rgba(0, 111, 174, 0.1);
  box-shadow: 0 10px 35px rgba(28, 62, 83, 0.07);
  position: relative;
  z-index: 20;
}

/* EV-DASHBOARD DV6 — keep the account host header content-driven.
   Telet owns physical host-chrome height; account presentation may recolor
   the masthead but must not create a viewport-like empty header canvas. */
body.bosscore-account .telet-site-header {
  block-size: auto;
  height: auto;
  min-height: 0;
  padding-block: 0;
}

body.bosscore-account .telet-site-header > .telet-header__inner {
  block-size: auto;
  height: auto;
  min-height: var(--telet-host-header-height);
  padding-block: 0.62rem;
}

body.bosscore-account .telet-primary-nav .telet-nav__list {
  gap: 0.5rem;
}

body.bosscore-account .telet-nav__list > .menu-item > a,
body.bosscore-account .telet-account-action,
body.bosscore-account .telet-account-action {
  font-family: var(--boss-font-display);
}

body.bosscore-account .telet-nav__list > .menu-item > a {
  color: var(--boss-account-header-title);
  font-size: 0.96rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  position: relative;
}

body.bosscore-account .telet-nav__list > .menu-item > a::after {
  background: var(--boss-account-header-accent);
  border-radius: 999px;
  bottom: 0.35rem;
  content: "";
  height: 2px;
  left: 1em;
  position: absolute;
  right: 1em;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 160ms ease;
}

body.bosscore-account .main-header-menu > .menu-item:hover > .menu-link::after,
body.bosscore-account .main-header-menu > .menu-item.current-menu-item > .menu-link::after,
body.bosscore-account .main-header-menu > .menu-item.current_page_item > .menu-link::after {
  transform: scaleX(1);
}

body.bosscore-account .telet-account-action--login {
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(0, 159, 227, 0.24);
  box-shadow: none;
  color: var(--boss-account-header-accent-strong) !important;
  -webkit-text-fill-color: var(--boss-account-header-accent-strong) !important;
  font-weight: 700;
  min-height: 48px;
  transition: background 160ms ease, border-color 160ms ease, transform 160ms ease;
}

body.bosscore-account .telet-account-action--login:hover,
body.bosscore-account .telet-account-action--login:focus-visible {
  background: #edf8fd;
  border-color: rgba(0, 111, 174, 0.38);
  color: var(--boss-account-header-accent-strong) !important;
  -webkit-text-fill-color: var(--boss-account-header-accent-strong) !important;
  transform: translateY(-1px);
}

@media (max-width: 782px) {
  body.bosscore-account .telet-primary-nav .telet-nav__list {
    gap: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.bosscore-account .telet-nav__list > .menu-item > a::after,
  body.bosscore-account .telet-account-action {
    transition: none;
  }
}

/* Workspace navigation: compact disclosure on phones, complete wrapping
   fallback when JavaScript is unavailable. Desktop remains owned by Core. */
.boss-workspace-shell__nav-toggle {
  display: none;
}

@media (max-width: 820px) {
  body.bosscore-app .boss-workspace-shell__nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: visible;
    width: 100%;
  }

  body.bosscore-app .boss-workspace-shell__nav > a {
    box-sizing: border-box;
    min-height: 44px;
    min-width: 0;
    width: 100%;
  }

  body.bosscore-app .boss-workspace-shell__nav-toggle {
    align-items: center;
    appearance: none;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(217, 236, 232, 0.3);
    border-radius: 12px;
    color: #fff;
    cursor: pointer;
    display: grid;
    font: inherit;
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 48px;
    padding: 0.55rem 0.75rem;
    text-align: left;
    width: 100%;
  }

  body.bosscore-app .boss-workspace-shell__nav-toggle:hover {
    background: rgba(255, 255, 255, 0.13);
    border-color: rgba(255, 255, 255, 0.52);
  }

  body.bosscore-app .boss-workspace-shell__nav-toggle:focus-visible {
    outline: 3px solid #fff;
    outline-offset: 3px;
  }

  body.bosscore-app .boss-workspace-shell__nav-toggle-title,
  body.bosscore-app .boss-workspace-shell__nav-toggle-current {
    grid-column: 1;
  }

  body.bosscore-app .boss-workspace-shell__nav-toggle-title {
    color: #b7d9d4;
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.08em;
    line-height: 1.1;
    text-transform: uppercase;
  }

  body.bosscore-app .boss-workspace-shell__nav-toggle-current {
    color: #fff;
    font-size: 0.95rem;
    line-height: 1.25;
    margin-top: 0.15rem;
    overflow-wrap: anywhere;
  }

  body.bosscore-app .boss-workspace-shell__nav-toggle-icon {
    border-bottom: 2px solid currentColor;
    border-right: 2px solid currentColor;
    grid-column: 2;
    grid-row: 1 / span 2;
    height: 0.55rem;
    margin: 0 0.3rem 0.2rem 0.75rem;
    transform: rotate(45deg);
    transition: transform 160ms ease;
    width: 0.55rem;
  }

  body.bosscore-app .boss-workspace-shell__nav-toggle[aria-expanded="true"] .boss-workspace-shell__nav-toggle-icon {
    transform: rotate(225deg) translate(-0.15rem, -0.15rem);
  }

  body.bosscore-app .boss-workspace-shell__sidebar--nav-enhanced .boss-workspace-shell__nav {
    display: none;
  }

  body.bosscore-app .boss-workspace-shell__sidebar--nav-enhanced .boss-workspace-shell__nav[data-mobile-open="true"] {
    display: grid;
    margin-top: 0.55rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.bosscore-app .boss-workspace-shell__nav-toggle-icon {
    transition: none;
  }
}
/* Public inline SVG sizing guard (0.1.38). */
body.telet-public-site .boss-public-shell .boss-illustration,
body.telet-public-site .boss-public-shell .boss-contact-illustration,
body.telet-public-site .boss-public-shell .boss-contact-mini-icon{
align-items:center;box-sizing:border-box;display:inline-flex;flex:0 0 auto;
justify-content:center;max-width:100%;overflow:hidden}
body.telet-public-site .boss-public-shell .boss-illustration{height:5.35rem;width:5.35rem}
body.telet-public-site .boss-public-shell .boss-contact-illustration{height:4.75rem;width:4.75rem}
body.telet-public-site .boss-public-shell .boss-contact-mini-icon{height:3.25rem;width:3.25rem}
body.telet-public-site .boss-public-shell :is(.boss-illustration,.boss-contact-illustration,.boss-contact-mini-icon)>svg{
display:block;height:65%;max-height:100%;max-width:100%;width:65%}

/* Public inline SVG sizing guard — 0.1.39
   Bounds every public illustration even when WordPress wraps an inline SVG. */
body.telet-public-site .boss-public-shell svg {
  display: block;
  height: auto;
  max-height: 100%;
  max-width: 100%;
}

body.telet-public-site .boss-public-shell :is(
  .boss-illustration,
  .boss-contact-illustration,
  .boss-contact-mini-icon
) {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  overflow: hidden;
}

body.telet-public-site .boss-public-shell :is(
  .boss-illustration,
  .boss-contact-illustration
) {
  block-size: 5.35rem;
  inline-size: 5.35rem;
  max-block-size: 5.35rem;
  max-inline-size: 5.35rem;
}

body.telet-public-site .boss-public-shell :is(
  .boss-illustration,
  .boss-contact-illustration
) > svg,
body.telet-public-site .boss-public-shell :is(
  .boss-illustration,
  .boss-contact-illustration
) > p > svg {
  block-size: 3.45rem !important;
  inline-size: 3.45rem !important;
  max-block-size: 3.45rem !important;
  max-inline-size: 3.45rem !important;
}

body.telet-public-site .boss-public-shell .boss-contact-mini-icon {
  block-size: 3.5rem;
  inline-size: 3.5rem;
  max-block-size: 3.5rem;
  max-inline-size: 3.5rem;
}

body.telet-public-site .boss-public-shell .boss-contact-mini-icon > svg,
body.telet-public-site .boss-public-shell .boss-contact-mini-icon > p > svg {
  block-size: 2.35rem !important;
  inline-size: 2.35rem !important;
  max-block-size: 2.35rem !important;
  max-inline-size: 2.35rem !important;
}

body.telet-public-site .boss-public-shell :is(
  .boss-illustration,
  .boss-contact-illustration,
  .boss-contact-mini-icon
) > p {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  margin: 0;
  width: 100%;
}

@media (max-width: 640px) {
  body.telet-public-site .boss-public-shell :is(
    .boss-illustration,
    .boss-contact-illustration
  ) {
    block-size: 4.75rem;
    inline-size: 4.75rem;
    max-block-size: 4.75rem;
    max-inline-size: 4.75rem;
  }

  body.telet-public-site .boss-public-shell :is(
    .boss-illustration,
    .boss-contact-illustration
  ) > svg,
  body.telet-public-site .boss-public-shell :is(
    .boss-illustration,
    .boss-contact-illustration
  ) > p > svg {
    block-size: 3rem !important;
    inline-size: 3rem !important;
    max-block-size: 3rem !important;
    max-inline-size: 3rem !important;
  }
}