/* Read More frontend minimal grid */
.lanp-rm-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.lanp-rm-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.08);padding:8px;text-align:center}
.lanp-rm-card img{width:100%;height:auto;display:block;border-radius:8px}
.lanp-rm-ph{width:100%;aspect-ratio:1/1;background:#f2f2f2;border-radius:8px}
.lanp-rm-cta{margin-top:8px}
.lanp-rm-cta-btn{display:inline-block;background:#0059D6;color:#fff;padding:8px 12px;border-radius:9999px;text-decoration:none;font-weight:700}

/* Hide collapsed (before click) */
#lanp-rm-collapsed[aria-hidden="true"],
.lanp-rm-collapsed[aria-hidden="true"]{display:none}

/* Heading above the Read More button */
.lanp-rm-heading{
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  opacity:.7;
  margin:8px 0 6px;
  text-align:center;
}

/* CTA base */
.lanp-rm-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 18px;
  border-radius:9999px;
  border:none;
  font-weight:800;
  font-size:14px;
  text-decoration:none;
  cursor:pointer;
  outline:0;
  color:#ffffff !important;
}

/* Animated gradient like ads */
.lanp-rm-cta-animated{
  background: linear-gradient(90deg, #0ea5e9, #3b82f6, #0ea5e9);
  background-size:200% 200%;
  box-shadow:0 6px 20px rgba(59,130,246,.35);
  transition: transform .15s ease, box-shadow .2s ease;
  animation: lanp-rm-gradient 3s linear infinite;
}

@keyframes lanp-rm-gradient{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

.lanp-rm-cta-animated:hover,
.lanp-rm-cta-animated:focus{
  transform: translateY(-1px) scale(1.02);
  box-shadow:0 10px 24px rgba(59,130,246,.45);
}

.lanp-rm-cta-animated:active{
  transform: translateY(0) scale(.98);
  box-shadow:0 4px 14px rgba(59,130,246,.35);
}


/* === Fade overlay (to indicate truncated content) === */
.lanp-rm-fade{
  position: relative;
  height: 56px;
  margin: -56px 0 10px; /* overlaps end of paragraph, keeps layout tight */
  pointer-events: none;
  display:block;
}
.lanp-rm-fade::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.88) 60%, #fff 100%);
}

/* === Pill button base === */
.lanp-rm-btn{
  position:relative;
  overflow:hidden;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 20px;
  border-radius:9999px;
  border:none;
  font-weight:800;
  font-size:14px;
  letter-spacing:.02em;
  text-transform:none;
  cursor:pointer;
  outline:0;
  color:#ffffff !important;
}

/* Solid blue 'OK'-style with double ring */
.lanp-rm-btn--ok{
  background:#135BD8; /* core blue */
  border:2px solid #ffffff; /* inner white ring */
  box-shadow: 0 0 0 2px #135BD8, 0 8px 20px rgba(19,91,216,.25); /* outer blue ring + soft glow */
}

/* Shimmer highlight sweep */
.lanp-rm-btn--ok::after{
  content:"";
  position:absolute;
  top:0; left:-150%;
  width:150%; height:100%;
  background: linear-gradient(120deg, rgba(255,255,255,.45), rgba(255,255,255,0) 60%);
  transform: skewX(-18deg);
  animation: lanp-rm-sheen 2.8s ease-in-out infinite;
  pointer-events:none;
}
@keyframes lanp-rm-sheen{
  0%{ left:-150%; }
  60%{ left:130%; }
  100%{ left:130%; }
}

/* Breathing outline pulse (subtle) */
.lanp-pulse-outline{
  animation: lanp-outline 2.6s ease-in-out infinite;
}
@keyframes lanp-outline{
  0%{ box-shadow: 0 0 0 2px #135BD8, 0 8px 20px rgba(19,91,216,.25); }
  55%{ box-shadow: 0 0 0 2px #135BD8, 0 12px 26px rgba(19,91,216,.35); }
  100%{ box-shadow: 0 0 0 2px #135BD8, 0 8px 20px rgba(19,91,216,.25); }
}