/*
Theme Name: آرت خبر
Theme URI: https://artdes.ir
Author: danial javareshkian
Author URI: https://artdes.ir
Description: قالب خبری فارسی راست‌چین با باکس‌های قابل تنظیم متصل به دسته‌بندی، ابزارک یا تبلیغات، بخش اخبار زنده با بروزرسانی ایجکسی، و پنل تنظیمات یکپارچه.
Version: 1.0
Requires at least: 5.9
Tested up to: 6.6
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: shk
*/

:root{
  --shk-primary: #e30613;
  --shk-secondary: #111827;
  --shk-bg: #f3f4f6;
  --shk-card: #ffffff;
  --shk-border: #e5e7eb;
  --shk-text: #1f2937;
  --shk-muted: #6b7280;
  --shk-font: "Vazirmatn", Tahoma, sans-serif;
  --shk-footer-border: #e30613;
  --shk-footer-border-width: 4px;
  --shk-stripe: rgba(0,0,0,.025);
}

body.shk-dark{
  --shk-bg: #0f1115;
  --shk-card: #181b21;
  --shk-border: #2a2e37;
  --shk-text: #e5e7eb;
  --shk-muted: #9aa1ac;
  --shk-secondary: #0b0d11;
  --shk-stripe: rgba(255,255,255,.03);
}

*{ box-sizing: border-box; }
html{ scroll-behavior: smooth; }
body{
  margin:0; background: var(--shk-bg); color: var(--shk-text);
  font-family: var(--shk-font); direction: rtl;
  transition: background .25s ease, color .25s ease;
  overflow-x: hidden;
}
a{ color: inherit; text-decoration:none; }
a:hover{ color: var(--shk-primary); }
img{ max-width:100%; height:auto; display:block; }
ul{ margin:0; padding:0; }
table{ max-width:100%; }

/* ===================== HEADER ===================== */
.shk-header{ background: var(--shk-card); border-bottom:3px solid var(--shk-primary); position:sticky; top:0; z-index:50; }
body.shk-header-static .shk-header{ position:static; }

.shk-header-top-inner{
  max-width:1280px; margin:0 auto; padding:14px 16px;
  display:flex; align-items:center; gap:20px;
}

.shk-logo{ flex:0 0 200px; }
.shk-logo-link{ display:flex; }
.shk-logo img{ width:150px; height:auto; display:block; }
.shk-site-title{ font-size:22px; font-weight:800; color: var(--shk-secondary); white-space:nowrap; }

.shk-search-inline{ flex:1 1 auto; max-width:520px; display:flex; }
.shk-search-inline input[type="search"]{
  flex:1; min-width:0; border:1px solid var(--shk-border); border-radius:0 20px 20px 0;
  padding:9px 16px; font-family:var(--shk-font); background: var(--shk-bg); color: var(--shk-text);
}
.shk-search-inline button{
  border:none; background: var(--shk-primary); color:#fff; border-radius:20px 0 0 20px;
  padding:0 18px; cursor:pointer; font-size:15px; display:flex; align-items:center; justify-content:center;
}

.shk-header-actions{ flex:0 0 auto; display:flex; align-items:center; gap:10px; margin-inline-start:auto; }

.shk-datetime{ font-size:12px; color: var(--shk-muted); white-space:nowrap; display:flex; flex-direction:column; line-height:1.3; text-align:center; }
.shk-datetime .shk-time{ font-weight:800; font-size:15px; color: var(--shk-text); }

.shk-icon-btn{
  width:36px; height:36px; border-radius:50%; border:1px solid var(--shk-border);
  background: var(--shk-bg); display:flex; align-items:center; justify-content:center;
  cursor:pointer; font-size:16px; color: var(--shk-text); transition:.2s; flex:0 0 auto;
}
.shk-icon-btn:hover{ background: var(--shk-primary); color:#fff; border-color: var(--shk-primary); }

.shk-social-links{ display:flex; gap:8px; flex-wrap:wrap; }
.shk-social-links a{
  width:32px; height:32px; border-radius:50%; background: var(--shk-bg); display:flex;
  align-items:center; justify-content:center; border:1px solid var(--shk-border); overflow:hidden; flex:0 0 auto;
}
.shk-social-links a:hover{ background: var(--shk-primary); color:#fff; }
.shk-social-links a svg{ width:15px; height:15px; }
.shk-social-links a img{ width:100%; height:100%; object-fit:cover; }
.shk-social-fallback{ font-size:13px; font-weight:800; }

.shk-header-cta{
  background: var(--shk-primary); color:#fff !important; padding:8px 18px; border-radius:20px;
  font-weight:700; font-size:13px; white-space:nowrap; flex:0 0 auto;
}
.shk-header-cta:hover{ opacity:.9; color:#fff !important; }

.shk-mobile-icons{ display:none; align-items:center; gap:8px; margin-inline-start:auto; }

.shk-header-menu-row{ background: var(--shk-secondary); position:relative; z-index:40; }
.shk-header-menu-inner{ max-width:1280px; margin:0 auto; padding:0 16px; }
.shk-header-menu-row .shk-header-menu-inner > ul{ list-style:none; display:flex; gap:22px; flex-wrap:wrap; margin:0; padding:0; }
.shk-header-menu-row .shk-header-menu-inner a{ color:#fff; font-weight:600; padding:12px 2px; display:inline-block; }
.shk-header-menu-row .shk-header-menu-inner a:hover{ color: var(--shk-primary); }

/* top-level items with children get a small caret */
.shk-header-menu-row .menu-item-has-children{ position:relative; }
.shk-header-menu-row > .shk-header-menu-inner > ul > .menu-item-has-children > a::after{
  content:'▾'; font-size:9px; margin-inline-start:5px; opacity:.8;
}

/* dropdown panels (2nd level and deeper) */
.shk-header-menu-row .sub-menu{
  display:none; position:absolute; top:100%; right:0; min-width:220px;
  background: var(--shk-card); border:1px solid var(--shk-border); border-radius:8px;
  box-shadow:0 12px 28px rgba(0,0,0,.18); padding:6px 0; z-index:70; list-style:none; margin:0;
}
.shk-header-menu-row li.menu-item-has-children:hover > .sub-menu,
.shk-header-menu-row li.menu-item-has-children:focus-within > .sub-menu{ display:block; }
.shk-header-menu-row .sub-menu li{ position:relative; width:100%; }
.shk-header-menu-row .sub-menu a{ display:block; padding:9px 16px; color: var(--shk-text); width:100%; box-sizing:border-box; }
.shk-header-menu-row .sub-menu a:hover{ background: var(--shk-bg); color: var(--shk-primary); }
.shk-header-menu-row .sub-menu .menu-item-has-children > a::after{ content:'‹'; float:left; font-size:11px; opacity:.7; }

/* 3rd level+ opens to the side instead of stacking below */
.shk-header-menu-row .sub-menu .sub-menu{ top:-7px; right:100%; left:auto; margin-inline-end:2px; }

body.shk-ltr .shk-header-menu-row .sub-menu{ right:auto; left:0; }
body.shk-ltr .shk-header-menu-row .sub-menu .sub-menu{ right:auto; left:100%; }
body.shk-ltr .shk-header-menu-row .sub-menu .menu-item-has-children > a::after{ content:'›'; float:right; }
body.shk-ltr .shk-header-menu-row > .shk-header-menu-inner > ul > .menu-item-has-children > a::after{ content:'▾'; }

.shk-mobile-panel{ display:none; }
.shk-search-mobile-dropdown{ display:none; }

@media (max-width:900px){
  .shk-search-desktop, .shk-actions-desktop, .shk-header-menu-row{ display:none; }
  .shk-mobile-icons{ display:flex; }

  .shk-search-mobile-dropdown{
    max-width:1280px; margin:0 auto; padding:0 16px 14px; box-sizing:border-box; width:100%;
  }
  .shk-search-mobile-dropdown.open{ display:flex; }

  .shk-mobile-panel{
    display:none; flex-direction:column; gap:14px; padding:16px;
    background: var(--shk-card); border-top:1px solid var(--shk-border);
    max-height: calc(90vh - 70px); overflow-y:auto;
  }
  .shk-mobile-panel.open{ display:flex; }

  /* mobile accordion-style nested menu */
  .shk-mobile-panel nav ul{ list-style:none; display:flex; flex-direction:column; gap:4px; margin:0; padding:0; }
  .shk-mobile-panel nav .sub-menu{ display:none; padding-inline-start:16px; margin-top:4px; }
  .shk-mobile-panel nav .sub-menu.open{ display:flex; }
  .shk-mobile-panel nav li{ position:relative; }
  .shk-mobile-panel nav .menu-item-wrap{ display:flex; align-items:center; border-bottom:1px dashed var(--shk-border); }
  .shk-mobile-panel nav a{ flex:1; display:block; padding:10px 6px; font-weight:600; border-bottom:none; }
  .shk-submenu-toggle{
    flex:0 0 auto; background:none; border:none; font-size:14px; padding:10px 12px; cursor:pointer; color: var(--shk-text);
    transition: transform .2s ease;
  }
  .shk-submenu-toggle.open{ transform:rotate(180deg); }
  .shk-mobile-panel .shk-header-actions{ margin-inline-start:0; flex-wrap:wrap; }
}

/* ===================== LAYOUT ===================== */
.shk-main{ max-width:1280px; margin:24px auto; padding:0 16px; display:flex; flex-direction:column; gap:22px; overflow-x:hidden; }

.shk-boxes-grid{ display:grid; grid-template-columns: repeat(6, 1fr); gap:22px; }
@media (max-width:900px){ .shk-boxes-grid{ grid-template-columns: 1fr; } }

.shk-span-6{ grid-column: span 6; }
.shk-span-3{ grid-column: span 3; }
.shk-span-2{ grid-column: span 2; }
@media (max-width:900px){ .shk-span-6, .shk-span-3, .shk-span-2{ grid-column: span 1 !important; } }

.shk-columns{ display:flex; gap:24px; align-items:flex-start; min-width:0; width:100%; }
.shk-columns .shk-primary{ flex:1 1 0%; min-width:0; width:100%; }
.shk-columns .shk-sidebar-col{ flex:0 0 300px; min-width:0; max-width:100%; }
@media (max-width:900px){
  .shk-columns{ flex-direction:column; }
  .shk-columns .shk-sidebar-col{ flex-basis:auto; width:100%; }
}

/* ===================== BOX CARD ===================== */
.shk-box{ background: var(--shk-card); border:1px solid var(--shk-border); border-radius:12px; overflow:hidden; box-shadow:0 1px 3px rgba(0,0,0,.04); min-width:0; }
.shk-box-header{ background: var(--shk-secondary); color:#fff; padding:11px 16px; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.shk-box-title{ font-size:16px; margin:0; font-weight:800; border-right:4px solid var(--shk-primary); padding-right:10px; }
.shk-box-body{ padding:6px 16px; }

.shk-live-badge{ background: var(--shk-primary); font-size:12px; padding:3px 10px; border-radius:20px; display:flex; align-items:center; gap:6px; }
.shk-live-page-link{ color:#fff !important; text-decoration:underline; margin-inline-start:6px; }

.shk-live-feed-filter{
  display:flex; align-items:center; gap:10px; padding:12px 16px;
  border-bottom:1px solid var(--shk-border); background: var(--shk-bg);
}
.shk-live-feed-filter label{ font-size:13px; font-weight:700; color: var(--shk-muted); }
.shk-live-feed-filter select{
  flex:1; max-width:260px; border:1px solid var(--shk-border); border-radius:8px;
  padding:8px 12px; font-family: var(--shk-font); background: var(--shk-card); color: var(--shk-text);
}
.shk-refresh-icon{ display:inline-block; transition: transform .5s ease; }
.shk-refresh-icon.spin{ animation: shk-spin .6s ease; }
@keyframes shk-spin{ from{ transform:rotate(0deg);} to{ transform:rotate(360deg);} }

.shk-box-live{ transition: box-shadow .4s ease, border-color .4s ease; }
.shk-box-live.shk-flash{ box-shadow: 0 0 0 3px var(--shk-primary); border-color: var(--shk-primary); }

/* ===================== POST LISTS (front-page boxes) ===================== */
.shk-post-list li, .shk-live-item{
  padding:10px 6px; border-bottom:1px dashed var(--shk-border);
  display:flex; align-items:center; gap:8px; flex-wrap:wrap; min-width:0;
}
.shk-post-list li:nth-child(even), .shk-live-item:nth-child(even){ background: var(--shk-stripe); border-radius:6px; }
.shk-post-list li:last-child, .shk-live-item:last-child{ border-bottom:none; }

.shk-dot{ flex:0 0 auto; width:3px; height:16px; border-radius:2px; background: var(--shk-primary); }

.shk-post-list a, .shk-live-title{
  font-weight:600; flex:1 1 160px; min-width:0;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.shk-meta{ flex:0 0 auto; max-width:100%; font-size:12px; color: var(--shk-muted); background: var(--shk-bg); padding:2px 8px; border-radius:12px; overflow:hidden; text-overflow:ellipsis; }
.shk-meta a{ background:#e3e4e5; padding:5px; margin:5px; border-radius:10px; line-height:25px; display:contents; }
.shk-thumb{ flex:0 0 auto; }
.shk-thumb img{ width:44px; height:44px; object-fit:cover; border-radius:6px; }

.view-all-link{ display:none; }

@media (max-width:480px){
  .shk-post-list li, .shk-live-item{ align-items:flex-start; }
  .shk-live-item{ display:block; align-items:center; gap:8px; flex-wrap:inherit; min-width:0; }
  .shk-post-list a, .shk-live-title{ flex:1 1 95%; white-space:normal; order:1; }
  .shk-dot{ order:0; margin-top:5px; }
  .shk-thumb{ order:0; }
  .shk-meta{ order:2; flex:0 0 auto; margin-inline-start:calc(3px + 8px); white-space:normal; display:block; }
  .shk-meta a{ display:contents; }
}

/* ===================== ADVERTISEMENT BOX ===================== */
.shk-box-ad{ border:1px dashed var(--shk-border); background: var(--shk-bg); display:flex; align-items:center; justify-content:center; padding:0; min-width:0; }
.shk-ad-label{ display:none; }
.shk-ad-inner{ width:100%; }
.shk-ad-inner img{ width:100%; border-radius:10px; }

/* ===================== ARCHIVE / SEARCH / BLOG ===================== */
.shk-archive-header h1{ font-size:20px; margin:0 0 14px; border-right:4px solid var(--shk-primary); padding-right:10px; }
.shk-archive-description{
  background: var(--shk-card); border:1px solid var(--shk-border); border-radius:10px;
  padding:14px 18px; margin-bottom:18px; color: var(--shk-muted); font-size:14px; line-height:1.9;
}
.shk-archive-list{ list-style:none; display:flex; flex-direction:column; gap:16px; }
.shk-archive-list li{
  display:flex; gap:16px; background: var(--shk-card); border:1px solid var(--shk-border);
  border-radius:10px; padding:16px; align-items:flex-start; min-width:0; flex-wrap:wrap;
}
.shk-archive-list .shk-thumb{ flex:0 0 auto; }
.shk-archive-list .shk-thumb img{
  width:300px; max-width:100%; height:auto; object-fit:cover; border-radius:8px;
}
.shk-archive-list .shk-entry-body{ flex:1 1 260px; min-width:0; }
.shk-archive-list a.shk-entry-title{ font-size:18px; font-weight:800; white-space:normal; display:block; margin-bottom:8px; }
.shk-archive-list .shk-entry-body .shk-meta{ display:inline-block; margin-bottom:6px; }
.shk-excerpt{ color: var(--shk-muted); font-size:14px; margin:8px 0 0; line-height:1.8; text-align:justify; }
.shk-pagination{ margin-top:18px; display:flex; gap:8px; flex-wrap:wrap; }
.shk-pagination .page-numbers{ background: var(--shk-card); border:1px solid var(--shk-border); border-radius:6px; padding:6px 12px; }
.shk-pagination .page-numbers.current{ background: var(--shk-primary); color:#fff; border-color: var(--shk-primary); }

@media (max-width:640px){
  .shk-archive-list li{ flex-direction:column; }
  .shk-archive-list .shk-thumb img{ width:100%; max-width:100%; height:auto; aspect-ratio:16/9; }
  .shk-archive-list .shk-entry-body{ flex:1 1 auto; min-width:0; width:fit-content; max-width:100%; }
}

/* ===================== SINGLE / PAGE ===================== */
.shk-single article, .shk-page article{
  background: var(--shk-card); border:1px solid var(--shk-border); border-radius:12px; padding:24px; min-width:0;
}
.shk-single-title{ font-size:26px; margin:0 0 10px; line-height:1.5; }
.shk-single .shk-meta, .shk-page .shk-meta{ background:none; padding:0; font-size:13px; margin-bottom:14px; display:block; }
.shk-single-thumb{ margin:16px 0; border-radius:10px; overflow:hidden; }
.shk-single-content{ line-height:2; font-size:16px; }
.shk-single-content p{ margin:0 0 16px; }
.shk-single-content img{ border-radius:8px; margin:10px 0; }
.shk-single-content iframe, .shk-single-content embed, .shk-single-content object, .shk-single-content video{ max-width:100%; }
.shk-single-content .wp-block-embed__wrapper{ overflow-x:auto; }

/* generic content elements (WYSIWYG output) */
.shk-single-content table, .comment-content table, .shk-widget table{
  width:100%; border-collapse:collapse; margin:16px 0; font-size:14px;
}
.shk-single-content th, .shk-single-content td,
.comment-content th, .comment-content td{ border:1px solid var(--shk-border); padding:8px 10px; text-align:right; }
.shk-single-content thead th{ background: var(--shk-bg); font-weight:800; }
.shk-single-content tr:nth-child(even){ background: var(--shk-stripe); }

.shk-single-content ul, .shk-single-content ol{ margin:0 0 16px; padding-right:22px; }
.shk-single-content li{ margin-bottom:6px; }

.shk-single-content blockquote{
  margin:16px 0; padding:14px 18px; border-right:4px solid var(--shk-primary);
  background: var(--shk-bg); border-radius:8px; color: var(--shk-muted); font-style:italic;
}
.shk-single-content code{ background: var(--shk-bg); padding:2px 6px; border-radius:4px; font-size:13px; }
.shk-single-content pre{
  background: var(--shk-secondary); color:#e5e7eb; padding:14px; border-radius:8px; overflow-x:auto; direction:ltr; text-align:left;
}
.shk-single-content hr{ border:none; border-top:1px dashed var(--shk-border); margin:24px 0; }
.shk-single-content figure{ margin:16px 0; }
.shk-single-content figcaption{ font-size:12px; color: var(--shk-muted); text-align:center; margin-top:6px; }

/* comments */
.comments-area{
  background: var(--shk-card); border:1px solid var(--shk-border); border-radius:12px; padding:20px; margin-top:20px;
}
.comments-title{ margin-top:0; }
.comment-list{ list-style:none; padding:0; }
.comment-list ol.children{ list-style:none; padding-inline-start:24px; }
.comment-list li{ margin-bottom:16px; }
.comment-body{ font-size:14px; line-height:1.9; padding-bottom:16px; border-bottom:1px dashed var(--shk-border); }
.comment-author .fn{ font-weight:800; font-style:normal; }
.comment-author img{ border-radius:50%; float:right; margin-left:10px; }
.comment-metadata{ font-size:12px; color:var(--shk-muted); margin-bottom:6px; display:block; }
.comment-reply-link{ display:inline-block; margin-top:6px; font-size:12px; color: var(--shk-primary); }
.comment-respond{ margin-top:20px; }
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form textarea{
  width:100%; border:1px solid var(--shk-border); border-radius:8px; padding:10px; font-family:var(--shk-font);
  background: var(--shk-bg); color: var(--shk-text); margin-bottom:10px;
}
.comment-form textarea{ min-height:120px; }
.comment-reply-title{ margin-top:0; }
.comment-form-cookies-consent{ display:flex; align-items:center; gap:6px; font-size:13px; }
.comment-form p.form-submit input[type="submit"]{
  background: var(--shk-primary); color:#fff; border:none; border-radius:20px; padding:10px 24px; font-weight:700; cursor:pointer; font-family:unset;
}
.comment-notes, .logged-in-as{ font-size:13px; color: var(--shk-muted); }

/* ===================== SIDEBAR / WIDGETS ===================== */
.shk-widget{ background: var(--shk-card); border:1px solid var(--shk-border); border-radius:10px; padding:14px; margin-bottom:18px; min-width:0; overflow-x:hidden; }
.shk-widget-title{ margin:0 0 10px; font-size:15px; border-right:3px solid var(--shk-primary); padding-right:8px; }
.shk-widget h4{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:300px; margin-bottom:0; }
.shk-widget ul{ list-style:none; }
.shk-widget li{ padding:6px 0; border-bottom:1px dashed var(--shk-border); font-size:14px; }
.shk-widget li:last-child{ border-bottom:none; }
.shk-widget img{ border-radius:6px; max-width:100%; }
.shk-widget a{ font-weight:600; }

/* category-posts widget */
.shk-cat-widget-list{ list-style:none; }
.shk-cat-widget-item{ padding:8px 0; border-bottom:1px dashed var(--shk-border); }
.shk-cat-widget-item:last-child{ border-bottom:none; }
.shk-cat-widget-link{ display:flex; gap:10px; align-items:flex-start; }
.shk-cat-widget-link .shk-thumb img{ width:56px; height:56px; }
.shk-cat-widget-body{ flex:1; min-width:0; display:flex; flex-direction:column; gap:4px; }
.shk-cat-widget-title{ font-weight:700; font-size:14px; }
.shk-cat-widget-excerpt{ font-size:12px; color: var(--shk-muted); line-height:1.7; }

/* default WP widgets */
.shk-widget select, .shk-widget input[type="text"], .shk-widget input[type="search"], .shk-widget input[type="email"]{
  width:100%; border:1px solid var(--shk-border); border-radius:6px; padding:8px; font-family:var(--shk-font);
  background: var(--shk-bg); color: var(--shk-text); box-sizing:border-box;
}
.shk-widget .search-form{ display:flex; gap:6px; }
.shk-widget .search-form input[type="submit"]{
  background: var(--shk-primary); color:#fff; border:none; border-radius:6px; padding:8px 14px; cursor:pointer; flex:0 0 auto;
}
.shk-widget table{ width:100%; font-size:13px; border-collapse:collapse; }
.shk-widget table caption{ font-weight:800; margin-bottom:6px; }
.shk-widget table th, .shk-widget table td{ border:1px solid var(--shk-border); padding:6px; text-align:center; }
.shk-widget .tagcloud{ display:flex; flex-wrap:wrap; gap:6px; }
.shk-widget .tagcloud a{
  background: var(--shk-bg); border:1px solid var(--shk-border); border-radius:14px; padding:4px 10px; font-size:12px !important;
}
.shk-widget .wp-block-tag-cloud a{ font-size:12px !important; }
.shk-widget select#cat{ margin-bottom:0; }

/* ===================== FOOTER ===================== */
.shk-footer{
  background: var(--shk-secondary); color:#e5e7eb; margin-top:32px; padding:44px 16px 16px;
  border-top: var(--shk-footer-border-width) solid var(--shk-footer-border);
}
.shk-footer-widgets{ max-width:1280px; margin:0 auto; display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.shk-footer-widgets .shk-widget{ background:transparent; border-color:rgba(255,255,255,.15); }
.shk-footer-widgets .shk-widget-title{ color:#fff; }
.shk-footer-widgets .shk-widget li{ border-color:rgba(255,255,255,.12); }
@media (max-width:900px){ .shk-footer-widgets{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .shk-footer-widgets{ grid-template-columns:1fr; } }

.shk-footer-menu{ max-width:1280px; margin:0 auto; }
.shk-footer-menu ul{
  list-style:none; display:flex; gap:14px; justify-content:center; flex-wrap:wrap;
  padding-top:20px; padding-bottom:20px; margin-bottom:20px;
  border-top:1px solid rgba(255,255,255,.15); border-bottom:1px solid rgba(255,255,255,.15);
}
.shk-footer-menu a{ color:#e5e7eb; }

.shk-footer-signature{
  max-width:1280px; margin:14px auto 0; text-align:center; background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12); border-radius:10px; padding:10px 16px; font-size:13px; color:#d1d5db;
}
.shk-footer-signature a{ color: var(--shk-primary); font-weight:700; }

.shk-footer-text{ text-align:center; font-size:13px; opacity:.8; margin-top:10px; }

[title]{ cursor:help; }
.shk-post-list a[title], .shk-live-title[title], .shk-archive-list a[title]{ cursor:pointer; }

/* ===================== CUSTOM TOOLTIP ===================== 
[data-tooltip]{ position:relative; }
[data-tooltip]::after{
  content: attr(data-tooltip);
  position:absolute; bottom:calc(100% + 8px); right:50%; transform:translateX(50%) translateY(4px);
  background: var(--shk-secondary); color:#fff; font-size:12px; line-height:1.6;
  padding:6px 12px; border-radius:8px; white-space:nowrap; max-width:280px;
  box-shadow:0 6px 16px rgba(0,0,0,.18);
  opacity:0; visibility:hidden; pointer-events:none;
  transition: opacity .18s ease, transform .18s ease;
  z-index:80;
}
[data-tooltip]::before{
  content:''; position:absolute; bottom:100%; right:50%; transform:translateX(50%);
  border:6px solid transparent; border-top-color: var(--shk-secondary);
  opacity:0; visibility:hidden; pointer-events:none; transition: opacity .18s ease;
  z-index:80;
}
[data-tooltip]:hover::after, [data-tooltip]:hover::before{
  opacity:1; visibility:visible; transform:translateX(50%) translateY(0);
}


body.shk-ltr{ direction:ltr; }
body.shk-ltr .shk-box-title{ border-right:none; border-left:4px solid var(--shk-primary); padding-right:0; padding-left:10px; }
body.shk-ltr .shk-widget-title{ border-right:none; border-left:3px solid var(--shk-primary); padding-right:0; padding-left:8px; }
body.shk-ltr .shk-archive-header h1{ border-right:none; border-left:4px solid var(--shk-primary); padding-right:0; padding-left:10px; }
body.shk-ltr [data-tooltip]::after, body.shk-ltr [data-tooltip]::before{ right:auto; left:50%; transform:translateX(-50%) translateY(4px); }
body.shk-ltr [data-tooltip]:hover::after, body.shk-ltr [data-tooltip]:hover::before{ transform:translateX(-50%) translateY(0); }

*/

/* ===================== DARK-MODE LOGO SWAP ===================== */
.shk-logo-dark{ display:none; }
body.shk-dark .shk-logo-dark{ display:block; }
body.shk-dark .shk-logo-light{ display:none; }

/* ===================== IN-BOX AD SLOTS ===================== */
.shk-ad-slot{ margin-bottom:0; }
.shk-ad-slot:empty{ display:none; }

/* ===================== "VIEW ALL" CATEGORY LINK ===================== */
.shk-box-viewall{ display:block; text-align:center; padding:10px; font-size:13px; font-weight:700; border-top:1px solid var(--shk-border); color: var(--shk-primary); }
.shk-box-viewall:hover{ background: var(--shk-bg); }