/* AlRahma Bootstrap 5.3.8 migration layer
 * Only loaded on redesigned internal pages.
 * Legacy Bootstrap 4 remains available for old components.
 */
.bootstrap5-internal { --bs-primary: #0f6b45; --bs-link-color: #0f6b45; --bs-link-hover-color: #0b5135; }
.bootstrap5-internal .container { max-width: 1180px; }
.bootstrap5-internal .pagination { gap: .35rem; }
.bootstrap5-internal .pagination .page-link { border-radius: .65rem; color: #0f6b45; border-color: #dfe7e1; }
.bootstrap5-internal .pagination .page-item.active .page-link { background:#0f6b45; border-color:#0f6b45; color:#fff; }
.bootstrap5-internal .btn-primary { background:#0f6b45; border-color:#0f6b45; }
.bootstrap5-internal .btn-primary:hover { background:#0b5135; border-color:#0b5135; }


/* V14: internal pages are authored with Bootstrap 5 components */
.bootstrap5-internal .ra-page { min-height: 420px; }
.bootstrap5-internal .ra-page a { text-decoration-thickness: .06em; }
.bootstrap5-internal .ra-card, .bootstrap5-internal .ar-series-card { transition: transform .2s ease, box-shadow .2s ease; }
.bootstrap5-internal .ra-card:hover, .bootstrap5-internal .ar-series-card:hover { transform: translateY(-4px); box-shadow: 0 1rem 2rem rgba(0,0,0,.10)!important; }
.bootstrap5-internal .ra-thumb, .bootstrap5-internal .ar-series-thumb { overflow:hidden; background:#f8f9fa; }
.bootstrap5-internal .ra-thumb img, .bootstrap5-internal .ar-series-thumb img { width:100%; aspect-ratio:16/9; object-fit:cover; display:block; }
.bootstrap5-internal .ra-body { padding:1.1rem; }
.bootstrap5-internal .ra-body h3 { font-size:1.15rem; font-weight:700; color:#173b2a; margin:.45rem 0; }
.bootstrap5-internal .ar-series-body { padding:1.1rem; }
.bootstrap5-internal .ar-series-body h2 { font-size:1.1rem; font-weight:700; margin:.45rem 0; }
.bootstrap5-internal .ra-video iframe { border:0; }
.bootstrap5-internal .ra-rich img { max-width:100%; height:auto; }
.bootstrap5-internal .pagination .page-link { cursor:pointer; }
.bootstrap5-internal .ar-series-hero-mark { display:none!important; }

/* V15: Bootstrap 5 program detail cards */
.bootstrap5-internal .program-episodes-grid{align-items:stretch;}
.bootstrap5-internal .program-episode-card{border-radius:1rem;transition:transform .2s ease,box-shadow .2s ease;}
.bootstrap5-internal .program-episode-card:hover{transform:translateY(-4px);box-shadow:0 1rem 2rem rgba(0,0,0,.10)!important;}
.bootstrap5-internal .program-episode-card img{object-fit:cover;}
.bootstrap5-internal .program-episode-card h3{color:#173b2a;}
.bootstrap5-internal .program-episode-card .text-success{color:#087443!important;}


/* V16 - related episode cards */
.ra-related-card{transition:transform .2s ease,box-shadow .2s ease;}
.ra-related-card:hover{transform:translateY(-3px);box-shadow:0 .75rem 1.5rem rgba(0,0,0,.10)!important;}
.ra-related-card .object-fit-cover{object-fit:cover;}
.ra-related-card h3 a:hover{color:#198754!important;}