/* ============================================================
   iNFOLINK Smart Ads PRO — v1.2.6
   CSS reescrito desde cero. Una sola fuente de verdad
   para cada componente. Sin capas acumuladas.
   ============================================================ */

/* ── Variables & reset base ── */
.ifl-sads {
  --ifl-border: #e5e7eb;
  --ifl-text:   #101827;
  --ifl-muted:  #6b7280;
  --ifl-bg:     transparent;
  box-sizing: border-box;
  margin: 14px auto;
  max-width: 100%;
  width: fit-content !important;
  min-width: 0 !important;
  font-family: inherit;
  clear: both;
  background:       transparent !important;
  background-color: transparent !important;
  border:     0 !important;
  box-shadow: none !important;
  outline:    0 !important;
  padding:    0 !important;
  display:        flex !important;
  justify-content: center;
  align-items:     center;
  position: relative;
}
.ifl-sads * { box-sizing: border-box; }

/* Neutraliza "cards" que el theme pueda inyectar */
.ifl-sads,
.entry-content .ifl-sads,
.post-content .ifl-sads,
.page-content .ifl-sads,
.wp-block-post-content .ifl-sads {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important; box-shadow: none !important;
  outline: 0 !important; padding: 0 !important;
  width: fit-content !important; max-width: 100% !important;
  min-height: 0 !important;
}
.ifl-sads:before, .ifl-sads:after { display: none !important; content: none !important; }
.ifl-sads > p, .ifl-sads > div {
  background: transparent !important; border: 0 !important;
  box-shadow: none !important; padding: 0 !important; margin: 0 !important;
}
.ifl-sads .ifl-sads-link { margin: 0 !important; float: none !important; text-decoration: none !important; }

/* ── Link / card base ── */
.ifl-sads-link {
  display: inline-flex !important;
  align-items: center;
  gap: 12px;
  width: fit-content !important;
  max-width: 100%;
  text-decoration: none !important;
  color: var(--ifl-text) !important;
  background: var(--ifl-bg) !important;
  border: 1px solid var(--ifl-border);
  box-shadow: none !important;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
  overflow: hidden;
}
.ifl-sads-link:hover {
  transform: translateY(-1px);
  border-color: #cbd5e1;
  background: rgba(255,255,255,.42) !important;
}

/* ── Partes internas ── */
.ifl-sads-label { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); }
.ifl-sads-img   { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; background: transparent !important; }
.ifl-sads-img img { display: block; max-width: 100%; height: auto; object-fit: contain; }
.ifl-sads-body  { display: flex; flex-direction: column; min-width: 0; line-height: 1.2; }
.ifl-sads-title { font-size: 14px; font-weight: 650; color: var(--ifl-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ifl-sads-desc  { margin-top: 3px; font-size: 12px; color: var(--ifl-muted); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ifl-sads-price { margin-top: 4px; font-size: 13px; font-weight: 700; color: #111827; }
.ifl-sads-cta   { margin-left: auto; flex: 0 0 auto; border-radius: 999px; padding: 7px 10px; background: #f3f6fb; color: #0f172a; font-size: 12px; font-weight: 700; line-height: 1; white-space: nowrap; max-width: 92px; overflow: hidden; text-overflow: ellipsis; }

/* ── Variante: native ── */
.ifl-sads-native .ifl-sads-link { min-height: 86px; border-radius: 10px; padding: 9px 12px; }
.ifl-sads-native .ifl-sads-img  { width: 104px; height: 68px; }
.ifl-sads-native .ifl-sads-img img { max-height: 68px; }

/* ── Variante: compact ── */
.ifl-sads-compact { margin: 8px auto; }
.ifl-sads-compact .ifl-sads-link  { min-height: 56px; border-radius: 8px; padding: 6px 10px; }
.ifl-sads-compact .ifl-sads-img   { width: 80px; height: 44px; }
.ifl-sads-compact .ifl-sads-img img { max-height: 44px; }
.ifl-sads-compact .ifl-sads-title { font-size: 12px; }
.ifl-sads-compact .ifl-sads-desc  { display: none; }
.ifl-sads-compact .ifl-sads-price { font-size: 12px; margin-top: 2px; }

/* ── Variante: header (leaderboard) ── */
.ifl-sads-header .ifl-sads-link { min-height: 72px; border-radius: 9px; padding: 8px 14px; max-width: 728px; }
.ifl-sads-header .ifl-sads-img  { width: 140px; height: 56px; }
.ifl-sads-header .ifl-sads-img img { max-height: 56px; }

/* ── Variante: card ── */
.ifl-sads-card .ifl-sads-link { display: inline-grid; grid-template-columns: 120px minmax(120px,1fr) auto; min-height: 104px; border-radius: 14px; padding: 12px; max-width: 620px; }
.ifl-sads-card .ifl-sads-img  { width: 120px; height: 82px; border-radius: 12px; overflow: hidden; background: transparent !important; }
.ifl-sads-card .ifl-sads-img img { max-height: 82px; }
.ifl-sads-card .ifl-sads-title { font-size: 15px; }
.ifl-sads-card .ifl-sads-desc  { font-size: 13px; }

/* ── Admin: shortcode field ── */
.wp-list-table .ifl-sads-shortcode-field { width: 170px; max-width: 100%; font-family: monospace; font-size: 12px; background: #fff; border: 1px solid #ccd0d4; border-radius: 6px; padding: 5px 7px; cursor: pointer; }


/* ============================================================
   ANCHOR ADS — Header / Footer (position:fixed)
   El contenedor es position:fixed. El botón .ifl-sads-close
   es position:absolute dentro de él y sobresale hacia fuera.
   ============================================================ */

.ifl-sads.ifl-sads-anchor {
  position: fixed !important;
  left: 0 !important; right: 0 !important;
  width: 100% !important; max-width: none !important; min-width: 0 !important;
  height: auto !important; min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: flex-end !important;
  background: transparent !important;
  border: 0 !important; box-shadow: none !important;
  overflow: visible !important;
  clear: none !important;
  pointer-events: none !important;
  z-index: 999999 !important;
}
.ifl-sads.ifl-sads-anchor-top    { top: 0 !important; bottom: auto !important; align-items: flex-start !important; }
.ifl-sads.ifl-sads-anchor-bottom { bottom: 0 !important; top: auto !important; }

/* Link dentro del anchor */
.ifl-sads.ifl-sads-anchor .ifl-sads-link {
  pointer-events: auto !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 1000px !important;
  min-height: 72px !important;
  margin: 0 auto !important;
  padding: 10px 22px !important;
  gap: 18px !important;
  background: rgba(255,255,255,.98) !important;
  border: 0 !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.95), 0 8px 28px rgba(15,23,42,.28) !important;
  overflow: hidden !important;
  transform: none !important;
}
.ifl-sads.ifl-sads-anchor-bottom .ifl-sads-link { border-bottom: 0 !important; border-radius: 4px 4px 0 0 !important; }
.ifl-sads.ifl-sads-anchor-top    .ifl-sads-link { border-top: 0 !important;    border-radius: 0 0 4px 4px !important; }
.ifl-sads.ifl-sads-anchor .ifl-sads-link:hover   { transform: none !important; background: #fff !important; }

/* Imagen */
.ifl-sads.ifl-sads-anchor .ifl-sads-img     { flex: 0 0 88px !important; width: 88px !important; height: 58px !important; overflow: hidden !important; background: transparent !important; }
.ifl-sads.ifl-sads-anchor .ifl-sads-img img { max-width: 88px !important; max-height: 58px !important; width: auto !important; height: auto !important; object-fit: contain !important; }

/* Cuerpo */
.ifl-sads.ifl-sads-anchor .ifl-sads-body { flex: 1 1 auto !important; min-width: 0 !important; }

/* Título */
.ifl-sads.ifl-sads-anchor .ifl-sads-title {
  display: block !important; width: 100% !important;
  font-size: 20px !important; line-height: 1.12 !important;
  font-weight: 500 !important; color: #3f3f46 !important;
  letter-spacing: -.015em !important;
  white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;
}
.ifl-sads.ifl-sads-anchor .ifl-sads-desc {
  display: block !important;
  width: 100% !important;
  margin-top: 4px !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: 400 !important;
  color: #4b5563 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.ifl-sads.ifl-sads-anchor .ifl-sads-price {
  display: inline-block !important;
  margin-top: 3px !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  color: #111827 !important;
}

/* CTA */
.ifl-sads.ifl-sads-anchor .ifl-sads-cta {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  flex: 0 0 auto !important;
  min-width: 116px !important; max-width: 132px !important;
  height: 42px !important; min-height: 42px !important;
  margin-left: 12px !important; padding: 0 18px !important;
  border-radius: 7px !important;
  background: #3f3f3f !important; color: #fff !important;
  font-size: 17px !important; font-weight: 500 !important;
  white-space: nowrap !important;
}


/* ============================================================
   HANDLE DE MINIMIZAR — definición ÚNICA
   position:absolute dentro del contenedor fixed.
   Sobresale afuera del banner (arriba en footer, abajo en header).
   ============================================================ */

.ifl-sads.ifl-sads-anchor .ifl-sads-close {
  /* Posicionamiento */
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: translateX(-50%) !important;

  /* Tamaño */
  width: 52px !important;
  height: 24px !important;
  min-width: 0 !important; min-height: 0 !important;
  margin: 0 !important; padding: 0 !important;

  /* Visual */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fff !important;
  color: #555 !important;
  border: 0 !important;
  box-shadow: 0 2px 10px rgba(15,23,42,.18) !important;

  /* Tipografía del ícono */
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1 !important;

  appearance: none !important;
  -webkit-appearance: none !important;
  outline: none !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  z-index: 4 !important;
  transition: background .12s, color .12s !important;
}

/* FOOTER: handle sale POR ARRIBA del banner */
.ifl-sads.ifl-sads-anchor-bottom .ifl-sads-close {
  bottom: calc(100% - 1px) !important;
  top: auto !important;
  border-bottom: 0 !important;
  border-radius: 8px 8px 0 0 !important;
  box-shadow: 0 -2px 6px rgba(15,23,42,.12) !important;
}

/* HEADER: handle sale POR ABAJO del banner */
.ifl-sads.ifl-sads-anchor-top .ifl-sads-close {
  top: calc(100% - 1px) !important;
  bottom: auto !important;
  border-top: 0 !important;
  border-radius: 0 0 8px 8px !important;
  box-shadow: 0 2px 6px rgba(15,23,42,.12) !important;
}

/* Ícono: ajuste óptico vertical */
.ifl-sads.ifl-sads-anchor .ifl-sads-close span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  /* Sube el ícono 2px para que quede centrado ópticamente */
  margin-top: -3px !important;
}

.ifl-sads.ifl-sads-anchor .ifl-sads-close:hover { background: #f0f0f0 !important; color: #111 !important; }


/* ============================================================
   ESTADO MINIMIZADO
   El contenedor queda con height:0. El handle se convierte en
   position:fixed para desacoplarse completamente y quedar
   pegado al borde de pantalla (como hace AdSense real).
   ============================================================ */

.ifl-sads.ifl-sads-anchor.ifl-sads-minimized {
  height: 0 !important;
  min-height: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  pointer-events: none !important;
}

.ifl-sads.ifl-sads-anchor.ifl-sads-minimized .ifl-sads-close {
  position: fixed !important;
  pointer-events: auto !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

/* Minimizado FOOTER: handle pegado al borde INFERIOR */
.ifl-sads.ifl-sads-anchor-bottom.ifl-sads-minimized .ifl-sads-close {
  bottom: 0 !important;
  top: auto !important;
  border-bottom: 0 !important;
  border-radius: 8px 8px 0 0 !important;
  box-shadow: 0 -2px 6px rgba(15,23,42,.12) !important;
}

/* Minimizado HEADER: handle pegado al borde SUPERIOR */
.ifl-sads.ifl-sads-anchor-top.ifl-sads-minimized .ifl-sads-close {
  top: 0 !important;
  bottom: auto !important;
  border-top: 0 !important;
  border-radius: 0 0 8px 8px !important;
  box-shadow: 0 2px 6px rgba(15,23,42,.12) !important;
}


/* ============================================================
   RESPONSIVE — Mobile ≤ 640px
   ============================================================ */

@media (max-width: 640px) {

  /* Anchor link */
  .ifl-sads.ifl-sads-anchor .ifl-sads-link {
    max-width: 100% !important;
    min-height: 56px !important;
    padding: 7px 10px !important;
    gap: 9px !important;
    box-shadow: 0 1px 8px rgba(15,23,42,.15) !important;
  }

  /* Imagen */
  .ifl-sads.ifl-sads-anchor .ifl-sads-img     { flex-basis: 52px !important; width: 52px !important; height: 44px !important; }
  .ifl-sads.ifl-sads-anchor .ifl-sads-img img { max-width: 52px !important; max-height: 44px !important; }

  /* Título */
  .ifl-sads.ifl-sads-anchor .ifl-sads-title { font-size: 14px !important; }

  /* CTA */
  .ifl-sads.ifl-sads-anchor .ifl-sads-cta {
    min-width: 68px !important; max-width: 78px !important;
    height: 32px !important; min-height: 32px !important;
    margin-left: 6px !important; padding: 0 10px !important;
    border-radius: 6px !important; font-size: 12px !important;
  }

  /* Handle: a la IZQUIERDA en mobile (como AdSense) */
  .ifl-sads.ifl-sads-anchor .ifl-sads-close {
    left: 6px !important;
    transform: none !important;
    width: 38px !important;
    height: 20px !important;
    font-size: 15px !important;
  }
  .ifl-sads.ifl-sads-anchor-bottom .ifl-sads-close { border-radius: 7px 7px 0 0 !important; }
  .ifl-sads.ifl-sads-anchor-top    .ifl-sads-close { border-radius: 0 0 7px 7px !important; }

  /* Handle minimizado mobile: también a la izquierda */
  .ifl-sads.ifl-sads-anchor.ifl-sads-minimized .ifl-sads-close {
    left: 6px !important;
    transform: none !important;
  }

  /* Cards inline mobile */
  .ifl-sads { margin: 12px auto; }
  .ifl-sads-native .ifl-sads-link  { min-height: 74px; padding: 7px 8px; border-radius: 8px; }
  .ifl-sads-native .ifl-sads-img   { width: 76px; height: 56px; }
  .ifl-sads-native .ifl-sads-img img { max-height: 56px; }
  .ifl-sads-header .ifl-sads-link,
  .ifl-sads-card .ifl-sads-link    { display: inline-flex !important; min-height: 66px; padding: 7px 8px; border-radius: 8px; }
  .ifl-sads-header .ifl-sads-img,
  .ifl-sads-card .ifl-sads-img     { width: 72px; height: 52px; border-radius: 8px; }
}


/* ── Estado oculto total (no se usa en toggle, solo como fallback) ── */
.ifl-sads-is-hidden,
.ifl-sads-hidden { display: none !important; }


/* v1.3.0 — Fix real descripción + handle sin contorno */
.ifl-sads.ifl-sads-anchor .ifl-sads-close,
.ifl-sads.ifl-sads-anchor .ifl-sads-close:hover,
.ifl-sads.ifl-sads-anchor .ifl-sads-close:focus,
.ifl-sads.ifl-sads-anchor .ifl-sads-close:active {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: 0 2px 10px rgba(15,23,42,.18) !important;
}
.ifl-sads.ifl-sads-anchor .ifl-sads-close::-moz-focus-inner { border: 0 !important; }

@media (max-width: 640px) {
  .ifl-sads.ifl-sads-anchor .ifl-sads-link {
    min-height: 66px !important;
    padding: 8px 12px !important;
    gap: 10px !important;
  }
  .ifl-sads.ifl-sads-anchor .ifl-sads-img { flex-basis: 64px !important; width: 64px !important; height: 46px !important; }
  .ifl-sads.ifl-sads-anchor .ifl-sads-img img { max-width: 64px !important; max-height: 46px !important; }
  .ifl-sads.ifl-sads-anchor .ifl-sads-title { font-size: 14px !important; }
  .ifl-sads.ifl-sads-anchor .ifl-sads-desc { font-size: 11px !important; margin-top: 2px !important; }
  .ifl-sads.ifl-sads-anchor .ifl-sads-cta { min-width: 72px !important; height: 34px !important; min-height: 34px !important; font-size: 13px !important; padding: 0 10px !important; }
}


/* v1.3.1 — Fix definitivo: toggle funcional + handle mobile integrado a la izquierda */
.ifl-sads.ifl-sads-anchor.ifl-sads-minimized .ifl-sads-link {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.ifl-sads.ifl-sads-anchor .ifl-sads-close,
.ifl-sads.ifl-sads-anchor .ifl-sads-close:hover,
.ifl-sads.ifl-sads-anchor .ifl-sads-close:focus,
.ifl-sads.ifl-sads-anchor .ifl-sads-close:active {
  border: 0 !important;
  outline: 0 !important;
}

@media (max-width: 640px) {
  .ifl-sads.ifl-sads-anchor .ifl-sads-close,
  .ifl-sads.ifl-sads-anchor.ifl-sads-minimized .ifl-sads-close {
    left: 0 !important;
    right: auto !important;
    transform: none !important;
    width: 42px !important;
    height: 22px !important;
    margin: 0 !important;
  }

  .ifl-sads.ifl-sads-anchor-bottom .ifl-sads-close,
  .ifl-sads.ifl-sads-anchor-bottom.ifl-sads-minimized .ifl-sads-close {
    border-radius: 0 8px 0 0 !important;
  }

  .ifl-sads.ifl-sads-anchor-top .ifl-sads-close,
  .ifl-sads.ifl-sads-anchor-top.ifl-sads-minimized .ifl-sads-close {
    border-radius: 0 0 8px 0 !important;
  }
}


/* v1.4.0 — Vignette Ads integrados, aislados de los anchors existentes */
.ifl-sads-vignette {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1000000 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 22px !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
.ifl-sads-vignette.ifl-sads-vignette-show {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
.ifl-sads-vignette-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(15,23,42,.52) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}
.ifl-sads-vignette-modal {
  position: relative !important;
  width: min(92vw, 860px) !important;
  max-height: 86vh !important;
  background: #fff !important;
  border-radius: 8px !important;
  box-shadow: 0 22px 70px rgba(0,0,0,.32) !important;
  overflow: hidden !important;
  padding: 34px 14px 16px !important;
  transform: translateY(10px) scale(.985) !important;
  transition: transform .18s ease !important;
}
.ifl-sads-vignette.ifl-sads-vignette-show .ifl-sads-vignette-modal { transform: translateY(0) scale(1) !important; }
.ifl-sads-vignette-close {
  position: absolute !important;
  top: 10px !important;
  right: 14px !important;
  z-index: 2 !important;
  appearance: none !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #fff !important;
  transform: translateY(-44px) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.45) !important;
}
.ifl-sads-vignette-content { display: flex !important; justify-content: center !important; align-items: center !important; }
.ifl-sads-placement-vignette { margin: 0 auto !important; width: 100% !important; }
.ifl-sads-placement-vignette .ifl-sads-link {
  width: 100% !important;
  max-width: 820px !important;
  border: 0 !important;
  box-shadow: none !important;
  background: #fff !important;
}
.ifl-sads-placement-vignette.ifl-sads-card .ifl-sads-link {
  grid-template-columns: minmax(160px, 280px) minmax(180px,1fr) auto !important;
  min-height: 210px !important;
  padding: 18px !important;
  gap: 18px !important;
}
.ifl-sads-placement-vignette.ifl-sads-card .ifl-sads-img { width: 260px !important; height: 176px !important; }
.ifl-sads-placement-vignette.ifl-sads-card .ifl-sads-img img { max-height: 176px !important; }
.ifl-sads-placement-vignette.ifl-sads-card .ifl-sads-title { font-size: 24px !important; line-height: 1.15 !important; white-space: normal !important; }
.ifl-sads-placement-vignette.ifl-sads-card .ifl-sads-desc { font-size: 15px !important; line-height: 1.35 !important; color: #4b5563 !important; }
.ifl-sads-placement-vignette.ifl-sads-card .ifl-sads-cta { border-radius: 7px !important; background: #3f3f3f !important; color: #fff !important; font-size: 16px !important; padding: 12px 18px !important; max-width: 140px !important; }
body.ifl-sads-vignette-open { overflow: hidden !important; }
@media (max-width: 640px) {
  .ifl-sads-vignette { padding: 14px !important; align-items: center !important; }
  .ifl-sads-vignette-modal { width: 94vw !important; max-height: 82vh !important; padding: 30px 8px 10px !important; border-radius: 7px !important; }
  .ifl-sads-placement-vignette.ifl-sads-card .ifl-sads-link { display: flex !important; min-height: 0 !important; padding: 10px !important; gap: 10px !important; }
  .ifl-sads-placement-vignette.ifl-sads-card .ifl-sads-img { flex: 0 0 92px !important; width: 92px !important; height: 78px !important; }
  .ifl-sads-placement-vignette.ifl-sads-card .ifl-sads-img img { max-width: 92px !important; max-height: 78px !important; }
  .ifl-sads-placement-vignette.ifl-sads-card .ifl-sads-title { font-size: 15px !important; }
  .ifl-sads-placement-vignette.ifl-sads-card .ifl-sads-desc { font-size: 12px !important; -webkit-line-clamp: 2 !important; }
  .ifl-sads-placement-vignette.ifl-sads-card .ifl-sads-cta { font-size: 12px !important; padding: 9px 11px !important; max-width: 82px !important; }
}

/* v1.4.1 — Cerrar visible + modo automático por tiempo para viñetas */
.ifl-sads-vignette-close {
  top: 10px !important;
  right: 12px !important;
  transform: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-width: 72px !important;
  height: 28px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  background: rgba(17,24,39,.92) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-shadow: none !important;
  box-shadow: 0 4px 14px rgba(0,0,0,.18) !important;
  pointer-events: auto !important;
}
.ifl-sads-vignette-close:hover,
.ifl-sads-vignette-close:focus {
  background: #111827 !important;
  color: #fff !important;
}
.ifl-sads-vignette-close-x {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 16px !important;
  height: 16px !important;
  line-height: 1 !important;
  font-size: 17px !important;
  font-weight: 800 !important;
}
.ifl-sads-vignette-close-text { display: inline-block !important; }
@media (max-width: 640px) {
  .ifl-sads-vignette-close {
    top: 8px !important;
    right: 8px !important;
    min-width: 66px !important;
    height: 26px !important;
    font-size: 11px !important;
    padding: 0 8px !important;
  }
}