/* Merlin Related Posts — Slider UI (server rendered) */

.mrp{margin:1.25rem 0;}
.mrp-heading{margin:0 0 .5rem;font-size:1.35rem;line-height:1.2;}
.mrp-intro{margin:0 0 1rem;opacity:.9;}

.mrp-slider{position:relative;}
.mrp-track{
  display:flex;
  gap:16px;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  padding:2px; /* avoid clipping shadows */
}

/* hide scrollbar (still scrollable) */
.mrp-track::-webkit-scrollbar{height:0;}
.mrp-track{scrollbar-width:none;}

.mrp-card{
  flex:0 0 calc((100% - 16px)/2);
  scroll-snap-align:start;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 2px 10px rgba(0,0,0,.06);
  transition:transform .16s ease, box-shadow .16s ease;
}

.mrp-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.10);}
.mrp-card:focus-within{outline:2px solid currentColor;outline-offset:2px;}

.mrp-card-link{display:block;color:inherit;text-decoration:none;height:100%;}

.mrp-thumb{margin:0;}
.mrp-thumb img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#f2f2f2;}

.mrp-body{padding:14px 16px 16px;}

.mrp-date{display:block;font-size:.85rem;opacity:.8;margin-bottom:6px;}

.mrp-title{margin:0 0 8px;font-size:1.05rem;line-height:1.25;}

.mrp-desc{margin:0 0 10px;font-size:.95rem;line-height:1.45;opacity:.9;}

.mrp-readmore{display:inline-block;font-weight:600;font-size:.95rem;}

.mrp-controls{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:12px;}

.mrp-btn{
  appearance:none;
  border:1px solid rgba(0,0,0,.18);
  background:#fff;
  border-radius:999px;
  padding:8px 12px;
  font-weight:600;
  cursor:pointer;
  line-height:1;
}
.mrp-btn:disabled{opacity:.45;cursor:not-allowed;}

.mrp-dots{font-size:.9rem;opacity:.7;}

@media (max-width: 767px){
  .mrp-card{flex:0 0 88%;}
}

/* Compact list fallback (if user selects compact) */
.mrp-list{margin:0;padding-left:1.1rem;}
.mrp-li{margin:.35rem 0;}
.mrp-link{text-decoration:none;}
.mrp-link:hover{text-decoration:underline;}


.related-posts-title {
  font-size: 2rem;
  font-weight: bold;
  color: #111;
  margin-bottom: 0.25em;
  text-align: center;
}

.related-posts-intro {
  font-size: 1rem;
  text-align: center;
  margin-bottom: 1.5em;
  color: #333;
}

.merlin-related-post {
  color: #000;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.merlin-related-post:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

.merlin-related-post .read-more {
  font-weight: 600;
  color: #0073aa;
}

.merlin-related-post .read-more:hover {
  text-decoration: underline;
}

.merlin-related-nav {
  text-align: center;
  margin-top: 1rem;
}

.merlin-related-nav button {
  background: #fff;
  border: 2px solid #00d084;
  color: #00d084;
  font-size: 1.5rem;
  padding: 0.3em 0.6em;
  margin: 0 0.5em;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.2s ease;
}

.merlin-related-nav button:hover {
  background: #00d084;
  color: #fff;
}