/*
 * Puente para las piezas que en el template original resolvia un plugin JS.
 * Se enlaza DESPUES de app.css para que gane siempre.
 */

/* perfect-scrollbar sustituido por scroll nativo */
[data-perfect-scrollbar] {
  overflow-y: auto;
}
[data-perfect-scrollbar][data-perfect-scrollbar-suppress-scroll-y] {
  overflow-y: hidden;
  overflow-x: auto;
}

/* Quill sustituido por contentEditable (components/common/RichText.tsx) */
[contenteditable]:empty::before {
  content: attr(data-placeholder);
  color: #95aac9;
}

/* el demo Boxed usa .container-fluid donde el resto usa .container */
body.layout-boxed .page-content .container {
  max-width: 100%;
}

/*
 * mdk-header (demos Sticky y Fixed): MDK lo ponia position:fixed y compensaba
 * con un padding-top calculado por JS. position:sticky da el mismo resultado
 * sin JS. El [dir] es para ganarle al [dir=ltr] de app.css.
 */
[dir] .mdk-header-layout > .mdk-header {
  position: sticky;
  top: 0;
  left: auto;
  right: auto;
}
/* el header con hero (home de Fixed) es demasiado alto para pegarse arriba;
   MDK lo encogia con data-condenses, que tambien era JS */
[dir] .mdk-header-layout > .mdk-header:has(.mdk-header__bg) {
  position: relative;
}