/* Windows 98 Classic Theme Overrides */

body[data-theme="win98"] {
  --desktop-bg: #008080;
  --win-bg: #d6d4d4;
  --win-body-bg: #ffffff;
  
  --win-border-color: #ffffff #5a5a5a #5a5a5a #ffffff;
  --win-shadow: none;
  
  /* Header active/inactive */
  --win-header-bg: linear-gradient(90deg, #808080, #c0c0c0);
  --win-header-text: #d6d4d4;
  --win-header-active-bg: linear-gradient(90deg, #000080, #1084d0);
  --win-header-active-text: #ffffff;
  --win-title-shadow: none;
  
  /* Scrollbars and select boxes */
  --scroll-bg: #eaeaea;
  --scroll-thumb: #d6d4d4;
  --btn-light: #ffffff;
  --btn-light-soft: #fcfcfc;
  --btn-dark: #808080;
  
  /* Close Button Customization */
  --close-btn-bg: #d6d4d4;
  --close-btn-text: #000000;
  --close-btn-border: #ffffff #808080 #808080 #ffffff;
  
  /* Start Menu overrides */
  --menu-bg: #d6d4d4;
  --menu-border-color: #ffffff #5a5a5a #5a5a5a #ffffff;
  --menu-sidebar-bg: linear-gradient(180deg, #000080 0%, #1084d0 100%);
  --menu-profile-bg: #000080;
  --menu-profile-border: #000080;
  --menu-columns-bg: #ffffff;
  --menu-right-bg: #d6d4d4;
  --menu-col-separator: #808080;
  --menu-hover-bg: #000080;
  --menu-hover-text: #ffffff;
  --menu-hover-desc: #d6d4d4;
  --menu-separator: #808080;
  --menu-footer-bg: #d6d4d4;
  
  /* Icon variables */
  --icon-select-bg: rgba(0, 0, 128, 0.45);
  --icon-select-border: #000080;
  
  /* Taskbar and Tray */
  --taskbar-bg: #d6d4d4;
  --taskbar-border-top: 2px solid #ffffff;
  --tray-bg: #d6d4d4;
  --tray-border: #808080 #ffffff #ffffff #808080;
  --tray-btn-filter: grayscale(1);
  
  /* Dialog Overlays */
  --shutdown-bg: #008080;
}

/* Specific Win98 Structural Styling Styles */
body[data-theme="win98"] .window {
  border: 2px solid;
  border-color: #ffffff #505050 #505050 #ffffff;
  box-shadow: inset 1px 1px 0px #fff, inset -1px -1px 0px #808080;
  border-radius: 0 !important;
}

body[data-theme="win98"] .window-header {
  height: 22px;
  padding: 2px 4px;
  border-radius: 0 !important;
}

body[data-theme="win98"] .window-title {
  font-family: var(--font-family-sys);
  font-size: 11px;
}

body[data-theme="win98"] .win-btn {
  width: 16px;
  height: 14px;
  background-color: #d6d4d4;
  border: 1px solid;
  border-color: #ffffff #808080 #808080 #ffffff;
  border-radius: 0;
  font-size: 10px;
  color: #000;
  padding-bottom: 2px;
}

body[data-theme="win98"] .win-btn:active {
  border-color: #808080 #ffffff #ffffff #808080;
  padding-top: 1px;
  padding-left: 1px;
}

/* Close symbol override */
body[data-theme="win98"] .win-btn.close::before {
  content: "×";
  font-weight: bold;
  font-size: 13px;
  line-height: 1;
}

body[data-theme="win98"] .win-btn.minimize::before {
  content: "_";
  line-height: 0.5;
  font-size: 11px;
}

body[data-theme="win98"] .win-btn.maximize::before {
  content: "□";
  line-height: 1;
  font-size: 11px;
}

/* Start button classic look */
body[data-theme="win98"] .start-button {
  background-color: #d6d4d4;
  border: 2px solid;
  border-color: #ffffff #808080 #808080 #ffffff;
  border-radius: 0;
  height: 28px;
  margin-top: 2px;
  box-shadow: inset 1px 1px 0px #fff;
  font-size: 12px;
  padding: 0 6px;
}
body[data-theme="win98"] .start-button:active,
body[data-theme="win98"] .start-button.active {
  border-color: #808080 #ffffff #ffffff #808080;
  box-shadow: none;
  padding-top: 2px;
  padding-left: 2px;
}

body[data-theme="win98"] .start-text {
  font-weight: bold;
  font-style: normal;
  color: #000;
  text-shadow: none;
}

body[data-theme="win98"] .start-logo {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="%23FF3333" d="M0,0 L7,1 L7,7 L0,7 Z"/><path fill="%2333CC33" d="M8,1 L16,0 L16,7 L8,7 Z"/><path fill="%233366FF" d="M0,8 L7,8 L7,14 L0,15 Z"/><path fill="%23FFCC00" d="M8,8 L16,8 L16,15 L8,14 Z"/></svg>');
  width: 16px;
  height: 16px;
}

/* Win98 Taskbar App tabs */
body[data-theme="win98"] .taskbar-tab {
  background-color: #d6d4d4;
  border: 2px solid;
  border-color: #ffffff #808080 #808080 #ffffff;
  border-radius: 0;
  box-shadow: inset 1px 1px 0px #fff;
  font-weight: bold;
}
body[data-theme="win98"] .taskbar-tab.active-tab {
  border-color: #808080 #ffffff #ffffff #808080;
  box-shadow: none;
  background-color: #eaeaea;
  padding-top: 2px;
  padding-left: 10px;
}

/* Sidebar override for Win98 */
body[data-theme="win98"] .start-menu-sidebar-text {
  font-family: 'Outfit', sans-serif;
  font-size: 22px;
}

body[data-theme="win98"] .start-menu-profile {
  display: none !important; /* Hide user profile on Win98 start menu */
}

/* Bevel effects on UI controls */
body[data-theme="win98"] .dialog-title-bar {
  height: 20px;
  background: linear-gradient(90deg, #000080, #1084d0);
  border-radius: 0;
}

body[data-theme="win98"] .properties-box {
  border: 2px solid;
  border-color: #ffffff #505050 #505050 #ffffff;
  border-radius: 0;
}

body[data-theme="win98"] .properties-content {
  border: 2px solid;
  border-color: #808080 #ffffff #ffffff #808080;
}

body[data-theme="win98"] .prop-btn {
  border: 2px solid;
  border-color: #ffffff #808080 #808080 #ffffff;
  border-radius: 0;
  font-size: 11px;
}
body[data-theme="win98"] .prop-btn:active {
  border-color: #808080 #ffffff #ffffff #808080;
}

body[data-theme="win98"] .footer-btn {
  background-color: #d6d4d4;
  border: 2px solid;
  border-color: #ffffff #808080 #808080 #ffffff;
  border-radius: 0;
  font-size: 11px;
}
body[data-theme="win98"] .footer-btn:active {
  border-color: #808080 #ffffff #ffffff #808080;
}

/* Classic scrollbars in browser mockup */
body[data-theme="win98"] .ie-page-wrapper {
  background: #ffffff;
  border: 2px solid;
  border-color: #808080 #ffffff #ffffff #808080;
}