/* ORO Bridge — Win98 / AOL retro skin matching db.oppodb.com */
:root {
  --oro-face: #d4d0c8;
  --oro-light: #dfdfdf;
  --oro-shadow: #808080;
  --oro-dark: #000000;
  --oro-highlight: #ffffff;
  --oro-titlebar: #1f3a93;
  --oro-titlebar-grad: linear-gradient(90deg, #1f3a93, #3b82f6);
  --oro-text: #000000;
  --oro-link: #0000ee;
  --oro-mono: "MS Sans Serif", "Tahoma", "Pixelated MS Sans Serif", Geneva, sans-serif;
}

/* --- Shortcode buttons --- */
.oro-app-link,
.oro-buy-button {
  display: inline-block;
  font-family: var(--oro-mono);
  font-size: 12px;
  line-height: 1.2;
  padding: 6px 14px;
  background: var(--oro-face);
  color: var(--oro-text) !important;
  text-decoration: none !important;
  border: 2px solid;
  border-color: var(--oro-highlight) var(--oro-dark) var(--oro-dark) var(--oro-highlight);
  box-shadow: inset 1px 1px 0 var(--oro-light), inset -1px -1px 0 var(--oro-shadow);
  cursor: pointer;
  user-select: none;
}
.oro-app-link:hover,
.oro-buy-button:hover { background: #e0dcd2; }
.oro-app-link:active,
.oro-buy-button:active {
  border-color: var(--oro-dark) var(--oro-highlight) var(--oro-highlight) var(--oro-dark);
  box-shadow: inset 1px 1px 0 var(--oro-shadow), inset -1px -1px 0 var(--oro-light);
  padding-top: 7px; padding-bottom: 5px;
}

/* --- Win98 framed window helper --- */
.oro-window {
  background: var(--oro-face);
  border: 2px solid;
  border-color: var(--oro-highlight) var(--oro-dark) var(--oro-dark) var(--oro-highlight);
  box-shadow: inset 1px 1px 0 var(--oro-light), inset -1px -1px 0 var(--oro-shadow), 2px 2px 0 rgba(0,0,0,.3);
  font-family: var(--oro-mono);
  color: var(--oro-text);
  margin: 16px 0;
}
.oro-window__titlebar {
  background: var(--oro-titlebar-grad);
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  padding: 3px 6px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.oro-window__body { padding: 14px 16px; }
.oro-window__body p { margin: 0 0 10px; font-size: 13px; }

/* --- Sitewide retro theme overlay (opt-in via body class .oro-retro-theme) --- */
body.oro-retro-theme {
  background: #008080 !important;
  color: var(--oro-text);
  font-family: var(--oro-mono) !important;
}
body.oro-retro-theme a { color: var(--oro-link); }
body.oro-retro-theme #page,
body.oro-retro-theme .site,
body.oro-retro-theme main,
body.oro-retro-theme article,
body.oro-retro-theme .entry-content,
body.oro-retro-theme .wp-block-group {
  background: var(--oro-face) !important;
  color: var(--oro-text) !important;
  border: 2px solid;
  border-color: var(--oro-highlight) var(--oro-dark) var(--oro-dark) var(--oro-highlight);
  box-shadow: inset 1px 1px 0 var(--oro-light), inset -1px -1px 0 var(--oro-shadow);
  padding: 14px 18px;
  margin: 12px auto;
  max-width: 960px;
}
body.oro-retro-theme h1,
body.oro-retro-theme h2,
body.oro-retro-theme h3 {
  font-family: var(--oro-mono) !important;
  background: var(--oro-titlebar-grad);
  color: #fff !important;
  padding: 4px 8px;
  margin: -14px -18px 12px;
  font-weight: 700;
}
body.oro-retro-theme h2,
body.oro-retro-theme h3 { background: var(--oro-titlebar); }
body.oro-retro-theme button,
body.oro-retro-theme .button,
body.oro-retro-theme input[type="submit"],
body.oro-retro-theme .wp-block-button__link {
  background: var(--oro-face) !important;
  color: var(--oro-text) !important;
  border: 2px solid !important;
  border-color: var(--oro-highlight) var(--oro-dark) var(--oro-dark) var(--oro-highlight) !important;
  box-shadow: inset 1px 1px 0 var(--oro-light), inset -1px -1px 0 var(--oro-shadow) !important;
  border-radius: 0 !important;
  font-family: var(--oro-mono) !important;
  padding: 6px 14px !important;
  text-decoration: none !important;
}
body.oro-retro-theme button:active,
body.oro-retro-theme .button:active,
body.oro-retro-theme .wp-block-button__link:active {
  border-color: var(--oro-dark) var(--oro-highlight) var(--oro-highlight) var(--oro-dark) !important;
}
body.oro-retro-theme input[type="text"],
body.oro-retro-theme input[type="email"],
body.oro-retro-theme input[type="password"],
body.oro-retro-theme textarea,
body.oro-retro-theme select {
  background: #fff;
  border: 2px solid;
  border-color: var(--oro-shadow) var(--oro-highlight) var(--oro-highlight) var(--oro-shadow) !important;
  box-shadow: inset 1px 1px 0 var(--oro-dark) !important;
  border-radius: 0 !important;
  font-family: var(--oro-mono) !important;
  padding: 4px 6px;
}

/* AOL-style top banner injected via filter */
.oro-aol-bar {
  background: var(--oro-titlebar-grad);
  color: #fff;
  font-family: var(--oro-mono);
  font-weight: 700;
  font-size: 13px;
  padding: 6px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid var(--oro-dark);
}
.oro-aol-bar a { color: #fff !important; text-decoration: none; }
.oro-aol-bar .oro-aol-cta {
  background: var(--oro-face); color: var(--oro-text) !important;
  border: 2px solid;
  border-color: var(--oro-highlight) var(--oro-dark) var(--oro-dark) var(--oro-highlight);
  padding: 2px 10px; font-size: 12px;
}