/* =========================
   CREATIVE SIDEBAR DESIGN
   ========================= */

/* Sidebar Container */
.pkp_structure_sidebar {
  background: linear-gradient(145deg, #ffffff, #eef2f7);
  padding: 18px;
  border-radius: 22px;

  /* Bevel + soft depth */
  border: 1px solid rgba(255,255,255,0.7);
  box-shadow:
    inset 2px 2px 6px rgba(255,255,255,0.9),
    inset -3px -3px 8px rgba(0,0,0,0.05),
    0 8px 20px rgba(30,58,138,0.08);

  transition: all 0.3s ease;
}

/* Hover effect */
.pkp_structure_sidebar:hover {
  transform: translateY(-2px);
  box-shadow:
    inset 2px 2px 6px rgba(255,255,255,0.9),
    inset -3px -3px 8px rgba(0,0,0,0.05),
    0 12px 24px rgba(30,58,138,0.14);
}

/* Sidebar Blocks */
.pkp_block {
  background: linear-gradient(145deg, #ffffff, #f3f6fb);
  border-radius: 18px;
  padding: 15px;
  margin-bottom: 18px;

  /* Bevel effect */
  border: 1px solid rgba(255,255,255,0.6);
  box-shadow:
    inset 1px 1px 4px rgba(255,255,255,0.9),
    inset -2px -2px 5px rgba(0,0,0,0.04),
    0 4px 10px rgba(0,0,0,0.06);

  transition: all 0.3s ease;
}

/* Block Hover */
.pkp_block:hover {
  transform: scale(1.01);
  box-shadow:
    inset 1px 1px 4px rgba(255,255,255,0.9),
    inset -2px -2px 5px rgba(0,0,0,0.04),
    0 8px 18px rgba(30,58,138,0.12);
}

/* Sidebar Titles */
.pkp_block .title {
  color: var(--primary);
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 10px;
  position: relative;
  padding-left: 14px;
}

/* Decorative Accent Line */
.pkp_block .title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 5px;
  height: 18px;
  border-radius: 10px;
  background: linear-gradient(
    to bottom,
    var(--accent),
    var(--accent-hover)
  );
}

/* Sidebar Links */
.pkp_block a {
  color: var(--text-dark);
  transition: all 0.25s ease;
}

.pkp_block a:hover {
  color: var(--primary);
  padding-left: 4px;
}
/* Remove OJS / PKP Footer Branding */
.pkp_brand_footer,
.pkp_footer_content .pkp_brand_footer,
.pkp_footer_content .brand_footer,
.pkp_branding {
    display: none !important;
}

/* Extra footer cleanup */
.pkp_structure_footer_wrapper {
    padding-bottom: 20px !important;
}