/* RTPS Bihar — "Similar Posts" (Kadence related-posts Splide carousel).
   Brand palette: navy #12395c, gold #c2760a, cream #fdf6e8, warm border #e5dfd3.

   Kadence ships this section with no vertical card padding, black rectangular arrows
   that sit on top of the cards, and an active pagination dot identical to the inactive
   ones. Two selectors here are deliberately over-specific because the theme's own rules
   outrank a plain .entry-related descendant:
     body.content-style-unboxed.single-post .entry-content-wrap { padding: 0 }
     .entry-related-carousel h3.entry-title                     { font-size: 20px }
   The companion script moves .splide__arrows into a heading row; the fallback block at
   the end keeps them usable if that script never runs. */

.entry-related{
	--rl-navy:#12395c;
	--rl-gold:#c2760a;
	--rl-cream:#fdf6e8;
	--rl-edge:#e5dfd3;
	--rl-muted:#6b7280;
	background:#f2f6fa;
	padding:54px 0 58px;
}

.entry-related .entry-related-inner-content{position:relative}

/* Heading row: title left, arrows right */
.entry-related .rtps-rel-head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	margin:0 0 26px;
}
.entry-related .rtps-rel-head .entry-related-title{margin:0;padding-right:0}

.entry-related .entry-related-title{
	margin:0 0 24px;
	color:var(--rl-navy);
	font-size:26px;
	line-height:1.25;
}
.entry-related .entry-related-title::after{
	content:"";
	display:block;
	width:44px;
	height:3px;
	margin-top:11px;
	background:var(--rl-gold);
	border-radius:2px;
}

/* Cards */
.entry-related .splide__list{align-items:stretch}
.entry-related .entry-list-item{display:flex;height:auto}
.entry-related .entry.loop-entry{
	width:100%;
	background:var(--rl-cream);
	border:1px solid var(--rl-edge);
	border-radius:12px;
	box-shadow:0 1px 2px rgba(18,57,92,.04);
	transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.entry-related .entry.loop-entry:hover{
	transform:translateY(-3px);
	border-color:var(--rl-gold);
	box-shadow:0 10px 24px rgba(18,57,92,.10);
}

/* Out-specifies body.content-style-unboxed.single-post .entry-content-wrap{padding:0} */
.entry-related .entry.loop-entry .entry-content-wrap{padding:26px 28px 24px}

/* Out-specifies .entry-related-carousel h3.entry-title{font-size:20px} */
.entry-related .entry-related-carousel h3.entry-title{
	margin:0;
	font-size:18px;
	line-height:1.5;
}
.entry-related .entry-related-carousel h3.entry-title a{
	color:var(--rl-navy);
	text-decoration:none;
	transition:color .18s ease;
}
.entry-related .entry.loop-entry:hover h3.entry-title a,
.entry-related .entry-related-carousel h3.entry-title a:hover{color:var(--rl-gold)}

.entry-related .entry-meta{
	margin:14px 0 0;
	font-size:13px;
	color:var(--rl-muted);
}
.entry-related .entry-meta a{color:var(--rl-muted);text-decoration:none}
.entry-related .entry-meta a:hover{color:var(--rl-navy)}

/* Arrows */
.entry-related .splide__arrows{display:flex;align-items:center;gap:10px}
.entry-related .rtps-rel-head .splide__arrows{position:static;flex:0 0 auto}
.entry-related .splide__arrows .splide__arrow{
	position:static;
	transform:none;
	width:42px;
	height:42px;
	padding:0;
	border:1.5px solid rgba(18,57,92,.25);
	border-radius:50%;
	background:#fff;
	color:var(--rl-navy);
	opacity:1;
	box-shadow:0 1px 3px rgba(18,57,92,.08);
	transition:background-color .18s ease,border-color .18s ease,color .18s ease;
}
.entry-related .splide__arrows .splide__arrow svg{width:16px;height:16px;fill:currentColor}
.entry-related .splide__arrows .splide__arrow:hover{
	background:var(--rl-navy);
	border-color:var(--rl-navy);
	color:#fff;
}
.entry-related .splide__arrows .splide__arrow:focus-visible{outline:2px solid var(--rl-navy);outline-offset:3px}
.entry-related .splide__arrows .splide__arrow:disabled{opacity:.35;cursor:default}

/* Pagination — active dot becomes a navy pill */
.entry-related .splide__pagination{position:static;margin-top:26px;gap:0}
.entry-related .splide__pagination__page{
	width:8px;
	height:8px;
	margin:4px;
	background:var(--rl-navy);
	opacity:.22;
	border-radius:99px;
	transform:none;
	transition:width .2s ease,opacity .2s ease;
}
.entry-related .splide__pagination__page:hover{opacity:.5}
.entry-related .splide__pagination__page.is-active{
	width:22px;
	opacity:1;
	transform:none;
	background:var(--rl-navy);
}

/* Fallback: if the script did not run, keep the arrows off the card faces. */
.entry-related .entry-related-carousel:not(.rtps-rel-done) .splide__arrows .splide__arrow--prev{left:-6px}
.entry-related .entry-related-carousel:not(.rtps-rel-done) .splide__arrows .splide__arrow--next{right:-6px}
.entry-related .entry-related-carousel:not(.rtps-rel-done) .splide__arrows .splide__arrow{position:absolute;top:50%;transform:translateY(-50%)}

@media(max-width:781px){
	.entry-related{padding:42px 0 46px}
	.entry-related .entry-related-title{font-size:22px}
	.entry-related .rtps-rel-head{gap:14px}
	.entry-related .splide__arrows .splide__arrow{width:36px;height:36px}
	.entry-related .splide__arrows .splide__arrow svg{width:14px;height:14px}
	.entry-related .entry.loop-entry .entry-content-wrap{padding:22px 22px 20px}
	.entry-related .entry-related-carousel h3.entry-title{font-size:17px}
}

@media(prefers-reduced-motion:reduce){
	.entry-related .entry.loop-entry,
	.entry-related .splide__arrows .splide__arrow,
	.entry-related .splide__pagination__page{transition:none}
	.entry-related .entry.loop-entry:hover{transform:none}
}