/* Right sidebar sliders (dashboard + public inner pages). Self-contained: prefix .rl- */
.rl-rail{--rl-navy:#07294D;--rl-gold:#FDC72F;--rl-cyan:#00ADE2;--rl-frame:#fff;--rl-line:#e3eaf2;--rl-ink:#07294D;
  display:grid;gap:16px;align-content:start;background:transparent}

/* white frame with a gold accent bar */
.rl-card{position:relative;background:var(--rl-frame);border:1px solid var(--rl-line);border-radius:20px;padding:10px 10px 12px;
  box-shadow:0 10px 26px -18px rgba(7,41,77,.45);overflow:hidden;transition:box-shadow .3s,transform .3s}
.rl-card::before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,var(--rl-gold),var(--rl-cyan))}
.rl-card:hover{box-shadow:0 16px 32px -18px rgba(7,41,77,.55);transform:translateY(-2px)}

.rl-head{display:flex;align-items:center;gap:8px;padding:6px 6px 9px}
.rl-head h3{margin:0;font:700 12.5px/1 "Bitter",Georgia,serif;color:var(--rl-ink);letter-spacing:.07em;text-transform:uppercase}
.rl-head i{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,#003A65,#00ADE2);color:var(--rl-gold);font-size:12px}
.rl-head::after{content:"";flex:1;height:1px;background:var(--rl-line)}
.rl-head .dot{order:3;width:7px;height:7px;border-radius:50%;background:#2fd36b;animation:rlPulse 1.8s infinite}
@keyframes rlPulse{70%{box-shadow:0 0 0 7px rgba(47,211,107,0)}100%{box-shadow:0 0 0 0 rgba(47,211,107,0)}}

/* compact fixed-height sliders */
.rl-swiper{width:100%;position:relative;border-radius:14px;overflow:hidden}
.rl-slide{position:relative;height:178px;overflow:hidden;background:#07294D}
.rl-lead .rl-slide{height:210px}
.rl-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 7s ease-out}
.swiper-slide-active .rl-media{transform:scale(1)}
.rl-lead .rl-media{object-position:center 22%}
.rl-init{position:absolute;inset:0;display:grid;place-items:center;font:700 56px Georgia,serif;color:#fff;background:linear-gradient(135deg,#003A65,#00ADE2)}
.rl-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(4,27,53,.92) 0%,rgba(4,27,53,.5) 42%,rgba(4,27,53,0) 75%)}
.rl-copy{position:absolute;left:0;right:0;bottom:0;padding:12px 14px 26px;color:#fff}
.rl-copy h4{margin:6px 0 2px;color:#fff;font:700 16px/1.2 "Bitter",Georgia,serif;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.rl-copy p{margin:0 0 8px;font-size:12.5px;line-height:1.4;color:rgba(255,255,255,.86);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rl-copy p:last-child{margin-bottom:0}
.rl-tag{display:inline-block;background:var(--rl-gold);color:#051435;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:100px}
.rl-btn{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#07294D!important;padding:6px 13px;border-radius:100px;font-weight:600;font-size:12px;text-decoration:none;transition:.3s}
.rl-btn:hover{background:var(--rl-gold);gap:10px}
.swiper-slide-active .rl-copy>*{animation:rlUp .6s both}
.swiper-slide-active .rl-copy>*:nth-child(2){animation-delay:.08s}.swiper-slide-active .rl-copy>*:nth-child(3){animation-delay:.16s}.swiper-slide-active .rl-copy>*:nth-child(4){animation-delay:.24s}
@keyframes rlUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.rl-rail .swiper-pagination{bottom:8px!important}
.rl-rail .swiper-pagination-bullet{background:#fff;opacity:.55;width:6px;height:6px}
.rl-rail .swiper-pagination-bullet-active{background:var(--rl-gold)!important;opacity:1;width:18px;border-radius:4px}
.rl-ad .rl-swiper::after{content:"Ad";position:absolute;right:8px;top:8px;z-index:4;font-size:9px;letter-spacing:.1em;text-transform:uppercase;background:rgba(0,0,0,.5);color:#fff;padding:2px 8px;border-radius:100px}

/* dashboard layout wrapper */
.app-split{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.app-split>.rl-rail,.u-with-rail>.rl-rail{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
@media(min-width:1200px){.app-split{grid-template-columns:minmax(0,1fr) 300px}
  .app-split>.rl-rail{grid-template-columns:1fr;position:sticky;top:84px;align-self:start;max-height:calc(100vh - 100px);overflow-y:auto;scrollbar-width:none}
  .app-split>.rl-rail::-webkit-scrollbar{display:none}
  .u-with-rail>.rl-rail{grid-template-columns:1fr}}

[data-bs-theme=dark] .rl-rail{--rl-frame:#111a2b;--rl-line:rgba(255,255,255,.12);--rl-ink:#e8eef7}
@media(prefers-reduced-motion:reduce){.rl-media,.rl-copy>*{animation:none!important;transition:none!important;transform:none!important}}

/* Safety net: logged-in pages never hide content behind the scroll-animation library (AOS). */
.app-main2 [data-aos]{opacity:1!important;transform:none!important;pointer-events:auto!important;visibility:visible!important}

/* Sidebar logout */
.side-logout{margin:14px 0 6px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12)}
.side-logout .side-link{width:100%;border:0;background:rgba(220,53,69,.14);color:#ff8a94;text-align:left;cursor:pointer}
.side-logout .side-link:hover{background:#dc3545;color:#fff}
