/*
Theme Name: SoftArab
Theme URI: https://softarab.org
Author: SoftArab
Author URI: https://softarab.org
Description: قالب ووردبريس عربي (من اليمين لليسار) خفيف وسريع لمواقع تحميل البرامج. يعمل مع المحرر الكلاسيكي (Classic Editor) ولا يحتاج إلى أي باني صفحات. A lightweight Arabic RTL theme for software download websites, built for the Classic Editor.
Version: 1.2.0
Requires at least: 5.8
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: softarab
Tags: rtl-language-support, translation-ready, blog, custom-logo, custom-menu, featured-images, threaded-comments, right-sidebar, accessibility-ready
*/

:root{
	--sa-accent:#0b7a75;--sa-accent-dark:#095b58;--sa-accent-soft:#e7f2f1;--sa-accent-ink:#fff;--sa-accent-text:#0b7a75;
	--sa-ink:#14202b;--sa-muted:#52606d;--sa-line:#d9e2e6;--sa-soft:#f4f7f8;--sa-bg:#fff;
	--sa-warn-bg:#fff7e6;--sa-warn-line:#e0b35a;--sa-warn-ink:#5c3d00;
	--sa-focus:#0b57d0;--sa-radius:10px;--sa-max:1180px;
	--sa-font:system-ui,-apple-system,"Segoe UI",Tahoma,"Noto Sans Arabic","Noto Naskh Arabic",Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--sa-bg);color:var(--sa-ink);font-family:var(--sa-font);font-size:1.0625rem;line-height:1.9;overflow-wrap:break-word}
img,video,iframe{max-width:100%}
img{height:auto}
a{color:var(--sa-accent-text);text-underline-offset:.2em}
a:hover{color:var(--sa-accent-dark)}
:focus-visible{outline:3px solid var(--sa-focus);outline-offset:2px}
h1,h2,h3,h4{line-height:1.45;margin:0 0 .6em;font-weight:700}
h1{font-size:clamp(1.55rem,3.2vw,2.15rem)}
h2{font-size:clamp(1.25rem,2.4vw,1.5rem)}
h3{font-size:1.15rem}
p{margin:0 0 1.1em}
ul,ol{padding-inline-start:1.5rem}
bdi{unicode-bidi:isolate}
.container{width:min(100% - 2rem,var(--sa-max));margin-inline:auto}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
.screen-reader-text:focus,.skip-link:focus{background:#fff;clip:auto;clip-path:none;color:var(--sa-ink);display:block;font-weight:700;height:auto;inset-block-start:.5rem;inset-inline-start:.5rem;padding:.8rem 1.2rem;width:auto;z-index:100000;border-radius:6px;box-shadow:0 0 0 3px var(--sa-focus)}

/* Header */
.site-header{border-bottom:1px solid var(--sa-line);background:#fff}
.site-header__row{display:flex;align-items:center;gap:1rem 1.5rem;flex-wrap:wrap;padding-block:.8rem}
.brand{display:flex;flex-direction:column;line-height:1.3}
.brand__name{font-size:1.5rem;font-weight:800;color:var(--sa-ink);text-decoration:none}
.brand__tag{font-size:.85rem;color:var(--sa-muted)}
.custom-logo-link,.brand__logo-link{display:block;line-height:0}
.brand__logo{display:block;height:56px;width:auto;max-width:100%}
.custom-logo{max-height:56px;width:auto}
.site-nav{display:flex;align-items:center;gap:1rem 1.5rem;flex:1 1 28rem;flex-wrap:nowrap;min-width:0}
.site-nav__menu{flex:1 1 auto;min-width:0}
.nav-menu,.nav-menu ul{list-style:none;margin:0;padding:0}
.nav-menu{display:flex;flex-wrap:wrap;gap:.25rem .5rem}
.nav-menu li{position:relative}
.nav-menu a{display:block;padding:.45rem .65rem;border-radius:6px;color:var(--sa-ink);font-weight:600;text-decoration:none}
.nav-menu a:hover,.nav-menu .current-menu-item>a,.nav-menu .current-menu-ancestor>a{background:var(--sa-accent-soft);color:var(--sa-accent-dark)}
.nav-menu .sub-menu{display:none;position:absolute;inset-inline-start:0;min-width:13rem;z-index:50;background:#fff;border:1px solid var(--sa-line);border-radius:8px;padding:.3rem}
.nav-menu li:hover>.sub-menu,.nav-menu li:focus-within>.sub-menu{display:block}
.site-header--stacked .site-header__row{flex-direction:column;align-items:flex-start}
.site-header--stacked .site-nav{width:100%}
.nav-toggle{display:none;align-items:center;gap:.5rem;margin-inline-start:auto;min-height:44px;padding:.4rem .9rem;border:1px solid var(--sa-line);border-radius:8px;background:#fff;color:var(--sa-ink);font:inherit;font-weight:600;cursor:pointer}
.nav-toggle__bars,.nav-toggle__bars::before,.nav-toggle__bars::after{display:block;width:20px;height:2px;background:currentColor;content:"";position:relative}
.nav-toggle__bars::before{position:absolute;inset-block-start:-6px}
.nav-toggle__bars::after{position:absolute;inset-block-start:6px}

/* Search */
.search-form{display:flex;gap:.4rem;max-width:26rem;width:100%}
.search-form__input{flex:1 1 auto;min-width:0;min-height:44px;padding:.4rem .9rem;border:1px solid #8a99a5;border-radius:8px;font:inherit;background:#fff;color:var(--sa-ink)}
.search-form__btn{min-height:44px;padding:.4rem 1.1rem;border:2px solid var(--sa-accent);border-radius:8px;background:var(--sa-accent);color:var(--sa-accent-ink);font:inherit;font-weight:700;cursor:pointer}
.search-form__btn:hover{background:var(--sa-accent-dark);border-color:var(--sa-accent-dark)}
.site-nav .search-form{flex:0 1 13rem;min-width:10rem;width:auto}

/* Layout */
.site-main{padding-block:1.5rem 3rem;min-height:50vh}
.site-main:focus{outline:none}
.layout{display:grid;gap:2rem;grid-template-columns:minmax(0,1fr)}
.layout--sidebar{grid-template-columns:minmax(0,1fr) 300px}
.content-col{min-width:0}
.breadcrumbs{margin-bottom:1rem;font-size:.92rem;color:var(--sa-muted)}
.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.2rem .5rem;list-style:none;margin:0;padding:0}
.breadcrumbs li+li::before{content:"›";margin-inline-end:.5rem;color:var(--sa-muted)}
.breadcrumbs a{color:var(--sa-muted)}
.breadcrumbs [aria-current]{color:var(--sa-ink)}

/* Cards and grids */
.grid{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fill,minmax(235px,1fr))}
.layout--sidebar .grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.card{display:flex;flex-direction:column;border:1px solid var(--sa-line);border-radius:var(--sa-radius);background:#fff;overflow:hidden;transition:border-color .15s}
.card:hover,.card:focus-within{border-color:var(--sa-accent)}
.card__media{display:block;line-height:0;background:var(--sa-soft)}
.card__media img{width:100%;height:auto;aspect-ratio:8/5;object-fit:cover}
.card__body{padding:.85rem 1rem 1rem;display:flex;flex-direction:column;gap:.35rem;flex:1}
.card__title{margin:0;font-size:1.06rem;line-height:1.55}
.card__title a{color:var(--sa-ink);text-decoration:none}
.card__title a:hover{color:var(--sa-accent-text);text-decoration:underline}
.card__excerpt{margin:0;font-size:.95rem;color:var(--sa-muted);line-height:1.7}
.card__date{margin:auto 0 0;font-size:.85rem;color:var(--sa-muted)}
.chips{display:flex;flex-wrap:wrap;gap:.3rem;list-style:none;margin:0;padding:0}
.chips li{padding:0 .55rem;border-radius:999px;background:var(--sa-soft);border:1px solid var(--sa-line);font-size:.82rem;line-height:1.7;color:var(--sa-muted)}
.grid--list{grid-template-columns:1fr!important}
.grid--list .card{flex-direction:row}
.grid--list .card__media{flex:0 0 200px}
.grid--list .card__media img{height:100%}

/* Archive */
.archive-head{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--sa-line)}
.archive-title{margin-bottom:.4rem}
.archive-desc{color:var(--sa-muted);max-width:70ch}
.archive-desc>*:last-child{margin-bottom:0}
.cat-nav ul,.cat-nav__list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:.8rem 0 0;padding:0}
.cat-nav a,.cat-nav__list a{display:inline-block;padding:.15rem .9rem;border:1px solid var(--sa-line);border-radius:999px;color:var(--sa-ink);text-decoration:none;background:#fff}
.cat-nav a:hover,.cat-nav__list a:hover{border-color:var(--sa-accent);color:var(--sa-accent-text)}
.empty{padding:1.5rem;background:var(--sa-soft);border-radius:var(--sa-radius)}
.pagination{margin-top:2rem}
.nav-links{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}
.page-numbers{display:inline-block;min-width:44px;min-height:44px;padding:.5rem .8rem;border:1px solid var(--sa-line);border-radius:8px;text-align:center;text-decoration:none;color:var(--sa-ink)}
a.page-numbers:hover{border-color:var(--sa-accent)}
.page-numbers.current{background:var(--sa-accent);border-color:var(--sa-accent);color:var(--sa-accent-ink);font-weight:700}
.page-numbers.dots{border-color:transparent}

/* Homepage */
.home-intro{background:var(--sa-soft);border-bottom:1px solid var(--sa-line);padding-block:2rem}
.home-intro__title{margin-bottom:.5rem}
.home-intro__text{max-width:62ch;margin:0;color:var(--sa-muted);font-size:1.1rem}
.home-section{padding-block:1.75rem 0}
.home-section__title{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}
.home-section__title::before{content:"";width:6px;height:1.3em;border-radius:3px;background:var(--sa-accent)}
.cat-grid,.link-cards{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));list-style:none;margin:0;padding:0}
.link-cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.cat-card{display:flex;flex-direction:column;height:100%;padding:1rem;border:1px solid var(--sa-line);border-radius:var(--sa-radius);text-decoration:none;color:var(--sa-ink);background:#fff}
.cat-card:hover{border-color:var(--sa-accent)}
.cat-card__name{font-weight:700}
.cat-card__count{font-size:.88rem;color:var(--sa-muted)}
.link-card{padding:1rem;border:1px solid var(--sa-line);border-radius:var(--sa-radius)}
.link-card a{font-weight:700}
.link-card p{margin:.3rem 0 0;font-size:.95rem;color:var(--sa-muted)}
.entry-content--home{max-width:80ch}

/* Article */
.entry-head{margin-bottom:1.2rem}
.entry-cats{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:0 0 .6rem;padding:0}
.entry-cats a{display:inline-block;padding:0 .75rem;border-radius:999px;background:var(--sa-accent-soft);color:var(--sa-accent-dark);font-size:.88rem;font-weight:600;text-decoration:none}
.entry-title{margin-bottom:.5rem}
.meta{display:flex;flex-wrap:wrap;gap:.2rem 1.2rem;margin:0;color:var(--sa-muted);font-size:.92rem}
.entry-lead{margin:.8rem 0 0;font-size:1.12rem;color:var(--sa-muted)}
.entry-media{margin:0 0 1.5rem}
.entry-media img{display:block;width:100%;height:auto;border-radius:var(--sa-radius)}
.entry-content{font-size:1.06rem}
.entry-content>*:first-child{margin-top:0}
.entry-content h2{margin-top:2rem;padding-top:.2rem;scroll-margin-top:1rem}
.entry-content h3{margin-top:1.6rem;scroll-margin-top:1rem}
.entry-content h4{margin-top:1.3rem}
.entry-content a{overflow-wrap:anywhere}
.entry-content li{margin-bottom:.3rem}
.entry-content blockquote{margin:1.4rem 0;padding:.5rem 1.1rem;border-inline-start:4px solid var(--sa-accent);background:var(--sa-soft)}
.entry-content blockquote>*:last-child{margin-bottom:0}
.entry-content img{border-radius:6px}
.entry-content hr{border:0;border-top:1px solid var(--sa-line);margin:2rem 0}
pre,code,kbd,samp{direction:ltr;unicode-bidi:isolate;text-align:left;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}
code,kbd{padding:.1em .4em;border-radius:4px;background:var(--sa-soft);border:1px solid var(--sa-line)}
pre{overflow:auto;padding:1rem;border-radius:8px;background:#10202b;color:#e8eff3;line-height:1.6}
pre code{padding:0;border:0;background:none;color:inherit}
.table-wrap{overflow-x:auto;margin:1.3rem 0}
.entry-content table,.info__table{width:100%;border-collapse:collapse}
.entry-content th,.entry-content td{border:1px solid var(--sa-line);padding:.55rem .75rem;text-align:start;vertical-align:top}
.entry-content th{background:var(--sa-soft)}
.embed-wrap{margin:1.3rem 0}
.embed-wrap iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:8px}
.alignleft{float:left;margin:0 1.2rem 1rem 0}
.alignright{float:right;margin:0 0 1rem 1.2rem}
.aligncenter{display:block;margin-inline:auto;text-align:center}
.wp-caption{max-width:100%;margin:1.2rem 0}
.wp-caption img{display:block;margin-inline:auto}
figcaption,.wp-caption-text,.gallery-caption{padding:.45rem .5rem;font-size:.9rem;line-height:1.6;color:var(--sa-muted);text-align:center}
.gallery{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:1.2rem 0}
.gallery-item{margin:0}
.gallery-item img{width:100%;height:auto}
.sticky,.bypostauthor{display:block}
.page-links{margin:1.5rem 0;display:flex;gap:.5rem}

/* Software info + extras */
.info{margin:1.2rem 0}
.info__table{border:1px solid var(--sa-line);table-layout:fixed}
.info__table td{overflow-wrap:anywhere}
.info__table th,.info__table td{padding:.6rem .9rem;border-bottom:1px solid var(--sa-line);text-align:start;vertical-align:top}
.info__table th{width:34%;background:var(--sa-soft);font-weight:700}
.info__table tr:last-child th,.info__table tr:last-child td{border-bottom:0}
.extra{margin:2rem 0}
.steps{counter-reset:step;list-style:none;padding:0}
.steps li{counter-increment:step;position:relative;padding-inline-start:2.8rem;margin-bottom:.9rem}
.steps li::before{content:counter(step);position:absolute;inset-inline-start:0;inset-block-start:.25rem;display:grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--sa-accent);color:var(--sa-accent-ink);font-weight:700;font-size:.9rem;line-height:1}
.pc{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.pc__col{padding:1rem 1.1rem;border:1px solid var(--sa-line);border-radius:var(--sa-radius)}
.pc__col--pros{border-inline-start:5px solid var(--sa-accent)}
.pc__col--cons{border-inline-start:5px solid var(--sa-warn-line)}
.pc__col h3{margin-top:0}
.faq__item{padding:.9rem 0;border-bottom:1px solid var(--sa-line)}
.faq__item h3{margin-bottom:.3rem}
.faq__item p{margin:0}
.toc{margin:1.4rem 0;border:1px solid var(--sa-line);border-radius:8px;background:var(--sa-soft)}
.toc summary{cursor:pointer;padding:.7rem 1rem;font-weight:700}
.toc ol{margin:0;padding:0 0 .9rem;padding-inline:2rem 1rem}
.toc ol ol{padding-block:.2rem 0}
.toc li{margin-bottom:.2rem}
.tags{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:1.5rem 0 0;padding:0}
.tags a{display:inline-block;padding:0 .75rem;border:1px solid var(--sa-line);border-radius:999px;font-size:.88rem;color:var(--sa-muted);text-decoration:none}
.author-box{margin-top:2rem;padding:1rem 1.2rem;border:1px solid var(--sa-line);border-radius:var(--sa-radius);background:var(--sa-soft)}
.author-box__title{font-size:1rem;margin:0 0 .3rem}
.author-box__name{font-weight:700;margin-bottom:.3rem}
.author-box p:last-child{margin:0}
.related{margin-top:2.5rem}

/* Download box */
.dl-box{margin:1.5rem 0;padding:1.1rem 1.25rem 1.25rem;border:1px solid var(--sa-line);border-inline-start:6px solid var(--sa-accent);border-radius:var(--sa-radius);background:#fff}
.dl-box--outline{border-color:var(--sa-accent);border-inline-start-width:1px}
.dl-box--solid{background:var(--sa-accent-soft);border-color:var(--sa-accent-soft);border-inline-start:6px solid var(--sa-accent)}
.dl-box h2{margin:0 0 .4rem;font-size:1.3rem}
.dl-box__meta{display:flex;flex-wrap:wrap;gap:.2rem 1.1rem;margin:0 0 1rem;padding:0;list-style:none;color:var(--sa-muted);font-size:.95rem}
.dl-box__actions{display:flex;flex-wrap:wrap;gap:.8rem 1rem;align-items:flex-start}
.dl-box__main{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem}
.dl-box__source{margin:0;font-size:.9rem;color:var(--sa-muted);line-height:1.6}
.dl-box__host{overflow-wrap:anywhere}
.dl-box--compact{padding:.9rem 1.1rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:48px;padding:.55rem 1.3rem;border:2px solid var(--sa-accent);border-radius:8px;font-weight:700;text-decoration:none;line-height:1.4;text-align:center}
.btn--primary{min-width:11rem;background:var(--sa-accent);color:var(--sa-accent-ink);font-size:1.15rem}
.btn--primary:hover{background:var(--sa-accent-dark);border-color:var(--sa-accent-dark);color:var(--sa-accent-ink)}
.btn--secondary{background:#fff;color:var(--sa-accent-text)}
.btn--secondary:hover{background:var(--sa-accent-soft)}
.btn--ghost{background:#fff;border-color:var(--sa-line);color:var(--sa-ink);font-weight:600}
.btn--ghost:hover{border-color:var(--sa-accent);color:var(--sa-ink)}
.btn--ghost{flex-direction:column;gap:.1rem}
.btn--ghost .dl-box__host{display:block;font-weight:400;color:var(--sa-muted);font-size:.85rem;overflow-wrap:anywhere}
.badge{display:inline-block;padding:0 .65rem;margin-inline-end:.4rem;border-radius:999px;font-size:.85rem;font-weight:700;line-height:1.7}
.badge--official{background:var(--sa-accent-soft);color:var(--sa-accent-dark);border:1px solid var(--sa-accent)}
.badge--third{background:var(--sa-warn-bg);color:var(--sa-warn-ink);border:1px solid var(--sa-warn-line)}
.notice-box{margin:1.2rem 0;padding:.8rem 1rem;border:1px solid var(--sa-warn-line);border-inline-start-width:6px;border-radius:var(--sa-radius);background:var(--sa-warn-bg);color:var(--sa-warn-ink)}

/* Sidebar + widgets */
.sidebar{display:flex;flex-direction:column;gap:1.5rem}
.widget{padding:1rem 1.1rem;border:1px solid var(--sa-line);border-radius:var(--sa-radius)}
.widget-title{margin:0 0 .6rem;font-size:1.08rem;padding-bottom:.4rem;border-bottom:2px solid var(--sa-accent)}
.widget ul{margin:0;padding:0;list-style:none}
.widget li{padding:.3rem 0;border-bottom:1px solid var(--sa-soft)}
.widget li:last-child{border-bottom:0}
.widget a{text-decoration:none}
.widget a:hover{text-decoration:underline}
.ad-slot{margin:1.2rem 0;padding:.5rem;border:1px dashed var(--sa-line);border-radius:8px;text-align:center;overflow:hidden}
.ad-slot__label{margin:0 0 .3rem;font-size:.78rem;color:var(--sa-muted)}
.ad-slot__item{max-width:100%;overflow:hidden}

/* Comments */
.comments{margin-top:2.5rem}
.comment-list{list-style:none;padding:0}
.comment-list .children{list-style:none;padding-inline-start:1.5rem}
.comment-body{padding:1rem;margin-bottom:1rem;border:1px solid var(--sa-line);border-radius:var(--sa-radius)}
.comment-meta{font-size:.88rem;color:var(--sa-muted)}
.comment-respond input[type=text],.comment-respond input[type=email],.comment-respond input[type=url],.comment-respond textarea{width:100%;max-width:640px;padding:.5rem .8rem;border:1px solid #8a99a5;border-radius:8px;font:inherit}
.comment-respond input[type=submit]{min-height:44px;padding:.4rem 1.3rem;border:2px solid var(--sa-accent);border-radius:8px;background:var(--sa-accent);color:var(--sa-accent-ink);font:inherit;font-weight:700;cursor:pointer}

/* Footer */
.site-footer{margin-top:2rem;padding-block:2rem;border-top:1px solid var(--sa-line);background:var(--sa-soft);font-size:.95rem}
.footer-widgets{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:1.5rem}
.footer-widgets .widget{background:#fff}
.footer-menu,.social{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;list-style:none;margin:0 0 .8rem;padding:0}
.footer-text{margin:0;color:var(--sa-muted)}

/* Phones and tablets */
@media (max-width:860px){
	.layout--sidebar{grid-template-columns:minmax(0,1fr)}
	.nav-toggle{display:inline-flex}
	.site-nav{display:none;flex-basis:100%;flex-direction:column;flex-wrap:wrap;align-items:stretch;padding-top:.4rem}
	.js .site-nav.is-open{display:flex}
	.no-js .site-nav{display:flex}
	.no-js .nav-toggle{display:none}
	.nav-menu{flex-direction:column}
	.nav-menu .sub-menu{display:block;position:static;border:0;padding:0;padding-inline-start:1rem}
	.site-nav .search-form{max-width:none;min-width:0;flex:0 0 auto;width:100%}
	.grid--list .card{flex-direction:column}
	.grid--list .card__media{flex-basis:auto}
	.info__table th{width:40%}
	.dl-box__actions{flex-direction:column;align-items:stretch}
	.dl-box__main{align-items:stretch}
	.btn--primary{min-width:0}
}
@media (max-width:480px){
	.brand__logo{height:44px}
	body{font-size:1rem}
	.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.8rem}
	.card__body{padding:.7rem .75rem .85rem}
	.card__title{font-size:.98rem}
}
@media (prefers-reduced-motion:reduce){
	*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media print{
	.site-header,.site-footer,.sidebar,.ad-slot,.search-form,.related,.comments{display:none}
}

/* Icon beside the title (featured image style B) */
.entry-head__row{display:flex;gap:1rem;align-items:flex-start}
.entry-head__text{min-width:0;flex:1 1 auto}
.entry-icon{flex:0 0 auto;margin:0;width:88px;height:88px;border-radius:20px;overflow:hidden;border:1px solid var(--sa-line);background:var(--sa-soft)}
.entry-icon img{display:block;width:100%;height:100%;object-fit:cover}
.card__media--icon{display:grid;place-items:center;padding:1rem;aspect-ratio:8/5;background:var(--sa-soft)}
.card__media--icon img{width:96px;height:96px;aspect-ratio:1/1;object-fit:cover;border-radius:20px;border:1px solid var(--sa-line);background:#fff}

/* Screenshots carousel: native scroll-snap, works by swipe with no JavaScript */
.shots{margin:1.5rem 0}
.shots__title,.video__title{margin-bottom:.7rem}
.shots__track{--shot-h:340px;display:flex;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:.5rem;position:relative;border-radius:var(--sa-radius)}
.shots__slide{flex:0 0 auto;margin:0;scroll-snap-align:start}
.shots__slide a{display:block;line-height:0;border:1px solid var(--sa-line);border-radius:var(--sa-radius);overflow:hidden;background:var(--sa-soft)}
.shots__slide img{display:block;height:var(--shot-h);width:auto;max-width:min(88vw,760px);object-fit:contain}
.shots__slide figcaption{max-width:min(88vw,760px);padding:.4rem .2rem 0;text-align:start}
.shots__nav{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:.4rem}
.shots__nav[hidden]{display:none}
.shots__btn{min-width:5.5rem;min-height:44px;padding:.3rem 1rem;border:1px solid var(--sa-line);border-radius:8px;background:#fff;color:var(--sa-ink);font:inherit;font-weight:700;cursor:pointer}
.shots__btn:hover:not(:disabled){border-color:var(--sa-accent);color:var(--sa-accent-text)}
.shots__btn:disabled{opacity:.45;cursor:default}
.shots__count{min-width:4.5rem;text-align:center;color:var(--sa-muted)}

/* Video: click-to-play (the real player is created only after a tap) */
.video{margin:1.5rem 0}
.yt-wrap{position:relative;aspect-ratio:16/9;margin:1.3rem 0;border-radius:var(--sa-radius);overflow:hidden;background:#10202b}
.video .yt-wrap{margin:0}
.yt-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt{position:absolute;inset:0;display:block;color:#fff;text-decoration:none;background:linear-gradient(135deg,#0c3f3d,#10202b)}
.yt:hover{color:#fff}
.yt__poster{position:absolute;inset:0}
.yt__poster img{width:100%;height:100%;object-fit:cover;opacity:.85}
.yt__play{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:var(--sa-accent);box-shadow:0 0 0 4px rgba(255,255,255,.9)}
.yt__play::before{content:"";position:absolute;left:30px;top:21px;border-style:solid;border-width:17px 0 17px 28px;border-color:transparent transparent transparent var(--sa-accent-ink)}
.yt:hover .yt__play{background:var(--sa-accent-dark)}
.yt__label{position:absolute;inset-inline:0;bottom:.9rem;text-align:center;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.8)}

@media (max-width:600px){
	.shots__track{--shot-h:260px}
	.yt__play{width:64px;height:64px;margin:-32px 0 0 -32px}
	.yt__play::before{left:25px;top:17px;border-width:15px 0 15px 24px}
}
@media (max-width:480px){
	.entry-icon{width:64px;height:64px;border-radius:14px}
}