/*
 * VV Avocat - Custom article styling
 * Loaded only on article pages. Enhances readability without touching Elementor base.
 */

/* === Reading progress bar (top of window, above header) === */
.vv-reading-progress {
  position: fixed;
  top: 0;
  left: 0;
  height: 2px;
  width: 0;
  background: #a14a4a;
  z-index: 2147483647; /* above everything, including sticky header */
  transition: width 60ms linear;
  pointer-events: none;
}

/* Back-to-top removed by design decision */

/* === Footer: nav 'headings' as styled p (not H3) for proper heading hierarchy === */
.vv-footer-heading {
  font-family: inherit;
  font-weight: 600;
  font-size: 1.05em;
  margin: 0 0 0.6em 0;
  color: inherit;
  text-transform: none;
}

/* === Hide parasitic bottom Elementor sections on articles === */
.vv-article-container .vv-article-hide { display: none !important; }

/* === Container readability === */
.vv-article-container {
  position: relative;
}

/* === Blocs ajoutés par la refonte : alignés sur la colonne Elementor (900px) du WordPress === */
.vv-article-container > .vv-author-bio,
.vv-article-container > .vv-related,
.vv-article-container > .vv-faq {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 940px) {
  .vv-article-container > .vv-author-bio,
  .vv-article-container > .vv-related,
  .vv-article-container > .vv-faq {
    margin-left: 20px;
    margin-right: 20px;
  }
}

/* === "Lire la suite" sur la page /actualites/ : gris discret === */
.elementor-post__read-more,
.elementor-post__read-more:visited {
  color: #646464 !important;
  transition: color 0.15s;
}
.elementor-post__read-more:hover {
  color: #a14a4a !important;
}

/* === GLOBAL LINK COLOR: tous les liens dans les articles et pages en rouge VV === */
.vv-article-container a:not(.elementor-button):not(.vv-footer-heading),
.elementor-widget-text-editor a:not(.elementor-button),
.vv-article-content a:not(.elementor-button) {
  color: #a14a4a !important;
}
.vv-article-container a:not(.elementor-button):hover,
.elementor-widget-text-editor a:not(.elementor-button):hover {
  color: #7a3838 !important;
}

/* Pagination (Précédent/Suivant) : neutralise la couleur rose, utilise la palette VV sobre */
.vv-article-container .elementor-post-navigation a,
.vv-article-container .elementor-post-navigation a:visited,
.vv-article-container .elementor-post-navigation__link,
.vv-article-container .post-navigation__prev--label,
.vv-article-container .post-navigation__next--label,
.vv-article-container .post-navigation__prev--title,
.vv-article-container .post-navigation__next--title {
  color: #222222 !important;
}

.vv-article-container .elementor-post-navigation a:hover,
.vv-article-container .elementor-post-navigation a:hover * {
  color: #a14a4a !important;
}

.vv-article-container .elementor-post-navigation svg,
.vv-article-container .elementor-post-navigation svg path {
  fill: #222222 !important;
}

.vv-article-container .elementor-post-navigation a:hover svg,
.vv-article-container .elementor-post-navigation a:hover svg path {
  fill: #a14a4a !important;
}



/* === Callouts (rhythmic breaks in long articles) === */
.vv-callout {
  margin: 2.5em 0;
  padding: 1.5em 1.75em;
  border-radius: 6px;
  border-left: 4px solid;
  background: #f8f8f8;
  position: relative;
}

.vv-callout-title {
  font-weight: 700;
  margin: 0 0 0.5em 0;
  font-size: 0.95em;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.vv-callout-body {
  margin: 0;
}

.vv-callout-body > p:last-child {
  margin-bottom: 0;
}

/* Info callout (blue) */
.vv-callout--info {
  background: #f8f8f8;
  border-left-color: #a14a4a;
}
.vv-callout--info .vv-callout-title { color: #7a3838; }

/* Warning callout (amber) */
.vv-callout--warning {
  background: #f8f8f8;
  border-left-color: #a14a4a;
}
.vv-callout--warning .vv-callout-title { color: #7a3838; }

/* Legal callout (grey/green for article de loi) */
.vv-callout--legal {
  background: #f8f8f8;
  border-left-color: #a14a4a;
  font-family: Georgia, serif;
}
.vv-callout--legal .vv-callout-title { color: #7a3838; }

/* === Table of Contents (sticky right desktop, minimal design) === */
.vv-toc {
  display: none;
}

@media (min-width: 1400px) {
  /* Texte (900px) + sommaire (200px) centrés ensemble : le corps glisse de 116px vers la gauche */
  .vv-article-content > .e-parent:not(:first-child) > .e-con-inner,
  .vv-article-container > .vv-author-bio,
  .vv-article-container > .vv-related,
  .vv-article-container > .vv-faq {
    transform: translateX(-116px);
  }

  .vv-toc {
    display: block;
    position: fixed;
    left: calc(50% + 366px);
    top: 140px;
    width: 200px;
    max-height: calc(100vh - 180px);
    overflow-y: auto;
    padding: 0;
    background: transparent;
    border: none;
    z-index: 50;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
  }

  .vv-toc.vv-toc-visible {
    opacity: 1;
    pointer-events: auto;
  }

  .vv-toc-title {
    font-size: 0.75em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #a14a4a;
    margin: 0 0 1em 0;
  }

  .vv-toc ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .vv-toc li {
    margin: 0 0 0.5em 0;
    padding: 0;
    line-height: 1.4;
  }

  .vv-toc a {
    display: block;
    color: #646464;
    text-decoration: none;
    font-size: 0.88em;
    transition: color 0.15s;
    text-wrap: pretty;
    line-height: 1.4;
  }

  .vv-toc a:hover {
    color: #222222;
  }

  .vv-toc a.vv-toc-active {
    color: #a14a4a;
    font-weight: 600;
  }

  .vv-toc li.vv-toc-h3 a {
    padding-left: 1em;
    font-size: 0.82em;
    color: #888888;
  }
}

/* === Smooth scroll offset for sticky header === */
html {
  scroll-padding-top: 100px;
}

@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}

/* === Article header (breadcrumb + meta) === */
.vv-article-header {
  margin: 0 0 2em 0;
  padding-bottom: 1.5em;
  border-bottom: 1px solid #e4e4e4;
}

.vv-breadcrumb {
  font-size: 0.85em;
  color: #646464;
  margin-bottom: 1em;
  text-wrap: pretty;
}

.vv-breadcrumb a {
  color: #646464;
  text-decoration: none;
  transition: color 0.15s;
}

.vv-breadcrumb a:hover {
  color: #222222;
}

.vv-breadcrumb .vv-breadcrumb-sep {
  margin: 0 0.4em;
  color: #b8b8b8;
}

.vv-article-meta {
  display: flex;
  align-items: center;
  gap: 0.75em;
  flex-wrap: wrap;
}

.vv-meta-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.vv-meta-info {
  display: flex;
  align-items: center;
  gap: 0.5em;
  flex-wrap: wrap;
  font-size: 0.9em;
  color: #646464;
  line-height: 1.5;
}

.vv-meta-info strong {
  color: #222222;
  font-weight: 600;
}

.vv-meta-separator {
  color: #b8b8b8;
  margin: 0 0.1em;
}

.vv-meta-date,
.vv-meta-reading {
  color: #646464;
}

@media (max-width: 600px) {
  .vv-article-meta {
    gap: 0.5em;
  }
  .vv-meta-info {
    font-size: 0.85em;
  }
}

/* === Related links block (Pour aller plus loin) === */
.vv-related {
  margin: 2.5em 0 1em 0;
  padding: 1.25em 0 1.25em 1.5em;
  background: transparent;
  border-left: 3px solid #a14a4a;
  box-sizing: border-box;
}

.vv-related-title {
  font-weight: 700;
  margin: 0 0 0.6em 0;
  color: #222222;
  font-size: 0.9em;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.vv-related-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.vv-related-list li {
  margin: 0.35em 0;
  line-height: 1.5;
}

.vv-related-list a {
  color: #222222;
  text-decoration: none;
  border-bottom: 1px solid #e4e4e4;
  transition: color 0.15s, border-color 0.15s;
}

.vv-related-list a:hover {
  color: #a14a4a;
  border-color: #a14a4a;
}

/* === Author bio (E-E-A-T, end of article) === */
.vv-author-bio {
  display: flex;
  gap: 1.5em;
  align-items: center;
  margin: 3em 0 2em 0;
  padding: 1.75em 0 1.75em 2em;
  background: transparent;
  box-sizing: border-box;
  border-left: 3px solid #222222;
}

.vv-author-photo {
  flex-shrink: 0;
}

.vv-author-photo img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: block;
  object-fit: cover;
}

.vv-author-info { margin: 0; }

.vv-author-info .vv-author-name {
  font-weight: 700;
  margin: 0;
  color: #222222;
  font-size: 1.05em;
}

.vv-author-info .vv-author-role {
  margin: 2px 0 6px 0;
  color: #646464;
  font-size: 0.95em;
}

.vv-author-info .vv-author-detail {
  margin: 0;
  font-size: 0.9em;
  color: #646464;
  line-height: 1.5;
}

.vv-author-info .vv-author-detail a {
  color: #a14a4a;
  text-decoration: none;
  font-weight: 600;
  transition: color 0.2s ease;
}

.vv-author-info .vv-author-detail a:hover {
  color: #7a3838;
}

@media (max-width: 600px) {
  .vv-author-bio {
    flex-direction: column;
    text-align: center;
    gap: 1em;
    padding: 1.25em;
  }
}


/* === FAQ des articles (details/summary) : même rendu que l'accordéon modèle
   de la page Fiscalité immobilière (questions encadrées, icône + / − à gauche) === */
.vv-faq { margin: 2.5em 0; }
.vv-faq-title { font-size: 1.4em; font-weight: 700; margin: 0 0 1em 0; color: #222222; }
.vv-faq details { border: 0; padding: 0; margin: 0; }
.vv-faq summary {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border: 1px solid #D5D8DC;
  cursor: pointer;
  list-style: none;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 23.4px;
  color: #1F2124;
}
.vv-faq summary::-webkit-details-marker { display: none; }
.vv-faq summary::before {
  content: '';
  flex: 0 0 13px;
  width: 13px;
  height: 15px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%231F2124' d='M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.vv-faq details[open] summary::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%231F2124' d='M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z'/%3E%3C/svg%3E"); }
.vv-faq-answer {
  padding: 10px 10px 16px;
  border: 1px solid #D5D8DC;
  border-top: 0;
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  line-height: 23.4px;
  color: #646464;
}
.vv-faq-answer p { margin: 0 0 0.6em; }
.vv-faq-answer p:last-child { margin-bottom: 0; }

/* ===================================================================
   Rythme de lecture des articles : méta, « En bref », sections numérotées,
   listes en panneau, titres H3 marqués, citations, tableaux, sources.
   =================================================================== */

.vv-article-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  margin: 0 0 28px !important;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  letter-spacing: 0.4px;
  color: #646464;
}
.vv-article-content .vv-article-meta a { color: #262626; font-weight: 600; text-decoration: none; border-bottom: 1px solid #A14A4A; }
.vv-article-meta a:hover { color: #A14A4A; }
.vv-meta-sep { color: #B8B8B8; }

.vv-brief {
  margin: 0 0 44px;
  padding: 30px 34px 26px;
  background: #F8F8F8;
  border-left: 3px solid #A14A4A;
  border-radius: 0 12px 12px 0;
}
.vv-brief-label {
  margin: 0 0 10px !important;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #A14A4A;
}
.vv-brief-text {
  margin: 0 0 24px !important;
  font-family: 'Playfair Display', serif;
  font-size: 19px;
  line-height: 1.5;
  color: #262626;
}
.vv-brief-toc {
  margin: 0;
  padding: 0;
  list-style: none;
  columns: 2;
  column-gap: 32px;
  counter-reset: brief;
}
.vv-brief-toc li {
  break-inside: avoid;
  counter-increment: brief;
  margin: 0 0 7px;
  padding-left: 30px;
  position: relative;
  font-size: 14px;
  line-height: 1.45;
}
.vv-brief-toc li::before {
  content: counter(brief, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 1px;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 600;
  color: #A14A4A;
}
.vv-article-content .vv-brief-toc a { color: #262626; text-decoration: none; border: 0; }
.vv-article-content .vv-brief-toc a:hover { color: #A14A4A; }

/* Sections : numéro rouge au-dessus du H2, filet de séparation */
.vv-article-content { counter-reset: vvsection; }
.vv-article-content .e-parent:not(:first-child) .elementor-widget-text-editor h2:not(.vv-faq-title) {
  counter-increment: vvsection;
  position: relative;
  margin-top: 56px !important;
  padding-top: 34px !important;
  border-top: 1px solid #E4E4E4;
}
.vv-article-content .e-parent:not(:first-child) .elementor-widget-text-editor h2:not(.vv-faq-title)::before {
  content: counter(vvsection, decimal-leading-zero);
  display: block;
  margin-bottom: 10px;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 3px;
  color: #A14A4A;
}
.vv-article-content .elementor-widget-text-editor h3 {
  margin-top: 36px !important;
}

/* Listes en panneau, puces rouges */
.vv-article-content .elementor-widget-text-editor ul,
.vv-article-content .elementor-widget-text-editor ol {
  margin: 22px 0 26px !important;
  padding: 22px 28px 22px 48px;
  background: #FAFAFA;
  border: 1px solid #EEEEEE;
  border-radius: 12px;
}
.vv-article-content .elementor-widget-text-editor ul { list-style: none; }
.vv-article-content .elementor-widget-text-editor ul > li {
  position: relative;
  margin: 0 0 10px;
}
.vv-article-content .elementor-widget-text-editor ul > li:last-child { margin-bottom: 0; }
.vv-article-content .elementor-widget-text-editor ul > li::before {
  content: '';
  position: absolute;
  left: -22px;
  top: 0.72em;
  width: 9px;
  height: 2px;
  background: #A14A4A;
}
.vv-article-content .elementor-widget-text-editor ol > li { margin: 0 0 10px; padding-left: 4px; }
.vv-article-content .elementor-widget-text-editor ol > li::marker { color: #A14A4A; font-weight: 600; }
.vv-article-content .elementor-widget-text-editor li > ul,
.vv-article-content .elementor-widget-text-editor li > ol { margin: 10px 0 0 !important; padding: 0 0 0 20px; background: transparent; border: 0; }

/* Citations et tableaux */
.vv-article-content .elementor-widget-text-editor blockquote {
  margin: 30px 0;
  padding: 6px 0 6px 28px;
  border-left: 3px solid #A14A4A;
  font-family: 'Playfair Display', serif;
  font-style: italic;
  font-size: 20px;
  line-height: 1.5;
  color: #262626;
}
.vv-article-content .elementor-widget-text-editor table {
  width: 100%;
  margin: 26px 0 30px;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #E4E4E4;
  border-radius: 12px;
  overflow: hidden;
  font-size: 14px;
}
.vv-article-content .elementor-widget-text-editor th {
  background: #262626;
  color: #FFFFFF;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: left;
  padding: 12px 16px;
}
.vv-article-content .elementor-widget-text-editor td { padding: 12px 16px; border-top: 1px solid #EEEEEE; vertical-align: top; }
.vv-article-content .elementor-widget-text-editor tr:nth-child(even) td { background: #FAFAFA; }
@media (max-width: 767px) {
  /* Tableaux larges : défilement horizontal dans le tableau, jamais dans la page */
  .vv-article-content .elementor-widget-text-editor table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    font-size: 13px;
  }
  .vv-article-content .elementor-widget-text-editor th,
  .vv-article-content .elementor-widget-text-editor td { padding: 10px 12px; min-width: 120px; }
  .vv-article-content .elementor-widget-text-editor th:first-child,
  .vv-article-content .elementor-widget-text-editor td:first-child { min-width: 180px; }
}

/* Liens vers les textes officiels : repérables à la lecture */
.vv-article-content .elementor-widget-text-editor a[href*="legifrance"],
.vv-article-content .elementor-widget-text-editor a[href*="bofip"],
.vv-article-content .elementor-widget-text-editor a[href*="impots.gouv"],
.vv-article-content .elementor-widget-text-editor a[href*="conseil-etat"] {
  color: #A14A4A;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-underline-offset: 3px;
}

/* Sources officielles citées */
.vv-article-container > .vv-sources,
.vv-article-content > .vv-sources {
  max-width: 900px;
  margin: 10px auto 50px;
  padding: 28px 34px;
  background: #FFFFFF;
  border: 1px solid #E4E4E4;
  border-radius: 12px;
}
.vv-sources-title {
  margin: 0 0 14px !important;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #A14A4A;
}
.vv-sources ul { margin: 0; padding: 0; list-style: none; }
.vv-sources li {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 12px;
  padding: 9px 0;
  border-top: 1px solid #F0F0F0;
  font-size: 14px;
  line-height: 1.45;
}
.vv-sources li:first-child { border-top: 0; }
.vv-sources a { color: #262626; text-decoration: none; border-bottom: 1px solid #D8C3C3; }
.vv-sources a:hover { color: #A14A4A; border-color: #A14A4A; }
.vv-source-host { font-family: 'Montserrat', sans-serif; font-size: 11px; letter-spacing: 0.5px; color: #666666; }

@media (min-width: 1400px) {
  .vv-article-content > .vv-sources { transform: translateX(-116px); }
}
@media (max-width: 940px) {
  .vv-article-content > .vv-sources { margin-left: 20px; margin-right: 20px; }
}
@media (max-width: 600px) {
  .vv-brief { padding: 22px 20px 20px; }
  .vv-brief-toc { columns: 1; }
  .vv-brief-text { font-size: 17px; }
  .vv-article-content .elementor-widget-text-editor ul,
  .vv-article-content .elementor-widget-text-editor ol { padding: 18px 18px 18px 38px; }
  .vv-sources { padding: 20px 18px; }
}


/* ===================================================================
   Typographie homogène : h1/h2 en Playfair sans italique ; h3 à h6 en Montserrat
   capitales espacées, comme le sur-titre « Témoignages clients » de l'accueil
   =================================================================== */
.legacy :is(h1, h2), .legacy :is(h1, h2) span { font-style: normal !important; }
.legacy :is(h3, h4, h5, h6), .legacy :is(h3, h4, h5, h6) span,
.legacy :is(h3, h4, h5, h6).elementor-heading-title, .legacy :is(h3, h4, h5, h6).elementor-icon-box-title {
  font-family: 'Montserrat', sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 2.5px !important;
  line-height: 1.5 !important;
  color: #A14A4A !important;
}
.legacy :is(h3, h4, h5, h6) { display: flex !important; align-items: flex-start !important; padding-left: 0 !important; }
.legacy :is(h3, h4, h5, h6)::before {
  content: '' !important;
  position: static !important;
  flex-shrink: 0;
  width: 8px !important;
  height: 8px !important;
  margin: 0.45em 10px 0 0 !important;
  border-radius: 50% !important;
  background: #B8B8B8 !important;
}
.legacy .vv-article-content .elementor-widget-text-editor h3::before { position: static !important; }
.legacy h3, .legacy h3 span { font-size: 15px !important; }
.legacy h4, .legacy h4 span { font-size: 13px !important; }
.legacy h5, .legacy h5 span { font-size: 12px !important; }
.legacy h6, .legacy h6 span { font-size: 11px !important; }
.legacy .elementor-icon-list-text, .legacy .elementor-icon-list-item a { font-style: normal !important; }


/* Accessibilité : liens du texte repérables autrement que par la couleur */
.legacy .elementor-widget-text-editor p a:not(.elementor-button),
.legacy .elementor-widget-text-editor li a:not(.elementor-button),
.legacy .vv-topic a, .legacy .vv-service-intro a, .legacy .vv-case-text a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

/* ===================================================================
   Fonds gris : même rendu que l'accueil (gris #E4E4E4 + motif à 14 %)
   =================================================================== */
.vv-chapter--grey, .vv-page-related, .legacy .elementor-element-vvm1c { background-color: #E4E4E4 !important; }
.vv-chapter--grey, .vv-page-related, .legacy .elementor-element-vvm1c,
.legacy .elementor-element-9365451, .legacy .elementor-element-5b71e22d, .legacy .elementor-element-1bbdeeaa,
.legacy .elementor-element-4ab780ab, .legacy .elementor-element-648b7a73, .legacy .elementor-element-1e620d9e,
.legacy .elementor-element-5c4db596, .legacy .elementor-element-816a3b0, .legacy .elementor-element-7bca51a9,
.legacy .elementor-element-4fd8bb88, .legacy .elementor-element-6e407913 {
  position: relative;
  isolation: isolate;
}
.vv-chapter--grey::after, .vv-page-related::after, .legacy .elementor-element-vvm1c::after,
.legacy .elementor-element-9365451::after, .legacy .elementor-element-5b71e22d::after, .legacy .elementor-element-1bbdeeaa::after,
.legacy .elementor-element-4ab780ab::after, .legacy .elementor-element-648b7a73::after, .legacy .elementor-element-1e620d9e::after,
.legacy .elementor-element-5c4db596::after, .legacy .elementor-element-816a3b0::after, .legacy .elementor-element-7bca51a9::after,
.legacy .elementor-element-4fd8bb88::after, .legacy .elementor-element-6e407913::after {
  content: '';
  position: absolute;
  inset: 0;
  background: url('/images/pattern-asset-1.png') center top / 1440px auto repeat;
  opacity: 0.14;
  z-index: -1;
  pointer-events: none;
}