/**
 * JaxBeachTech — Sidebar & Blocks
 */

/* ── Sidebar wrapper ── */
.sidebar {
  font-size: .92rem;
}

/* ── Generic block ── */
.block {
  margin-bottom: var(--space-lg);
  padding-bottom: var(--space-lg);
  border-bottom: var(--border);
}

.block:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.block__title {
  font-family: var(--sans);
  font-size: .6rem;
  font-weight: 500;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 1rem;
  padding-bottom: .5rem;
  border-bottom: var(--border);
  position: relative;
}

.block__title::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 20px;
  height: 2px;
  background: var(--gold);
}

/* ── Search block ── */
.search-form .form-item {
  display: flex;
  border: var(--border);
}

.search-form input[type="search"] {
  flex: 1;
  padding: .6rem .75rem;
  font-family: var(--sans);
  font-size: .85rem;
  background: var(--paper);
  border: none;
  color: var(--ink);
  outline: none;
}

.search-form button {
  padding: .6rem .9rem;
  background: var(--gold);
  color: var(--paper);
  border: none;
  cursor: pointer;
  font-family: var(--sans);
  font-size: .7rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  transition: background var(--duration) var(--ease);
}

.search-form button:hover { background: var(--gold2); }

/* ── Menu blocks ── */
.block--menu-block ul,
.block--system-menu-block ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.block--menu-block li,
.block--system-menu-block li {
  border-bottom: 1px solid var(--warm);
  margin: 0;
}

.block--menu-block li:last-child,
.block--system-menu-block li:last-child {
  border-bottom: none;
}

.block--menu-block a,
.block--system-menu-block a {
  display: block;
  font-family: var(--sans);
  font-size: .72rem;
  letter-spacing: .08em;
  color: var(--muted);
  padding: .55rem 0;
  border-bottom: none;
  transition: color var(--duration) var(--ease),
              padding-left var(--duration) var(--ease);
}

.block--menu-block a:hover,
.block--system-menu-block a:hover {
  color: var(--gold);
  padding-left: .5rem;
}