/* ==========================================================================
   Cherry Kids 愛英幼兒園 · Piwigo Admin + Login Branding Override
   Accent: #C0902A (accent-gold)
   ========================================================================== */

/* ── 1. Login page (#theIdentificationPage) ──────────────────────────── */

#logo-section #piwigo-logo,
#logo-section img[src*="piwigo_logo"] {
  display: none !important;
}

#logo-section::before {
  content: "愛英幼兒園";
  display: block;
  font-family: 'Noto Serif TC', 'PingFang TC', serif;
  font-size: 28px;
  font-weight: 700;
  color: #C0902A;
  text-align: center;
  letter-spacing: 0.08em;
  margin-bottom: 4px;
}
#logo-section::after {
  content: "CHERRY KIDS · SINCE 1984";
  display: block;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 11px;
  font-weight: 500;
  color: #9B7050;
  text-align: center;
  letter-spacing: 0.22em;
  margin-bottom: 24px;
}

#theIdentificationPage input[type=submit],
#theIdentificationPage button[type=submit] {
  background-color: #C0902A !important;
  border-color: #8B6B1A !important;
  color: #fff !important;
}
#theIdentificationPage input[type=submit]:hover,
#theIdentificationPage button[type=submit]:hover {
  background-color: #8B6B1A !important;
}

/* ── 2. Sidebar footer — hide Piwigo logo, show brand text ──────────── */

#footer a.piwigo-logo,
#footer a.piwigo-logo img {
  display: none !important;
}

#theAdminPage #footer::before {
  content: "Cherry Kids";
  display: block;
  font-family: 'PingFang TC', sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #ccc;
  text-align: center;
  padding: 10px 0 2px;
  letter-spacing: 0.04em;
}
#theAdminPage #footer::after {
  content: "愛英幼兒園 管理後台";
  display: block;
  font-size: 10px;
  color: #888;
  text-align: center;
  letter-spacing: 0.06em;
  padding-bottom: 4px;
}

/* ── 3. Top header bar ───────────────────────────────────────────────── */

#pwgHead {
  background-color: #3a3a3a !important;
  border-bottom: 2px solid #A83228 !important;
}
#pwgHead .visit-gallery {
  background-color: #A83228 !important;
}
#pwgHead .visit-gallery a,
#pwgHead .visit-gallery i { color: #fff !important; }
#pwgHead .pwgHead-gallery-title { color: #e0e0e0 !important; }
#pwgHead a { color: #ccc !important; }
#pwgHead a:hover { color: #fff !important; }

/* ── 4. Sidebar ─────────────────────────────────────────────────────── */

#menubar { background-color: #3a3a3a !important; }
#menubar dt { color: #bbb !important; }
#menubar dl.open > dt,
#menubar dt:hover {
  color: #fff !important;
  border-left: 3px solid #A83228 !important;
  padding-left: 8px !important;
}
#menubar li a { color: #ccc !important; }
#menubar li:hover { background-color: rgba(168,50,40,0.15) !important; }
#menubar li a:hover { color: #fff !important; }
#menubar ul.scroll { scrollbar-color: #A83228 #3a3a3a !important; }
#menubar a.admin-main { color: #bbb !important; }
#menubar a.admin-main:hover { color: #fff !important; }

/* ── 4b. Page heading override ───────────────────────────────────────── */

#theAdminPage .content h2,
#theAdminPage h1 {
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
}
#theAdminPage .content h2::before,
#theAdminPage h1::before {
  content: "愛英幼兒園 後台管理";
  font-size: 22px !important;
  line-height: 1.4 !important;
  color: #3D2B14 !important;
  font-family: 'Noto Serif TC', 'PingFang TC', serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
}

/* ── 5. Buttons ─────────────────────────────────────────────────────── */

input[type=submit]:not(.cancel):not(.delete),
button[type=submit]:not(.cancel):not(.delete),
a.button:not(.cancel):not(.delete),
.addButton, .validateButton, .buttonLike:not(.cancel) {
  background-color: #C0902A !important;
  border-color: #8B6B1A !important;
  color: #fff !important;
}
input[type=submit]:not(.cancel):not(.delete):hover,
button[type=submit]:not(.cancel):not(.delete):hover,
a.button:not(.cancel):not(.delete):hover,
.addButton:hover, .validateButton:hover, .buttonLike:not(.cancel):hover {
  background-color: #8B6B1A !important;
}

/* ── 6. Accent color replacements ───────────────────────────────────── */

#tabsheet li.tabsheet-item.selected a,
#tabsheet li.selected a {
  color: #C0902A !important;
  border-bottom: 2px solid #C0902A !important;
}

.dropdown {
  background: linear-gradient(130deg, #8B6B1A 0%, #D4A830 100%) !important;
}
.dropdown::after,
#catOptionsSmall.dropdown::after {
  border-color: transparent transparent #8B6B1A transparent !important;
}

#uploadReport .progressBar > div,
[class*="progress-bar"] { background-color: #C0902A !important; }

li.selectedAlbum > a,
.treeMenu .selectedAlbum > a { color: #C0902A !important; }

.themeActions a:nth-child(1):hover,
span.nb_photos,
.cat-move-order-popin .close-popin:hover,
#batchManagerGlobal a.removeFilter:hover::before { color: #C0902A !important; }

.infos li::marker { color: #C0902A !important; }