/* New UI overrides inspired by gallery screenshots */

:root{
  --ui-radius: 14px;
  --ui-chip-bg: rgba(0,0,0,.06);
  --ui-chip-text: #444;
  --ui-hero-from: #8a63ff;
  --ui-hero-to: #ff6aa5;
}

/* Dark mode tune */
@media (prefers-color-scheme: dark) {
  :root{
    --ui-chip-bg: rgba(255,255,255,.06);
    --ui-chip-text: #ddd;
  }
}

/* Hero section */
.pk-hero{
  background: linear-gradient(135deg,var(--ui-hero-from),var(--ui-hero-to));
  border-radius: var(--ui-radius);
  color: #fff;
  padding: 26px 18px;
  position: relative;
  overflow: hidden;
}
.pk-hero .pk-hero-title{font-size: 28px;font-weight: 800;letter-spacing:.3px;margin:6px 0 14px}
.pk-hero .pk-hero-sub{opacity:.9}

.pk-hero .pk-hero-search{display:flex;gap:10px;align-items:center;margin-top:14px}
.pk-hero .pk-hero-search .form-control{
  height: 48px;border-radius: 999px;padding-inline: 18px;border: none;
}
.pk-hero .pk-hero-search .btn{height:48px;border-radius:999px;padding-inline:20px;font-weight:600}

.pk-hero .pk-hero-chips{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}
.pk-hero .pk-chip{background:var(--ui-chip-bg);color:#fff;border-radius:999px;padding:6px 12px;font-size:13px;line-height:1;display:inline-flex;gap:6px;align-items:center}
.pk-hero .pk-chip i{opacity:.9}

/* Cards grid hover polish */
.post-item-card .post-item-block{border:1px solid rgba(125,125,125,.12);border-radius:var(--ui-radius);transition:transform .15s ease, box-shadow .15s ease}
.post-item-card .thumbnail img{border-radius:calc(var(--ui-radius) - 2px)}
.post-item-card .post-item-block:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.08)}
.post-item-card .info-title a{font-size:18px;font-weight:700}
.post-item-list{border-radius:var(--ui-radius)}

/* Pagination chips */
.pagination>li>a,
.pagination>li>span{border-radius:10px;margin-inline:2px;border:1px solid rgba(125,125,125,.15)}
.pagination>li>a.cur{background:#111;color:#fff}

/* Sidebar widgets compact spacing */
#sidebar .widget{border:1px solid rgba(125,125,125,.12);border-radius:var(--ui-radius);}

/* Utility */
.gap-8{gap:8px}
.rounded-hero{border-radius:var(--ui-radius)}

/* RTL friendly logical spacings */
.ml-hero{margin-inline-start: 8px}
.mr-hero{margin-inline-end: 8px}