/* =========================================================
   OskyWorld – calea de navigare aurie + titlul topicului de Crăciun
   Foaie nouă: osky-titluri-craciun.css  (Attached To: Globally)
   ========================================================= */

/* ---------- Calea de navigare (OskyWorld › GTA V Roleplay › ...) ---------- */
html body #content .navigation {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 4px 8px !important;
  margin: 0 0 18px !important;
  padding: 8px 18px 8px 14px !important;
  border: 1px solid rgba(255, 196, 80, 0.55) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(14, 28, 66, 0.85), rgba(6, 14, 36, 0.92)) !important;
  box-shadow: 0 0 18px rgba(255, 176, 48, 0.2), 0 8px 20px rgba(0, 0, 0, 0.4) !important;
  color: #e9c46a !important;
  font-family: 'Rubik', 'Segoe UI', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}
/* pe pagina principală calea e goală: nu se afișează deloc */
html body #content .navigation:not(:has(a)) {
  display: none !important;
}
html body #content .navigation::before {
  content: "\2744" !important;
  color: #ffd23f !important;
  font-size: 14px !important;
  text-shadow: 0 0 8px rgba(255, 210, 63, 0.8) !important;
}
html body #content .navigation a:link,
html body #content .navigation a:visited {
  color: #ffd23f !important;
  text-shadow: none !important;
}
html body #content .navigation a:hover {
  color: #fff !important;
  text-shadow: 0 0 8px rgba(255, 210, 63, 0.8) !important;
}

/* ---------- Topicul: chenar auriu ca pe pagina principală ---------- */
html body #content table.tborder:has(#posts_container) {
  border: 1px solid rgba(255, 196, 80, 0.6) !important;
  border-radius: 16px !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 table.tborder:has(#posts_container) tr td.thead {
  padding: 18px 60px 16px !important;
  text-align: center !important;
  border-radius: 15px 15px 0 0 !important;
  border-bottom: 1px solid rgba(255, 196, 80, 0.65) !important;
  background:
    radial-gradient(420px 60px at 85% 0%, rgba(255, 200, 90, 0.28), transparent 70%),
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.07) 0 16px, transparent 16px 32px),
    linear-gradient(180deg, #d8152f 0%, #b10f26 55%, #82091b 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), inset 0 -12px 22px rgba(0, 0, 0, 0.25) !important;
}
html body #content table.tborder:has(#posts_container) tr td.thead > div {
  text-align: center !important;
}

/* titlul: același scris ca la categorii, cu brăduți de o parte și de alta */
html body #content table.tborder:has(#posts_container) tr td.thead strong {
  display: inline !important;
  padding: 0 !important;
  background: none !important;
  box-shadow: none !important;
  transform: none !important;
  animation: none !important;
  font-family: 'Rubik', 'Segoe UI', sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-shadow: 0 2px 0 rgba(90, 6, 18, 0.9), 0 0 14px rgba(255, 200, 120, 0.35) !important;
}
html body #content table.tborder:has(#posts_container) tr td.thead strong::before,
html body #content table.tborder:has(#posts_container) tr td.thead strong::after {
  content: "" !important;
  display: inline-block !important;
  width: 26px !important;
  height: 30px !important;
  vertical-align: -6px !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 36'%3E%3Cpath d='M16 4 L24 15 H20 L27 24 H22 L29 32 H3 L10 24 H5 L12 15 H8 Z' fill='%2331b85a' stroke='%23e9fff0' stroke-width='1.2' stroke-linejoin='round'/%3E%3Crect x='14' y='32' width='4' height='4' rx='1' fill='%238a5a2b'/%3E%3Cpath d='M16 0.5 l1.3 2.6 2.9.4-2.1 2 .5 2.9L16 7l-2.6 1.4.5-2.9-2.1-2 2.9-.4z' fill='%23ffd23f'/%3E%3Ccircle cx='12' cy='20' r='1.6' fill='%23ff3b52'/%3E%3Ccircle cx='20' cy='22' r='1.6' fill='%23ffd23f'/%3E%3Ccircle cx='14' cy='28' r='1.6' fill='%23ffd23f'/%3E%3Ccircle cx='22' cy='29' r='1.6' fill='%23ff3b52'/%3E%3C/svg%3E") center / contain no-repeat !important;
  filter: drop-shadow(0 0 6px rgba(255, 220, 120, 0.55)) !important;
}
html body #content table.tborder:has(#posts_container) tr td.thead strong::before {
  margin-right: 14px !important;
}
html body #content table.tborder:has(#posts_container) tr td.thead strong::after {
  margin-left: 14px !important;
}