/********************
 * INSIGHTTHECITY – Widget Post Overlay (Magezix)
 * Scope: .post-content.p-22  (contenedor padre)
 * Target: h2.post-title.border-effect-2.fs-16 a
 * Fix: bold + bigger + show full titles (no cut)
 ********************/

/* DESKTOP/TABLET */
.post-content.p-22 h2.post-title.border-effect-2.fs-16,
.post-content.p-22 h2.post-title.border-effect-2.fs-16 a{
  font-weight: 800 !important;
  font-size: 20px !important;
  line-height: 1.15 !important;
  white-space: normal !important;
  word-break: break-word !important;
  text-overflow: unset !important;
}

/* Quitar clamps/cortes típicos del theme (desktop también) */
.post-content.p-22 h2.post-title.border-effect-2.fs-16 a{
  overflow: visible !important;
  max-height: none !important;
  -webkit-line-clamp: unset !important;
}

/* MOBILE */
@media (max-width: 767px){

  .post-content.p-22 h2.post-title.border-effect-2.fs-16{
    /* por si el theme setea el tamaño en el h2 */
    font-size: 25px !important;   /* ajusta 17–20 */
    line-height: 1.2 !important;
    font-weight: 800 !important;
    margin-bottom: 6px;           /* opcional: separa un poco */
  }

  .post-content.p-22 h2.post-title.border-effect-2.fs-16 a{
    font-size: 25px !important;   /* ajusta 17–20 */
    line-height: 1.2 !important;
    font-weight: 800 !important;

    /* Permitir varias líneas sin "..." */
    white-space: normal !important;
    word-break: break-word !important;
    text-overflow: unset !important;

    /* Forzar multi-línea controlada */
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 4 !important;   /* 3, 4 o 5 */
    overflow: hidden !important;
    max-height: none !important;
  }
}