/* ── 1. 배경 이미지 ── */
body {
  background-image: url('http://www.kwmadb.org/dbbg.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
  min-height: 100vh;
}

/* ── 2. CSS 변수 재정의 ── */
:root {
  --bg: transparent !important;
}

/* ── 3. 모든 컨테이너 투명 처리 ── */
body > *,
body > * > *,
#wrap, #page, #main, #content,
.container, .site-content, .page-content,
main, article, section,
header, nav, footer, aside,
h1.site-title,
#top-nav, nav#top-nav,
#user-bar, nav#user-bar,
#search, div#search,
.site-title #top-nav {
  background-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* ── 4. 사이트 타이틀 텍스트 ── */
h1.site-title,
h1.site-title a {
  color: #111111 !important;
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.95) !important;
}

/* ── 5. 네비게이션(Browse) 링크 ── */
nav#top-nav a,
#top-nav a,
#top-nav ul li a {
  color: #111111 !important;
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.95) !important;
}

/* ── 6. 검색창 ── */
input[type="text"],
input[type="search"] {
  background-color: rgba(255, 255, 255, 0.7) !important;
  color: #111111 !important;
  border-color: rgba(0, 0, 0, 0.3) !important;
}
/* ─────────────────────────────
   1. 화면 전체 배경 이미지
   body보다 html 쪽에 배경을 까는 것이 더 안정적입니다.
───────────────────────────── */

html,
body {
  min-height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

html {
  background-image: url('/dbbg.jpg') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-color: transparent !important;
}

body {
  min-height: 100vh;
  background: transparent !important;
}


/* ─────────────────────────────
   2. Omeka S 상단 흰 배경 제거
   테마마다 header 구조가 조금씩 달라서
   자주 쓰이는 선택자를 함께 잡습니다.
───────────────────────────── */

body > header,
header,
#header,
#site-header,
.site-header,
.site-page-header,
header .container,
header .wrapper,
header .site-title,
header .site-title a,
header nav,
header nav ul,
header nav li,
#top-nav,
#top-nav ul,
#top-nav li,
.top-bar,
.top-bar ul,
.top-bar-left,
.top-bar-right,
.title-bar,
.navigation,
.navigation ul,
.navigation li,
.menu,
.menu li {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
}


/* ─────────────────────────────
   3. 페이지 전체 래퍼도 투명 처리
───────────────────────────── */

#wrap,
#page,
#main,
#content,
.site,
.site-content,
.page-content,
.container,
main,
article,
section,
footer {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}


/* ─────────────────────────────
   4. 사이트 제목 / 메뉴 글자색
───────────────────────────── */

.site-title,
.site-title a,
h1.site-title,
h1.site-title a,
header h1,
header h1 a,
#top-nav a,
nav a,
.navigation a,
.menu a {
  color: #111111 !important;
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.95) !important;
}


/* ─────────────────────────────
   5. 검색창은 너무 투명해지지 않도록 다시 지정
───────────────────────────── */

input[type="text"],
input[type="search"],
#search input[type="text"],
#search input[type="search"] {
  background-color: rgba(255, 255, 255, 0.7) !important;
  color: #111111 !important;
  border: 1px solid rgba(0, 0, 0, 0.3) !important;
}
/* ── 배경 오버레이 (배경과 콘텐츠 사이에만 적용) ── */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  background: rgba(255, 255, 255, 0.7);
  z-index: -1;
  pointer-events: none;
}
/* 검색창을 문구 위 중앙으로 이동하고 크기 확대 */
header {
  position: relative !important;
  overflow: visible !important;
}

header #search,
.site-header #search {
  position: absolute !important;
  top: 500px !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
  width: 780px !important;
  max-width: calc(100% - 40px) !important;
  z-index: 9999 !important;
  text-align: center !important;
}

header #search form,
.site-header #search form {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 0 !important;
}

header #search input[type="text"],
header #search input[type="search"],
.site-header #search input[type="text"],
.site-header #search input[type="search"] {
  width: calc(100% - 48px) !important;
  height: 48px !important;
  font-size: 18px !important;
  padding: 8px 14px !important;
  box-sizing: border-box !important;
}

header #search button,
header #search input[type="submit"],
.site-header #search button,
.site-header #search input[type="submit"] {
  width: 48px !important;
  height: 48px !important;
  box-sizing: border-box !important;
  font-size: 18px !important;
}