/* ============================================================
   ARIFE 공용 글래스 / 3D / 인터랙티브 테마  (홈 index.html 제외 전 페이지)
   기존 레이아웃은 건드리지 않고 '보이는 효과'만 얹습니다:
   투명 글래스 팝업 · 3D 입체 버튼 · hover 인터랙티브 · 다크 셀렉트.
   body.arife-glass 로 스코프.  이 파일은 각 페이지에서 마지막에 로드.
   ============================================================ */

/* 배경에 은은한 깊이(왼쪽 위 라임 글로우) */
body.arife-glass{
  background-image:radial-gradient(60vw 40vw at 6% -6%, rgba(79,211,234,.05), transparent 60%) !important;
  background-attachment:fixed;
}

/* ---- 버튼 / 링크 hover 인터랙티브 (마우스 반응) ---- */
body.arife-glass button,
body.arife-glass .button,
body.arife-glass a.nav-pill,
body.arife-glass [role="button"],
body.arife-glass .btn{
  transition:transform .14s ease, filter .16s ease, box-shadow .16s ease, background-color .16s ease !important;
}
body.arife-glass button:not(:disabled):hover,
body.arife-glass .button:hover,
body.arife-glass a.nav-pill:hover,
body.arife-glass [role="button"]:hover,
body.arife-glass .btn:not(:disabled):hover{
  transform:translateY(-1px);
  filter:brightness(1.08);
}
body.arife-glass button:not(:disabled):active,
body.arife-glass .button:active,
body.arife-glass .btn:not(:disabled):active{ transform:translateY(1px); }

/* ---- 셀렉트를 다크 글래스로 (흰색 네이티브 제거 + 커스텀 화살표) ---- */
body.arife-glass select{
  -webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path d='M1 1l5 5 5-5' fill='none' stroke='%239aa0a6' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important;
  background-repeat:no-repeat !important;background-position:right 12px center !important;padding-right:34px !important;cursor:pointer;
}
body.arife-glass select option{ background:#16181b !important; color:#e7eae7 !important; }

/* ---- 입력 포커스 링(라임) ---- */
body.arife-glass input:focus,
body.arife-glass textarea:focus,
body.arife-glass select:focus{
  outline:none !important;
  border-color:rgba(79,211,234,.45) !important;
  box-shadow:0 0 0 3px rgba(79,211,234,.12) !important;
}

/* ---- 팝업 / 모달 / 다이얼로그를 투명 글래스 + 3D + 화면맞춤 ---- */
body.arife-glass [role="dialog"],
body.arife-glass [class*="-dialog"],
body.arife-glass [class*="-modal"] [class*="dialog"],
body.arife-glass [class*="modal-card"],
body.arife-glass [class*="-popup"] [class*="panel"],
body.arife-glass [class*="popover"]{
  background:linear-gradient(180deg,rgba(40,46,52,.74),rgba(20,24,28,.7)) !important;
  backdrop-filter:blur(24px) saturate(150%) !important;-webkit-backdrop-filter:blur(24px) saturate(150%) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 30px 70px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.16),inset 0 -4px 12px rgba(0,0,0,.45) !important;
  max-height:88vh; overflow-y:auto;
}

/* ---- 3D 입체감: 주요 프라이머리 버튼(청록 계열)에 광택 + 눌림 ---- */
body.arife-glass .nav-pill.primary,
body.arife-glass .button.primary,
body.arife-glass .btn-primary,
body.arife-glass button.primary{
  box-shadow:0 8px 18px rgba(30,170,200,.32),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -2px 4px rgba(8,90,110,.4) !important;
}

/* ---- 스크롤바 다크 ---- */
body.arife-glass ::-webkit-scrollbar{width:11px;height:11px}
body.arife-glass ::-webkit-scrollbar-thumb{background:#242428;border-radius:10px;border:3px solid rgba(0,0,0,0)}
body.arife-glass ::-webkit-scrollbar-thumb:hover{background:#303036}

::selection{background:rgba(79,211,234,.3)}