/* Louvre OS v12 — Extension overrides (Phase 0/1/2 visual layer).
 * Loaded after the inline styles in louvre-os.html so it wins on ties. */

/* Phoenix logo containers should scale the injected <img> nicely. */
.phoenixLogo { display:flex; align-items:center; justify-content:center; }
.phoenixLogo .lv-phoenix-img {
  height: 1em; width: auto;
  filter: drop-shadow(0 0 12px rgba(255,140,26,0.55));
  animation: lvPhoenixPulse 2s infinite ease-in-out;
}
@keyframes lvPhoenixPulse {
  0%,100% { transform: scale(1);   filter: drop-shadow(0 0 10px rgba(255,140,26,0.45)); }
  50%     { transform: scale(1.08); filter: drop-shadow(0 0 18px rgba(255,180,90,0.75)); }
}

/* Login screen: use Bliss for XP/Silver/Vista/2000, mac pattern for Mac 80s. */
#loginScreen {
  background:
    linear-gradient(180deg, rgba(20,50,120,0.25), rgba(10,25,60,0.55)),
    url("./louvre-assets/bliss.jpg") center/cover no-repeat,
    linear-gradient(180deg,#5a8edb 0%, #2a5cb0 55%, #1a3d80 100%);
}
body.skin-mac80s #loginScreen {
  background:
    linear-gradient(180deg, rgba(0,0,0,0.15), rgba(0,0,0,0.4)),
    url("./louvre-assets/mac80s-bg.png") repeat,
    #bdbdbd;
  color: #fff;
  font-family: "Chicago","Geneva","Lucida Grande",sans-serif;
}

/* Default desktop fallback: Bliss for non-mac themes if no inline bg was set. */
body:not(.skin-mac80s) #desktop:not([style*="background-image"]) {
  background-image: url("./louvre-assets/bliss.jpg");
  background-size: cover;
  background-position: center;
}
body.skin-mac80s #desktop:not([style*="background-image"]) {
  background-image: url("./louvre-assets/mac80s-bg.png");
  background-repeat: repeat;
  background-size: 64px 64px;
  background-color: #bdbdbd;
}

/* Mac 80s type polish */
body.skin-mac80s,
body.skin-mac80s .winBody,
body.skin-mac80s #startMenu {
  font-family: "Chicago","Geneva","Lucida Grande",sans-serif;
}