/* @Kuse0201 theme — keep home as-is; landscape on other pages */
:root { --kuse-pink: #e37aa0; }

html, body {
  min-height: 100%;
  background-color: #120a0e !important;
  background-image:
    linear-gradient(rgba(14, 8, 12, 0.76), rgba(14, 8, 12, 0.82)),
    url("../img/kuse/site.jpg") !important;
  background-size: cover !important;
  background-position: center 22% !important;
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
}

/* HOME — do not change */
body:has(.page-content.home) {
  background-image:
    linear-gradient(180deg, rgba(16, 10, 14, 0.7) 0%, rgba(16, 10, 14, 0.88) 100%),
    url("../img/kuse/home.jpg") !important;
  background-position: center 18% !important;
}

body:has(.page-content.user.signin),
body:has(.page-content.user.signup),
body:has(.page-content.user.forgot),
body:has(.page-content.user.reset) {
  background-image:
    linear-gradient(90deg, rgba(14, 8, 12, 0.58) 0%, rgba(14, 8, 12, 0.32) 45%, rgba(14, 8, 12, 0.22) 100%),
    url("../img/kuse/login.jpg") !important;
  background-position: 70% 18% !important;
}

.navbar {
  background: rgba(16, 10, 14, 0.78) !important;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(244, 167, 195, 0.22) !important;
}

.full.height,
.page-content,
.page-content.dashboard,
.page-content.user,
.dashboard,
.repository,
.admin,
.explore,
.org {
  background: transparent !important;
}

.page-content.home {
  position: relative;
  min-height: calc(100vh - 52px);
  background: transparent !important;
}

.page-content.user.signin .column,
.page-content.user.signup .column {
  max-width: 28rem !important;
  margin-left: 7vw !important;
  margin-right: auto !important;
}

.page-content.user.signin .ui.attached.segment,
.page-content.user.signup .ui.attached.segment,
.page-content.user.forgot .ui.attached.segment,
.page-content.user.signin .ui.top.attached.header,
.page-content.user.signup .ui.top.attached.header {
  background: rgba(22, 12, 20, 0.78) !important;
  backdrop-filter: blur(14px);
  color: #fff !important;
  border-color: rgba(244, 167, 195, 0.35) !important;
}

.page-content.user.signin label,
.page-content.user.signup label,
.page-content.user.signin .ui.header,
.page-content.user.signup .ui.header,
.page-content.user.signin .field,
.page-content.user.signup .field {
  color: #f7eef2 !important;
}

.page-content.home .hero .title,
.page-content.home h2 {
  color: #fff !important;
  text-shadow: 0 2px 8px #000, 0 0 22px rgba(0, 0, 0, 0.85);
  background: rgba(16, 10, 14, 0.5);
  display: inline-block;
  padding: 0.35rem 0.9rem;
  border-radius: 12px;
}

.page-footer { background: rgba(16, 10, 14, 0.9) !important; }

.ui.primary.button { background: var(--kuse-pink) !important; }
.ui.primary.button:hover { background: #f4a7c3 !important; color: #2a121c !important; }

a.kuse-credit { opacity: 0.7; }
a.kuse-credit:hover { opacity: 1; }
