/* Windows 95 Folder and File Icons */

/* Ensure folder windows have proper white background with inset bevel */
.window-body.folder-view {
  background: white !important;
  padding: 10px !important;
  margin: 8px !important;
  position: relative !important;
  min-height: calc(100% - 36px) !important;
  height: calc(100% - 36px) !important;
  overflow: auto !important;
  box-sizing: border-box !important;
  /* Inset bevel effect - dark on top/left, light on bottom/right */
  box-shadow: inset 1px 1px 0 #808080, inset 2px 2px 0 #000000, inset -1px -1px 0 #ffffff, inset -2px -2px 0 #dfdfdf !important;
}

/* Override any max-height from main.css */
.my-computer .window-body,
.folder-window .window-body {
  max-height: none !important;
}

/* Folder Icons */
.folder-icon {
  width: 80px;
  text-align: center;
  cursor: url('../img/cursor.png'), auto;
  user-select: none;
}

.folder-icon-img {
  width: 32px;
  height: 32px;
  margin: 0 auto 5px;
  background-image: url('../img/icons/folder.png');
  background-size: contain;
  background-repeat: no-repeat;
  image-rendering: pixelated;
}

.folder-icon-label {
  font-family: "MS Sans Serif", sans-serif;
  font-size: 11px;
  word-wrap: break-word;
  background: transparent;
  padding: 2px;
}

.folder-icon:hover .folder-icon-label {
  background: #000080;
  color: white;
}

/* File Icons */
.file-icon {
  width: 80px;
  text-align: center;
  cursor: url('../img/cursor.png'), auto;
  user-select: none;
  display: inline-block;
  vertical-align: top;
  margin: 5px;
}

.file-icon-img {
  width: 48px;
  height: 48px;
  margin: 0 auto 5px;
  background-size: contain;
  background-repeat: no-repeat;
  image-rendering: pixelated;
}

/* Image file icon */
.image-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath fill='white' d='M8 4h28l8 8v32H8z'/%3E%3Cpath fill='%23C0C0C0' d='M36 4v8h8z'/%3E%3Cpath fill='%2300FFFF' d='M12 16h24v20H12z'/%3E%3Cpath fill='%23FFFF00' d='M16 20l6 8 4-4 6 8H16z'/%3E%3C/svg%3E");
}

/* Audio file icon */
.audio-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath fill='white' d='M8 4h28l8 8v32H8z'/%3E%3Cpath fill='%23C0C0C0' d='M36 4v8h8z'/%3E%3Cpath fill='%23FF0000' d='M18 20h4v12c0 2-2 4-4 4s-4-2-4-4 2-4 4-4c1 0 2 0.5 2.5 1V20z'/%3E%3Cpath fill='%23FF0000' d='M22 16h8v2l-8 2v-4z'/%3E%3C/svg%3E");
}

.file-icon-label {
  font-family: "MS Sans Serif", sans-serif;
  font-size: 11px;
  word-wrap: break-word;
  background: transparent;
  padding: 2px;
}

.file-icon:hover .file-icon-label {
  background: #000080;
  color: white;
}

/* MS Paint Styles */
.paint-body {
  padding: 0 !important;
  margin: 8px !important;
  display: flex;
  flex-direction: column;
  height: calc(100% - 46px);
  overflow: hidden !important;
}

.paint-menubar {
  background: #c0c0c0;
  border-bottom: 1px solid #808080;
  padding: 2px 5px;
  font-size: 11px;
  font-family: "MS Sans Serif", sans-serif;
  display: flex;
  gap: 10px;
}

.paint-menubar .menu-item {
  padding: 2px 8px;
  cursor: url('../img/cursor.png'), auto;
}

.paint-menubar .menu-item:hover {
  background: #000080;
  color: white;
}

.paint-toolbar {
  background: #c0c0c0;
  border-bottom: 2px solid #808080;
  padding: 5px;
}

.paint-tools {
  display: flex;
  gap: 5px;
}

.tool-btn {
  width: 28px;
  height: 28px;
  background: #c0c0c0;
  border: 2px solid;
  border-color: #ffffff #000000 #000000 #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: url('../img/cursor.png'), auto;
  font-size: 16px;
}

.tool-btn:active {
  border-color: #000000 #ffffff #ffffff #000000;
}

.paint-canvas {
  flex: 1;
  background: #808080;
  overflow: auto;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.paint-image {
  background: white;
  border: 1px solid black;
  min-width: 400px;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.paint-img {
  max-width: 100%;
  max-height: 100%;
  image-rendering: pixelated;
}

/* Sound Recorder Styles */
.sound-body {
  padding: 8px !important;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.sound-display {
  flex: 1;
  background: white;
  border: 2px solid;
  border-color: #808080 #ffffff #ffffff #808080;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.sound-waveform {
  width: 100%;
  height: 60px;
  background: white;
  border: 1px solid #c0c0c0;
  background-image: repeating-linear-gradient(
    90deg,
    #000 0px,
    #000 1px,
    transparent 1px,
    transparent 20px
  );
}

.sound-filename {
  margin-top: 10px;
  font-family: "MS Sans Serif", sans-serif;
  font-size: 11px;
}

.sound-controls {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.sound-btn {
  width: 40px;
  height: 30px;
  background: #c0c0c0;
  border: 2px solid;
  border-color: #ffffff #000000 #000000 #ffffff;
  cursor: url('../img/cursor.png'), auto;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sound-btn:active {
  border-color: #000000 #ffffff #ffffff #000000;
  padding-top: 2px;
}

/* Close button behavior for special windows */
.my-computer .close,
.folder-window .close,
.mspaint .close,
.sound-recorder .close {
  cursor: url('../img/cursor.png'), auto;
}