/* Netscape Navigator / Windows 95 Browser Styles */

/* Remove padding from window body and let browser chrome fill it */
.browser .window-body {
  padding: 0 !important;
  margin: 8px !important;
  display: flex;
  flex-direction: column;
  height: calc(100% - 46px);
  overflow: hidden !important;
}

/* Menu Bar */
.browser-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;
}

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

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

/* Toolbar */
.browser-toolbar {
  background: #c0c0c0;
  border-bottom: 2px solid #808080;
  border-top: 2px solid #ffffff;
  padding: 4px;
  display: flex;
  gap: 3px;
}

.browser-btn {
  background: #c0c0c0;
  border: 1px solid;
  border-color: #ffffff #000000 #000000 #ffffff;
  padding: 3px 8px;
  font-size: 11px;
  font-family: "MS Sans Serif", sans-serif;
  cursor: url('../img/cursor.png'), auto;
  min-width: 50px;
}

.browser-btn:active {
  border-color: #000000 #ffffff #ffffff #000000;
  padding: 4px 7px 2px 9px;
}

/* Address Bar */
.browser-addressbar {
  background: #c0c0c0;
  border-bottom: 2px solid #808080;
  border-top: 1px solid #ffffff;
  padding: 4px 5px;
  display: flex;
  align-items: center;
  gap: 5px;
}

.address-label {
  font-size: 11px;
  font-family: "MS Sans Serif", sans-serif;
  font-weight: bold;
}

.address-input {
  flex: 1;
  background: white;
  border: 2px solid;
  border-color: #808080 #ffffff #ffffff #808080;
  padding: 2px 4px;
  font-size: 11px;
  font-family: "MS Sans Serif", sans-serif;
  cursor: url('../img/cursor.png'), auto;
}

/* Browser Content Area */
.browser-content {
  flex: 1;
  overflow-y: auto;
  background: white;
  padding: 10px !important;
  margin: 0 !important;
}

/* Status Bar */
.browser-statusbar {
  background: #c0c0c0;
  border-top: 1px solid #ffffff;
  padding: 3px 5px;
  font-size: 11px;
  font-family: "MS Sans Serif", sans-serif;
  display: flex;
  align-items: center;
  min-height: 20px;
}

.status-text {
  padding: 2px 5px;
  border: 1px solid;
  border-color: #808080 #ffffff #ffffff #808080;
  background: #c0c0c0;
}

/* Adjust about window specifically */
.window.browser {
  min-width: 600px;
  height: 700px !important;
}

.window.browser .title-bar-text {
  font-family: "MS Sans Serif", sans-serif;
}

/* Make browser content look more like a webpage */
.browser-content.readable {
  background: #ffffff;
  color: #000000;
  font-family: "Times New Roman", Times, serif;
  font-size: 18px;
  line-height: 1.5;
}

.browser-content.readable a {
  color: #0000EE;
  text-decoration: underline;
}

.browser-content.readable a:visited {
  color: #551A8B;
}

.browser-content.readable b {
  font-weight: bold;
}