/* RokLon — editorial / blog skin. Loads on blog, archive, single post, search, 404. */

:root{
	--rk-blog-bg:#030714;
	--rk-blog-ink:#d2e2f2;
	--rk-blog-muted:#9fb6cc;
	--rk-blog-blue:#55bdff;
	--rk-blog-blue-soft:#8ddfff;
	--rk-blog-red:#c40839;
	--rk-blog-line:#65cfff33;
	--rk-blog-panel:linear-gradient(150deg,#102538f0,#030d1cf7);
}

body.blog,
body.archive,
body.search,
body.error404,
body.single-post,
body.page{
	background:var(--rk-blog-bg)!important;
	color:var(--rk-blog-ink);
	font-family:Assistant,Heebo,sans-serif;
}

/* ---- top inner nav ---- */
body.blog .roklon-inner-nav,
body.archive .roklon-inner-nav,
body.search .roklon-inner-nav,
body.error404 .roklon-inner-nav,
body.single-post .roklon-inner-nav,
body.page .roklon-inner-nav{
	direction:rtl;flex-wrap:wrap;
}
body.blog .roklon-inner-nav a,
body.archive .roklon-inner-nav a,
body.search .roklon-inner-nav a,
body.error404 .roklon-inner-nav a,
body.single-post .roklon-inner-nav a,
body.page .roklon-inner-nav a{
	color:var(--rk-blog-blue-soft);text-decoration:none;font-weight:700;font-size:16px;transition:color .2s;
}
body.blog .roklon-inner-nav a:hover,
body.archive .roklon-inner-nav a:hover,
body.search .roklon-inner-nav a:hover,
body.error404 .roklon-inner-nav a:hover,
body.single-post .roklon-inner-nav a:hover,
body.page .roklon-inner-nav a:hover{color:#fff}

/* ---- generic page content inherits the article typography ---- */
.rk-page{direction:rtl;max-width:900px}
.rk-page .rk-article__head{text-align:start}
.rk-page .rk-article__content ul,
.rk-page .rk-article__content ol{padding-inline-start:26px}
.rk-page .rk-article__content a{color:var(--rk-blog-blue-soft)}
.roklon-inner-nav ul{display:flex;gap:18px;list-style:none;margin:0;padding:0;flex-wrap:wrap}

/* ---- hero band ---- */
.rk-blog-hero{
	direction:rtl;text-align:center;
	padding:clamp(48px,7vw,96px) 24px clamp(36px,5vw,64px);
	background:radial-gradient(ellipse at 50% -10%,#164b7455,transparent 65%),linear-gradient(130deg,#07182c,#000818);
	border-bottom:1px solid var(--rk-blog-line);
}
.rk-blog-hero h1{
	margin:0 auto;max-width:900px;color:#fff;font-weight:900;line-height:1.1;
	font-size:clamp(30px,5vw,52px);
}
.rk-blog-hero p,
.rk-blog-hero__desc{margin:14px auto 0;max-width:640px;color:var(--rk-blog-muted);font-size:clamp(15px,2vw,19px)}

/* ---- grid ---- */
.rk-blog{direction:rtl}
.rk-post-grid{
	display:grid;gap:28px;
	grid-template-columns:repeat(auto-fill,minmax(290px,1fr));
	margin-top:8px;
}

/* ---- card ---- */
.rk-post-card{
	display:flex;flex-direction:column;overflow:hidden;
	background:var(--rk-blog-panel);
	border:1px solid var(--rk-blog-line);
	border-radius:18px;
	box-shadow:0 18px 50px #0006;
	transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.rk-post-card:hover{
	transform:translateY(-6px);
	border-color:#6bd2ffaa;
	box-shadow:0 26px 60px #0008,0 0 0 1px #34baff22;
}
.rk-post-card__media{
	display:block;aspect-ratio:16/9;overflow:hidden;background:#0a1626;position:relative;
}
.rk-post-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.rk-post-card:hover .rk-post-card__media img{transform:scale(1.05)}
.rk-post-card__placeholder{
	position:absolute;inset:0;display:grid;place-items:center;
	font:900 26px Assistant,Heebo,sans-serif;letter-spacing:2px;color:#2f6b9b;
	background:radial-gradient(ellipse at 50% 40%,#123252,#061020);
}
.rk-post-card__body{display:flex;flex-direction:column;gap:12px;padding:20px 22px 22px}
.rk-post-card__meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--rk-blog-muted)}
.rk-post-card__title{margin:0;font-size:21px;line-height:1.3;font-weight:800}
.rk-post-card__title a{color:#fff;text-decoration:none;transition:color .2s}
.rk-post-card__title a:hover{color:var(--rk-blog-blue-soft)}
.rk-post-card__excerpt{margin:0;color:var(--rk-blog-muted);font-size:15px;line-height:1.6}
.rk-post-card__more{margin-top:auto;color:var(--rk-blog-blue);font-weight:700;text-decoration:none;font-size:15px}
.rk-post-card__more:hover{color:#fff}

/* ---- chip ---- */
.rk-chip{
	display:inline-block;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700;
	color:#fff;text-decoration:none;background:linear-gradient(135deg,#bf0038,#8c002b);
	border:1px solid #ed3b6a;line-height:1.6;
}
.rk-chip:hover{filter:brightness(1.12)}

/* ---- pagination ---- */
.rk-pagination{margin-top:44px;direction:rtl}
.rk-pagination .nav-links{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.rk-pagination a,.rk-pagination span{
	min-width:42px;height:42px;display:inline-grid;place-items:center;padding:0 14px;
	border-radius:10px;border:1px solid var(--rk-blog-line);color:var(--rk-blog-ink);
	text-decoration:none;font-weight:700;background:#0a1828aa;transition:all .2s;
}
.rk-pagination a:hover{border-color:#6bd2ffaa;color:#fff}
.rk-pagination .current{background:linear-gradient(135deg,#1f6fb0,#0e3f6a);border-color:#6bd2ff;color:#fff}

.rk-empty{direction:rtl;text-align:center;color:var(--rk-blog-muted);font-size:18px;padding:40px 0}

/* ---- single post ---- */
.rk-single{direction:rtl;max-width:860px}
.rk-article__head{text-align:center;margin-bottom:26px}
.rk-article__head .rk-chip{margin-bottom:16px}
.rk-article__title{margin:0;color:#fff;font-weight:900;line-height:1.15;font-size:clamp(28px,4.5vw,46px)}
.rk-article__meta{margin-top:14px;display:flex;gap:10px;justify-content:center;align-items:center;color:var(--rk-blog-muted);font-size:14px}
.rk-article__media{margin:0 0 30px;border-radius:18px;overflow:hidden;border:1px solid var(--rk-blog-line);box-shadow:0 18px 50px #0007}
.rk-article__media img{width:100%;height:auto;display:block}

.rk-article__content{font-size:18px;line-height:1.85;color:var(--rk-blog-ink)}
.rk-article__content > *{margin:0 0 22px}
.rk-article__content h2{color:#fff;font-size:28px;font-weight:800;margin:36px 0 14px}
.rk-article__content h3{color:#fff;font-size:22px;font-weight:800;margin:30px 0 12px}
.rk-article__content a{color:var(--rk-blog-blue-soft);text-decoration:underline;text-underline-offset:3px}
.rk-article__content a:hover{color:#fff}
.rk-article__content img{max-width:100%;height:auto;border-radius:14px}
.rk-article__content ul,.rk-article__content ol{padding-inline-start:26px}
.rk-article__content li{margin-bottom:8px}
.rk-article__content blockquote{
	margin:26px 0;padding:16px 22px;border-inline-start:4px solid var(--rk-blog-red);
	background:#0b1b2cab;border-radius:0 14px 14px 0;color:#e6f0fa;
}
.rk-article__content code{background:#0b1b2c;padding:2px 7px;border-radius:6px;font-size:.9em}
.rk-article__content pre{background:#0b1b2c;padding:18px;border-radius:12px;overflow:auto;border:1px solid var(--rk-blog-line)}
.rk-article__content table{width:100%;border-collapse:collapse}
.rk-article__content th,.rk-article__content td{border:1px solid var(--rk-blog-line);padding:10px 12px;text-align:start}

.rk-article__tags{margin-top:30px;display:flex;flex-wrap:wrap;gap:10px}
.rk-article__tags a{font-size:13px;color:var(--rk-blog-blue-soft);text-decoration:none;border:1px solid var(--rk-blog-line);padding:6px 12px;border-radius:999px}
.rk-article__tags a:hover{border-color:#6bd2ffaa;color:#fff}

/* ---- prev / next ---- */
.rk-post-nav{display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:46px;direction:rtl}
.rk-post-nav__link{
	display:flex;flex-direction:column;gap:6px;padding:18px 20px;text-decoration:none;
	background:var(--rk-blog-panel);border:1px solid var(--rk-blog-line);border-radius:16px;transition:border-color .2s,transform .2s;
}
.rk-post-nav__link:hover{border-color:#6bd2ffaa;transform:translateY(-3px)}
.rk-post-nav__link span{color:var(--rk-blog-muted);font-size:13px}
.rk-post-nav__link strong{color:#fff;font-size:17px;line-height:1.35}
.rk-post-nav__prev{text-align:start}
.rk-post-nav__next{text-align:start}

.rk-back{margin-top:40px;text-align:center}

/* ---- shared buttons (used by 404 + single) ---- */
.roklon-btn{
	display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:10px;
	font-weight:800;font-size:16px;text-decoration:none;cursor:pointer;transition:filter .2s,transform .2s;
	background:linear-gradient(135deg,#bf0038,#91002d);color:#fff;border:1px solid #ed3b6a;
}
.roklon-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}
.roklon-btn-ghost{background:transparent;border:1px solid #6bd2ff88;color:var(--rk-blog-blue-soft)}
.roklon-btn-ghost:hover{border-color:#8ddfff;color:#fff;filter:none}

/* ---- 404 ---- */
body.error404 .roklon-inner-page.roklon-404{direction:rtl;text-align:center;max-width:720px;padding-top:70px;padding-bottom:70px}
.roklon-404 h1{color:#fff;font-size:clamp(34px,6vw,64px);font-weight:900;margin:0 0 10px}
.roklon-404 p{color:var(--rk-blog-muted);font-size:18px;margin:0 auto 10px;max-width:520px}
.roklon-404-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:26px 0}
.roklon-404 .search-form{margin-top:18px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}

/* ---- search form (dark) ---- */
.search-form,.rk-search-wrap form{direction:rtl;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.search-form input[type=search],.rk-search-wrap input[type=search]{
	min-width:min(320px,80vw);padding:12px 14px;border-radius:10px;border:1px solid var(--rk-blog-line);
	background:#0a1828;color:#fff;font:16px Assistant,Heebo,sans-serif;
}
.search-form input[type=search]::placeholder{color:#6f87a0}
.search-form button,.rk-search-wrap button,.search-form input[type=submit]{
	padding:12px 22px;border-radius:10px;border:1px solid #ed3b6a;cursor:pointer;
	background:linear-gradient(135deg,#bf0038,#91002d);color:#fff;font-weight:800;
}
.rk-search-wrap{margin-top:20px}

/* ---- products page (native WooCommerce category grid) ---- */
.rk-cats{direction:rtl}
.rk-cats__heading{color:#fff;font-weight:900;font-size:clamp(24px,3.5vw,36px);text-align:center;margin:0 0 28px}
.rk-cats__heading span{color:var(--rk-blog-red)}
.rk-cat-grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.rk-cat-card{
	display:flex;flex-direction:column;text-decoration:none;overflow:hidden;
	background:var(--rk-blog-panel);border:1px solid var(--rk-blog-line);border-radius:18px;
	box-shadow:0 18px 50px #0006;transition:transform .25s,border-color .25s,box-shadow .25s;
}
.rk-cat-card:hover{transform:translateY(-6px);border-color:#6bd2ffaa;box-shadow:0 26px 60px #0008,0 0 0 1px #34baff22}
.rk-cat-card__media{display:block;aspect-ratio:1/1;overflow:hidden;background:#0a1626}
.rk-cat-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.rk-cat-card:hover .rk-cat-card__media img{transform:scale(1.06)}
.rk-cat-card__name{color:#fff;font-weight:800;font-size:18px;text-align:center;padding:16px 14px 0;line-height:1.3}
.rk-cat-card__count{color:var(--rk-blog-muted);font-size:13px;text-align:center;padding:4px 14px 18px}
.rk-cats__all{text-align:center;margin-top:40px}

/* ---- responsive ---- */
@media(max-width:680px){
	.rk-post-nav{grid-template-columns:1fr}
	.rk-article__content{font-size:17px}
	.rk-cat-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
	.rk-cat-card__name{font-size:16px}
}