/* == Layout == */
.lss-page { direction:rtl; }
.lss-container { width:100%; max-width:1280px; margin:0 auto; padding:0 16px; }

/* == Hero == */
.lss-hero { background:linear-gradient(135deg,#117098 0%,#07426a 100%); padding:36px 0 32px; }
.lss-breadcrumb { display:flex; align-items:center; gap:9px; flex-wrap:wrap; margin-bottom:22px; font-family:DIN-Regular,sans-serif; font-size:15px; }
.lss-breadcrumb a { color:rgba(255,255,255,.8); text-decoration:none; }
.lss-breadcrumb a:hover { color:#fff; text-decoration:underline; }
.lss-breadcrumb .sep { color:rgba(255,255,255,.5); font-size:11px; }
.lss-breadcrumb .cur { color:#fff; font-family:DIN-Bold,sans-serif; font-size:16px; }
.lss-hero-title-bar { max-width:760px; margin:0 auto 14px; display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.lss-hero-title-text { font-family:DIN-Bold,sans-serif; font-size:1.55rem; color:#fff; margin:0; line-height:1.4; text-shadow:0 2px 10px rgba(0,0,0,.35); }
.lss-hero-live-badge { display:inline-flex; align-items:center; gap:6px; background:#e02020; color:#fff; font-family:DIN-Bold,sans-serif; font-size:13px; border-radius:6px; padding:5px 12px; animation:liveglow 1.5s infinite; white-space:nowrap; }
.lss-hero-live-badge::before { content:''; display:inline-block; width:8px; height:8px; border-radius:50%; background:#fff; animation:livepulse 1.2s infinite; }
@keyframes liveglow  { 0%{box-shadow:0 0 0 0 rgba(224,32,32,.7)} 70%{box-shadow:0 0 0 10px rgba(224,32,32,0)} 100%{box-shadow:0 0 0 0 rgba(224,32,32,0)} }
@keyframes livepulse { 0%,100%{opacity:1} 50%{opacity:.3} }
.lss-hero-sched-badge { display:inline-flex; align-items:center; gap:6px; background:#c8961c; color:#fff; font-family:DIN-Bold,sans-serif; font-size:13px; border-radius:6px; padding:5px 12px; }
.lss-hero-ended-badge { display:inline-flex; align-items:center; gap:6px; background:rgba(255,255,255,.18); color:#fff; font-family:DIN-Bold,sans-serif; font-size:13px; border-radius:6px; padding:5px 12px; }
.lss-player-wrap { max-width:760px; margin:0 auto; }
.lss-player-box { position:relative; padding-top:56.25%; background:#000; border-radius:12px; overflow:hidden; box-shadow:0 8px 40px rgba(0,0,0,.45); }
.lss-player-box iframe, .lss-player-box video { position:absolute; inset:0; width:100%; height:100%; border:none; }

/* == Body == */
.lss-section { padding:24px 0 40px; }
.lss-layout { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:28px; align-items:start; }
@media(max-width:960px){ .lss-layout{ grid-template-columns:1fr; } }
.lss-meta { display:flex; align-items:center; gap:14px; flex-wrap:wrap; font-family:DIN-Regular,sans-serif; font-size:13px; color:#8a9aaa; margin-bottom:12px; }
.lss-meta i { color:#117098; margin-left:4px; }
.lss-divider { border:none; border-top:1px solid #eceef3; margin:14px 0; }
.lss-desc { font-family:DIN-Regular,sans-serif; font-size:15px; color:#444; line-height:1.9; }

/* == Share == */
.lss-share { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.lss-share-label { font-family:DIN-Bold,sans-serif; font-size:13px; color:#8a9aaa; }
.lss-share-btn { display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:7px 14px; border-radius:8px; font-family:DIN-Bold,sans-serif; font-size:13px; text-decoration:none; border:none; cursor:pointer; transition:transform .2s,box-shadow .2s; }
.lss-share-btn:hover { transform:translateY(-2px); box-shadow:0 4px 14px rgba(0,0,0,.15); }
.lss-share-btn.fb  { background:#1877f2; color:#fff; }
.lss-share-btn.tw  { background:#000; color:#fff; }
.lss-share-btn.wa  { background:#25d366; color:#fff; }
.lss-share-btn.cp  { background:#f0f3f7; color:#485264; }
.lss-share-btn.cp.copied { background:#e6f9f0; color:#1a9e5f; }

/* == Related sidebar == */
.lss-related-heading { font-family:DIN-Bold,sans-serif; font-size:15px; color:#1c2433; margin:0 0 14px; display:flex; align-items:center; gap:8px; padding-right:10px; border-right:4px solid #117098; }
.lss-rel-card { display:grid; grid-template-columns:110px 1fr; gap:10px; text-decoration:none; color:inherit; padding:10px; border-radius:10px; transition:background .2s; }
.lss-rel-card + .lss-rel-card { border-top:1px solid #f0f3f7; }
.lss-rel-card:hover { background:#f7f9fb; }
.lss-rel-thumb { width:110px; height:72px; border-radius:8px; overflow:hidden; background:#0a2d42; position:relative; }
.lss-rel-thumb img { width:100%; height:100%; object-fit:cover; }
.lss-rel-thumb-ov { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.28); }
.lss-rel-thumb-ov i { font-size:1.4rem; color:#fff; }
.lss-rel-title { font-family:DIN-Bold,sans-serif; font-size:13px; color:#1c2433; line-height:1.5; margin:0 0 5px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.lss-rel-meta  { font-family:DIN-Regular,sans-serif; font-size:11px; color:#8a9aaa; display:flex; align-items:center; gap:4px; }

/* == Articles Carousel heading == */
.lss-articles-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }
.lss-articles-heading h2 { font-family:DIN-Bold,sans-serif; font-size:1.05rem; color:#1c2433; margin:0; display:flex; align-items:center; gap:8px; padding-right:10px; border-right:4px solid #117098; }
.lss-articles-heading a { font-family:DIN-Regular,sans-serif; font-size:13px; color:#117098; text-decoration:none; }
.lss-articles-heading a:hover { text-decoration:underline; }

.lss-art-card { background:#fff; border-radius:12px; height:270px; overflow:hidden; box-shadow:0 4px 12px rgba(0,0,0,.07); position:relative; transition:all .35s; }
.lss-art-card:hover { transform:translateY(-5px); box-shadow:0 12px 28px rgba(0,0,0,.13); }
.lss-art-link { display:flex; flex-direction:column; text-decoration:none; }
.lss-art-img-wrap { width:100%; height:160px; overflow:hidden; background:#e8edf2; }
.lss-art-img-wrap img { width:100%; height:100%; object-fit:cover; transition:transform .35s; }
.lss-art-card:hover .lss-art-img-wrap img { transform:scale(1.06); }
.lss-art-body { padding:12px 14px 14px; }
.lss-art-title { font-family:DIN-Bold,sans-serif; font-size:14px; line-height:22px; color:#212529; margin:0 0 8px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; transition:color .3s; }
.lss-art-card:hover .lss-art-title { color:#117098; }
.lss-art-author { font-family:DIN-Regular,sans-serif; font-size:12px; color:#868e96; padding-top:7px; border-top:1px solid #f0f0f0; display:flex; align-items:center; gap:5px; }
.lss-art-author i { color:#117098; font-size:11px; }

.lss-carousel-wrap { position:relative; padding:0 28px; }
.lss-carousel-wrap .owl-nav button { position:absolute; top:45%; transform:translateY(-50%); width:38px; height:38px; background:#117098 !important; border-radius:50%; border:none !important; box-shadow:0 4px 12px rgba(17,112,152,.35); display:flex !important; align-items:center; justify-content:center; transition:background .2s; outline:none !important; font-size:0 !important; }
.lss-carousel-wrap .owl-nav button span { display:none; }
.lss-carousel-wrap .owl-nav button::after { content:''; display:block; width:9px; height:9px; border-top:2px solid #fff; border-right:2px solid #fff; }
.lss-carousel-wrap .owl-nav .owl-prev { right:0; }
.lss-carousel-wrap .owl-nav .owl-prev::after { transform:rotate(45deg) translate(-1px,1px); }
.lss-carousel-wrap .owl-nav .owl-next { left:0; }
.lss-carousel-wrap .owl-nav .owl-next::after { transform:rotate(-135deg) translate(-1px,1px); }
.lss-carousel-wrap .owl-nav button:hover { background:#0d5a78 !important; }
.lss-carousel-wrap .owl-dots { margin-top:14px; text-align:center; }
.lss-carousel-wrap .owl-dot { width:10px; height:10px; background:rgba(0,0,0,.18); border-radius:50%; display:inline-block; margin:0 4px; transition:all .3s; }
.lss-carousel-wrap .owl-dot.active { background:#117098; width:26px; border-radius:5px; }
.lss-carousel-item { padding:6px 8px; }