/*
 * Kurdish Academy Journal — admin theme overrides.
 * Loaded AFTER Janeway's admin CSS to recolour the dashboard with the
 * frontend palette (cyan, navy, cream) without touching upstream files.
 */

:root {
  --ka-cyan: #26C6DA;
  --ka-cyan-dark: #0BB6CB;
  --ka-cyan-ink: #0E7B8A;
  --ka-navy: #1F2353;
  --ka-navy-2: #252A6A;
  --ka-cream: #F0E5C9;
  --ka-bg: #F4F5F7;
  --ka-line: #E5E7EB;
  --ka-ink: #0F172A;
}

/* ----- App background + base text ----- */
body { background: var(--ka-bg); color: var(--ka-ink); }

/* Janeway's default press main-header is replaced by our kamig-topbar — hide it. */
header.main-header[role="banner"] { display: none !important; }

/* ===== Top brand bar (above the main content) ===== */
.kamig-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.85rem 1.4rem;
  background: #fff;
  border-bottom: 1px solid var(--ka-line);
  position: sticky;
  top: 0;
  z-index: 30;
  box-shadow: 0 1px 0 rgba(0,0,0,0.02);
}
.kamig-topbar .brand { display: flex; align-items: center; gap: 0.85rem; }
.kamig-topbar .brand img { height: 56px; width: auto; }
.kamig-topbar .brand .text {
  display: flex; flex-direction: column; line-height: 1.05;
  font-family: 'Playfair Display', Georgia, serif;
}
.kamig-topbar .brand .text strong { color: var(--ka-navy); font-size: 1.2rem; font-weight: 700; }
.kamig-topbar .brand .text span { color: var(--ka-cyan-ink); font-size: 0.8rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; }
.kamig-topbar .actions { display: flex; align-items: center; gap: 0.85rem; font-size: 0.9rem; }
.kamig-topbar .actions a { color: var(--ka-cyan-ink); }
.kamig-topbar .actions .user { color: var(--ka-ink); font-weight: 500; }
.kamig-topbar .actions .avatar { width: 36px; height: 36px; line-height: 36px; }
.kamig-langswitch {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  background: #fff;
  border: 1px solid var(--ka-line);
  border-radius: 999px;
  padding: 0.3rem 0.7rem;
  margin: 0;
  font-size: 0.85rem;
  color: var(--ka-ink);
}
.kamig-langswitch .globe { font-size: 0.95rem; line-height: 1; }
.kamig-langswitch select {
  background: transparent;
  border: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 1.4rem 0 0 !important;
  font-weight: 600;
  font-size: 0.85rem;
  color: var(--ka-ink) !important;
  box-shadow: none !important;
  cursor: pointer;
  letter-spacing: 0.04em;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' stroke='%230E7B8A' stroke-width='1.5' fill='none' stroke-linecap='round'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: right 0 center !important;
  appearance: none;
}

/* ===== Sidebar / off-canvas ===== */
.off-canvas.position-left {
  background: linear-gradient(180deg, var(--ka-navy) 0%, var(--ka-navy-2) 100%) !important;
  color: #fff;
}
.off-canvas .vertical.menu > li > a { color: rgba(255,255,255,0.85) !important; }
.off-canvas .vertical.menu > li > a:hover,
.off-canvas .vertical.menu > li > a:focus {
  color: #fff !important;
  background: rgba(255,255,255,0.06) !important;
}
.off-canvas .vertical.menu > li.subtitle > a {
  color: var(--ka-cyan) !important;
  background: transparent !important;
  font-weight: 600;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.off-canvas .vertical.menu > li > a > i.fa { color: var(--ka-cyan); }
.off-canvas .close-button { color: rgba(255,255,255,0.85); }

/* Sidebar brand block (logo + journal name) */
.kamig-brand {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding: 1.1rem 1rem;
  background: rgba(0,0,0,0.18);
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.kamig-brand img { width: 56px; height: 56px; flex-shrink: 0; }
.kamig-brand .name { display: flex; flex-direction: column; line-height: 1.15; font-family: 'Playfair Display', Georgia, serif; }
.kamig-brand .name strong { color: #fff; font-size: 0.98rem; font-weight: 700; }
.kamig-brand .name span { color: var(--ka-cyan); font-size: 0.78rem; }

/* ===== Buttons ===== */
.button.primary,
button.primary,
input[type="submit"].primary,
.button:not(.secondary):not(.success):not(.alert):not(.warning):not(.disabled):not(.hollow) {
  background-color: var(--ka-cyan) !important;
  color: #fff !important;
}
.button.primary:hover,
.button:not(.secondary):not(.success):not(.alert):not(.warning):not(.disabled):not(.hollow):hover {
  background-color: var(--ka-cyan-dark) !important;
}
.button.secondary { background-color: var(--ka-navy) !important; color: #fff !important; }
.button.secondary:hover { background-color: var(--ka-navy-2) !important; }

/* ===== Links / focus ===== */
a:not(.button) { color: var(--ka-cyan-ink); }
a:not(.button):hover { color: var(--ka-cyan-dark); }
input:focus, textarea:focus, select:focus {
  border-color: var(--ka-cyan) !important;
  box-shadow: 0 0 0 2px rgba(38,198,218,0.18) !important;
}

/* ===== Pagination ===== */
.pagination .current { background: var(--ka-cyan) !important; color: #fff !important; }

/* ===== Labels ===== */
.label.primary { background: var(--ka-cyan) !important; }
.callout.primary { background: rgba(38,198,218,0.08); border-left: 3px solid var(--ka-cyan); }