/* window-styles.css - 바탕화면 아이콘 더블클릭 시 생성되는 창의 스타일

/* ==========================================================================
   1. 창 컨테이너 (기본 테마)
   ========================================================================== */
.window {
    font-size: 11px;
    box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #dfdfdf, inset -2px -2px grey, inset 2px 2px #fff;
    background: #f7f6f2; /*폴더 내 배경색 지정*/
    padding: 3px;
}

.window fieldset {
    margin-bottom: 9px;
}

/* ==========================================================================
   1. 창 컨테이너 (Luna 테마 - 덮어씀)
   ========================================================================== */
.window {
    box-shadow: inset -1px -1px #00138c, inset 1px 1px #0831d9, inset -2px -2px #001ea0, inset 2px 2px #166aee, inset -3px -3px #003bda, inset 3px 3px #0855dd;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 0 0 3px;
    -webkit-font-smoothing: antialiased;
}

/* ==========================================================================
   2. 제목 표시줄 (기본 테마)
   ========================================================================== */
.title-bar {
    font-size: 11px;
    background: #000;
    padding: 3px 2px 3px 3px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* ==========================================================================
   2. 제목 표시줄 (Luna 테마 - 덮어씀)
   ========================================================================== */
.title-bar {
    font-family: Trebuchet MS;
    background: linear-gradient(180deg, #0997ff, #0053ee 8%, #0050ee 40%, #06f 88%, #06f 93%, #005bff 95%, #003dd7 96%, #003dd7);
    padding: 3px 5px 3px 3px;
    border-top: 1px solid #0831d9;
    border-left: 1px solid #0831d9;
    border-right: 1px solid #001ea0;
    border-top-left-radius: 8px;
    border-top-right-radius: 7px;
    font-size: 13px;
    text-shadow: 1px 1px #0f1089;
    height: 28px;
}

/* ==========================================================================
   3. 제목 표시줄 텍스트 (기본 테마)
   ========================================================================== */
.title-bar-text {
    font-weight: 700;
    color: #fff;
    letter-spacing: 0;
    margin-right: 24px;
}

/* ==========================================================================
   3. 제목 표시줄 텍스트 (Luna 테마 - 덮어씀)
   ========================================================================== */
.title-bar-text {
    padding-left: 3px;
    display: flex;
    align-items: center;
}

/* ==========================================================================
   3-1. 제목 표시줄 아이콘 (custom.css에서 가져옴)
   ========================================================================== */
.title-bar-icon {
    width: 16px;
    height: 16px;
    margin-right: 4px; /* 아이콘과 제목 텍스트 사이 간격 */
    vertical-align: middle; /* 텍스트와 세로 정렬을 자연스럽게 맞춤 */
}

/* 4. 제목 표시줄 컨트롤 버튼 */
.title-bar-controls {
    display: flex;
}

.title-bar-controls button {
    padding: 0;
    display: block;
    min-width: 16px;
    min-height: 14px;
    min-width: 21px;
    min-height: 21px;
    margin-left: 2px;
    background-repeat: no-repeat;
    background-position: 50%;
    box-shadow: none;
    background-color: #0050ee;
    transition: background .1s;
    border: none;
    outline: none;
}

.title-bar-controls button:focus {
    outline: none;
}

.title-bar-controls button:active,
.title-bar-controls button:focus,
.title-bar-controls button:hover {
    box-shadow: none !important;
}

/* 버튼 아이콘 이미지는 현재 비어있음 (필요 시 이미지 URL 추가) */
.title-bar-controls button[aria-label="Minimize"] {
    background-image: url(); /* 예: url('./image/minimize.png'); */
}

.title-bar-controls button[aria-label="Minimize"]:hover {
    background-image: url();
}

.title-bar-controls button[aria-label="Minimize"]:not(:disabled):active {
    background-image: url();
}

.title-bar-controls button[aria-label="Maximize"] {
    background-image: url(); /* 예: url('./image/maximize.png'); */
}

.title-bar-controls button[aria-label="Maximize"]:hover {
    background-image: url();
}

.title-bar-controls button[aria-label="Maximize"]:not(:disabled):active {
    background-image: url();
}

.title-bar-controls button[aria-label="Restore"] {
    background-image: url(); /* 예: url('./image/restore.png'); */
}

.title-bar-controls button[aria-label="Restore"]:hover {
    background-image: url();
}

.title-bar-controls button[aria-label="Restore"]:not(:disabled):active {
    background-image: url();
}

.title-bar-controls button[aria-label="Help"] {
    background-image: url(); /* 예: url('./image/help.png'); */
}

.title-bar-controls button[aria-label="Help"]:hover {
    background-image: url();
}

.title-bar-controls button[aria-label="Help"]:not(:disabled):active {
    background-image: url();
}

.title-bar-controls button[aria-label="Close"] {
    background-image: url(); /* 예: url('./image/close.png'); */
}

.title-bar-controls button[aria-label="Close"]:hover {
    background-image: url();
}

.title-bar-controls button[aria-label="Close"]:not(:disabled):active {
    background-image: url();
}

/* 5. 창 크기 조절 핸들 (custom.css에서 가져옴) */
.resizer {
    position: absolute;
    width: 25px;
    height: 25px;
    background: transparent;
    z-index: 10;
    transition: width 0.1s, height 0.1s; /* 크기 변경 시 부드러운 효과 (선택 사항) */
}

/* 크기 조절 핸들 - 클릭 중인 활성 상태 (50x50px) */
.resizer.is-resizing {
    width: 500px;
    height: 500px;
}

/* 각 방향별 핸들의 위치와 마우스 커서 모양 설정 */
.resizer.top-left     { top: -10px; left: -10px; cursor: nwse-resize; }
.resizer.top-right    { top: -15px; right: -10px; cursor: nesw-resize; }
.resizer.bottom-left  { bottom: -10px; left: -10px; cursor: nesw-resize; }
.resizer.bottom-right { bottom: -10px; right: -10px; cursor: nwse-resize; }
.resizer.top          { top: -10px; left: 10px; right: 10px; cursor: ns-resize; }
.resizer.right        { top: 10px; right: -10px; bottom: 10px; cursor: ew-resize; }
.resizer.bottom       { bottom: -10px; left: 10px; right: 10px; cursor: ns-resize; }
.resizer.left         { top: 10px; left: -10px; bottom: 10px; cursor: ew-resize; }

/* 클릭 중일 때 위치 보정 */
.resizer.is-resizing.top-left     { top: -250px; left: -250px; }
.resizer.is-resizing.top-right    { top: -250px; right: -250px; }
.resizer.is-resizing.bottom-left  { bottom: -250px; left: -250px; }
.resizer.is-resizing.bottom-right { bottom: -250px; right: -250px; }
.resizer.is-resizing.top          { top: -250px; }
.resizer.is-resizing.right        { right: -250px; }
.resizer.is-resizing.bottom       { bottom: -250px; }
.resizer.is-resizing.left         { left: -250px; }

/* 최대화 상태 스타일 */
.window.maximized {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: calc(100% - 30px) !important; /* 작업표시줄 높이 제외 */
    transform: none !important;
}

/* 최소화 상태 스타일 */
.window.minimized {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* ==========================================================================
   6. 창 본문 (windowsXP.css에서 가져옴)
   ========================================================================== */
.window-body {
    margin: 8px;
    flex-grow: 1;
    padding: 0;
    margin: 0;
    min-height: 0;
}

.window-body pre {
    margin: -8px;
}