/* =========================================================
   OskyWorld – profilul în stil Crăciun
   Foaie nouă: osky-profil-craciun.css  (Attached To: Globally)
   ========================================================= */

/* fără „OskyWorld” (calea de navigare) deasupra profilului */
html body #content:has(.osky-p2) .navigation {
  display: none !important;
}

/* ---------- Cardul mare cu coperta ---------- */
html body #content .osky-p2 {
  position: relative !important;
  overflow: visible !important;
  margin-top: 14px !important;
  border: 1px solid rgba(255, 196, 80, 0.6) !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgba(10, 22, 54, 0.86), rgba(5, 13, 34, 0.92)) !important;
  box-shadow: 0 0 0 1px rgba(255, 210, 63, 0.1), 0 0 26px rgba(255, 176, 48, 0.22), 0 22px 50px rgba(0, 0, 0, 0.5) !important;
}
html body #content .osky-p2 .osky-p2-cover {
  border-radius: 15px 15px 0 0 !important;
  overflow: hidden !important;
  border-bottom: 0 !important;
}

/* zăpada de pe margine (profil + cardurile din stânga/dreapta) */
html body #content .osky-p2::before,
html body #content .osky-p2-card::before {
  content: "" !important;
  position: absolute !important;
  left: 10px !important;
  right: 10px !important;
  top: -9px !important;
  height: 18px !important;
  z-index: 6 !important;
  pointer-events: none !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='18' preserveAspectRatio='none'%3E%3Cpath d='M0 9 Q10 0 22 7 Q34 1 46 8 Q58 2 70 9 Q78 16 86 9 Q100 0 114 8 Q126 3 138 9 Q146 17 154 10 Q166 1 180 8 Q192 2 204 9 Q216 14 226 7 Q234 3 240 9 L240 12 Q120 15 0 12 Z' fill='%23f4fbff'/%3E%3C/svg%3E") repeat-x !important;
  background-size: 240px 18px !important;
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.4)) !important;
}

/* luminițe sub zăpadă, pe copertă */
html body #content .osky-p2::after {
  content: "" !important;
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  top: 4px !important;
  height: 16px !important;
  z-index: 5 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 15px 9px, #ffd23f 0 2.6px, rgba(255, 210, 63, 0.45) 3.6px, transparent 7px),
    radial-gradient(circle at 45px 11px, #ff3b52 0 2.6px, rgba(255, 59, 82, 0.45) 3.6px, transparent 7px),
    radial-gradient(circle at 75px 9px, #3dff7a 0 2.6px, rgba(61, 255, 122, 0.45) 3.6px, transparent 7px),
    radial-gradient(circle at 105px 11px, #fff6d0 0 2.6px, rgba(255, 246, 208, 0.45) 3.6px, transparent 7px) !important;
  background-size: 120px 16px !important;
  background-repeat: repeat-x !important;
  animation: oskyPrLumini 1.1s ease-in-out infinite alternate !important;
}
@keyframes oskyPrLumini {
  from { filter: brightness(1.35) drop-shadow(0 0 4px rgba(255, 230, 150, 0.6)); }
  to   { filter: brightness(0.75); }
}

/* butoanele de pe copertă */
html body #content a.osky-p2-cbtn:link,
html body #content a.osky-p2-cbtn:visited {
  border-color: rgba(255, 210, 63, 0.55) !important;
  background: rgba(5, 13, 34, 0.7) !important;
}
html body #content a.osky-p2-cbtn:hover {
  background: rgba(255, 210, 63, 0.15) !important;
}

/* ---------- Avatar cu ramă de baston de bomboane + crenguță de vâsc ---------- */
html body #content .osky-p2-avatar {
  position: relative !important;
  padding: 6px !important;
  border-radius: 28px !important;
  background: repeating-linear-gradient(45deg, #d8152f 0 9px, #fff6f6 9px 18px) !important;
  box-shadow: 0 0 0 2px #ffd23f, 0 0 0 5px rgba(5, 13, 34, 0.9), 0 0 26px rgba(255, 210, 63, 0.5) !important;
}
html body #content .osky-p2-avatar img {
  border: 0 !important;
  border-radius: 22px !important;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3) !important;
}
html body #content .osky-p2-avatar::before {
  content: none !important;
  display: none !important;
}
html body #content .osky-p2-avatar::after {
  content: "" !important;
  position: absolute !important;
  right: -14px !important;
  bottom: -12px !important;
  width: 58px !important;
  height: 46px !important;
  z-index: 3 !important;
  pointer-events: none !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58 46'%3E%3Cpath d='M29 26 C18 14 6 16 2 24 C10 22 14 26 12 32 C20 28 24 34 29 26 Z' fill='%231f8a3c' stroke='%23e9fff0' stroke-width='1.2'/%3E%3Cpath d='M29 26 C40 14 52 16 56 24 C48 22 44 26 46 32 C38 28 34 34 29 26 Z' fill='%23289c47' stroke='%23e9fff0' stroke-width='1.2'/%3E%3Ccircle cx='25' cy='30' r='5' fill='%23e3203b' stroke='%23ffd23f' stroke-width='1.2'/%3E%3Ccircle cx='33' cy='30' r='5' fill='%23e3203b' stroke='%23ffd23f' stroke-width='1.2'/%3E%3Ccircle cx='29' cy='36' r='5' fill='%23e3203b' stroke='%23ffd23f' stroke-width='1.2'/%3E%3Ccircle cx='27' cy='34' r='1.4' fill='%23fff'/%3E%3C/svg%3E") center / contain no-repeat !important;
  filter: drop-shadow(0 3px 4px rgba(0, 0, 0, 0.55)) !important;
}