/* ============================================================
   Browser shell for the se7en.ae build of دعاياتي.
   The macOS bundle reserves titlebar space for the traffic
   lights; in a browser that inset is dead space, so reclaim it.
   ============================================================ */

.brand { padding-block-start: 18px; }
.topbar { padding-block-start: 18px; }

.se7en-return {
  position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: 45;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 13px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--text) 94%, transparent);
  color: var(--bg);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-decoration: none;
  opacity: 0.42;
  box-shadow: 0 14px 30px -16px rgba(0, 0, 0, 0.5);
  transition: opacity 0.22s ease, transform 0.22s ease;
}

.se7en-return:hover,
.se7en-return:focus-visible {
  opacity: 1;
  transform: translateY(-2px);
}

.se7en-return i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.6;
}

@media (prefers-reduced-motion: reduce) {
  .se7en-return { transition: none; }
}