/* Modern redesign: glassmorphism, improved typography, responsive sidebar */
:root {  --accent-1: #6ee7b7; /* mint */  --accent-2: #60a5fa; /* sky */  --muted: #c8d3da;  --bg-glass: rgba(255,255,255,0.06);  --card-glass: rgba(255,255,255,0.04);  --glass-border: rgba(255,255,255,0.06);  --accent-3: #ff6ec7; /* élénk pink */  --accent-4: #6eafff;}
@media (prefers-color-scheme: dark) {
  :root{ --bg-glass: rgba(3,6,10,0.45); --card-glass: rgba(3,6,10,0.5); }
}
*{box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
html,body{height:100%;margin:0;font-family:Inter, 'Segoe UI', Roboto, Arial, sans-serif;color:#e6eef6;-webkit-font-smoothing:antialiased}
body {
  background-image: url('../../assets/images/RPLogo.jpg');  background-position: center center;  background-repeat: no-repeat;  background-attachment: fixed;  background-size: cover;}
.showAll{margin-top:.75rem}
/* Main wrapper */
.wrap{max-width:1200px;margin:2rem auto;padding:1rem}
.site-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1rem;margin-bottom:1rem;border-radius:12px;background:linear-gradient(180deg, rgba(24, 23, 23, 0.432), rgba(36, 34, 34, 0.315));backdrop-filter: blur(6px);border:1px solid var(--glass-border)}
.site-header h1{margin:0;font-size:1.4rem;font-weight:700}
.site-header .subtitle{margin:0;color:var(--muted);font-size:0.95rem}
/* Notice Banner - sticky between header and main */
.notice-banner {  position:sticky;  top:0;  z-index:100;  background:linear-gradient(135deg, rgba(217, 119, 6, 0.55), #b45309d9);  backdrop-filter:blur(12px);  border-bottom:3px solid #ea8c0089;  border-top:3px solid #f59e0b89;  padding:0.8rem 0;  animation:slide-down 0.5s ease-out, police-bar 1s ease-in-out infinite;}
.notice-content {  display:flex;  align-items:center;  gap:0.8rem;  max-width:900px;  margin:0 auto;  padding:0 1rem;}
.notice-icon {  font-size:1.8rem;  display:inline-flex;  align-items:center;  color:#fcd34d;  font-weight:bold;  text-shadow:0 2px 4px rgba(0,0,0,0.4);  justify-content:center;  flex-shrink:0;animation:pulse-breathing 2.5s ease-in-out infinite;}
.notice-text{  color:#070606;  font-size:0.95rem;  line-height:1.4;  font-weight:500;  text-shadow:0 1px 4px rgba(0,0,0,0.6);  animation:fade-in 0.6s ease-out;}
.notice-text strong{  color:#141414;  font-weight:800;  text-shadow:0 1px 4px rgba(0,0,0,0.5);}
.notice-text p{margin:0.3rem 0 0 0;  color:#1b1a1a;  line-height:1.4;  font-weight:400;  text-shadow:0 1px 3px rgba(0,0,0,0.5);}
@keyframes slide-down{  from{transform:translateY(-100%);opacity:0}  to{transform:translateY(0);opacity:1}}
@keyframes pulse-icon{  0%, 100%{transform:scale(1);opacity:1}  50%{transform:scale(1.15);opacity:0.7}}
@keyframes pulse-breathing{0%{transform:scale(1)}50%{transform:scale(1.3)}100%{transform:scale(1)}}
@keyframes fade-in{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}
@keyframes pulse-icon{ 0%, 100%{transform:scale(1);opacity:1} 50%{transform:scale(1.1);opacity:0.8}}
/* Container: sidebar + content */
.container{display:grid;grid-template-columns:280px 1fr;gap:1.25rem;align-items:start}
.sidebar{position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow:auto;padding:1rem;border-radius:12px;background:linear-gradient(180deg, rgba(24, 23, 23, 0.432), rgba(36, 34, 34, 0.315));border:1px solid var(--glass-border);box-shadow:0 8px 30px rgba(2,6,23,0.55)}
.sidebar h3{margin:0 0 .6rem 0;color:linear-gradient(90deg,var(--accent-1),var(--accent-2));}
.sidebar nav{display:flex;flex-direction:column;gap:6px}
.sidebar nav a{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;border-radius:8px;color:var(--muted);text-decoration:none;font-weight:600;transition:background-color .22s ease,color .18s ease,transform .18s ease}
.sidebar nav a::before{content:'';display:inline-block;width:10px;height:10px;border-radius:999px;margin-right:8px;flex:0 0 auto}
.sidebar nav a:hover{background:rgba(96,165,250,0.06);color:#fff}
/* Unique dot colors per menu item */
.sidebar nav a.nav-discord::before{background:#7289da}
.sidebar nav a.nav-rp::before{background:#34d399}
.sidebar nav a.nav-mg::before{background:#f97316}
.sidebar nav a.nav-alt::before{background:#60a5fa}
.sidebar nav a.nav-frak::before{background:#a78bfa}
.sidebar nav a.nav-public::before{background:#fb7185}
.sidebar nav a.nav-admin::before{background:#f59e0b}
.sidebar nav a.nav-rab::before{background:#ef4444}
.sidebar nav a.nav-ffa::before{background:#06b6d4}
.sidebar nav a.nav-ker::before{background:#84cc16}
.sidebar nav a.nav-ruha::before{background:#e879f9}
.sidebar nav a.nav-egyeb::before{background:#94a3b8}
.sidebar nav a.nav-ck::before{background:#fbbf24}
/* Active link styling */
.sidebar nav a.active{background:linear-gradient(90deg, rgba(96,165,250,0.08), rgba(110,231,183,0.04));color:#fff}
.sidebar nav a.active::before{width:14px;height:14px;transform:scale(1.05);box-shadow:0 4px 12px rgba(2,6,23,0.45)}
/* Tooltip: use a single JS-driven tooltip element positioned outside the sidebar.
   Hide old pseudo-element tooltip to avoid conflicts. */
.sidebar nav a[data-tooltip]::after{display:none!important}
#globalTooltip{position:fixed;left:0;top:0;pointer-events:none;z-index:9999;padding:.5rem .75rem;border-radius:10px;background:rgba(2,6,23,0.95);color:#e6eef6;font-size:.9rem;box-shadow:0 10px 34px rgba(2,6,23,0.65);border:1px solid rgba(255,255,255,0.03);opacity:0;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease}
#globalTooltip.show{opacity:1;transform:translateY(0)}
@media (max-width:420px){
  #globalTooltip{font-size:.82rem;padding:.45rem .6rem}
}
.sidebar-toggle{display:none;margin-bottom:8px;background:transparent;border:1px solid var(--glass-border);color:var(--muted);padding:.45rem .7rem;border-radius:8px}
.content{padding:1rem;border-radius:12px;background:linear-gradient(180deg, rgba(24, 23, 23, 0.432), rgba(36, 34, 34, 0.315));border:1px solid var(--glass-border);backdrop-filter: blur(6px);box-shadow:0 10px 30px rgba(2,6,23,0.6)}
.section-card{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));padding:1.15rem;border-radius:10px;margin-bottom:1rem;border:1px solid rgba(255,255,255,0.03)}
/* Enhanced heading & list styles for better visibility */
.section-card h2{  margin:0 0 .8rem 0;  color:#00ffff;  font-size:1.5rem;  font-weight:800;  letter-spacing:-0.3px; text-shadow:0 0 10px rgba(0,255,255,0.6), 0 0 20px rgba(0,255,255,0.3), 0 2px 6px rgba(0,0,0,0.8);}
.section-card h3{  margin:.6rem 0 .3rem 0;  color:#00ffaa;  font-size:1.15rem;  font-weight:700;  letter-spacing:-0.2px;  text-shadow:0 0 8px rgba(0,255,170,0.5), 0 2px 5px rgba(0,0,0,0.7);  border-left:3px solid #00ffaa;  padding-left:.75rem;}
.section-card h4{  margin:.5rem 0 .25rem 0;  color:#ffffff;  font-size:1.05rem;  font-weight:700;  letter-spacing:-0.15px;  text-shadow:0 0 6px rgba(255,255,255,0.4), 0 2px 4px rgba(0,0,0,0.8);}
.section-card p{color:#ffffff;line-height:1.7;margin:.5rem 0;font-weight:600;text-shadow:0 0 4px rgba(255,255,255,0.2), 0 1px 3px rgba(0,0,0,0.7)}
.section-card ul{margin-left:1.5rem;color:#ffffff;line-height:1.8;font-weight:600}
.section-card li{margin:.35rem 0;color:#ffffff;font-weight:600;text-shadow:0 0 4px rgba(255,255,255,0.2), 0 1px 3px rgba(0,0,0,0.7)}
/* CK rights highlight box */
.ck-rights{background:linear-gradient(90deg, rgba(6,78,59,0.12), rgba(2,6,23,0.12));border-left:4px solid #60a5fa;padding:.85rem 1rem;border-radius:8px;margin-top:.75rem}
.ck-rights h4{margin:0 0 .35rem 0;color:#bfefff;font-size:1rem}
.ck-rights p{margin:.25rem 0;color:#eaf6ff;font-weight:600;line-height:1.45}
.ck-rights .ck-note{color:#dbeafe;font-style:italic;font-weight:500;margin-top:.5rem}
.notes{margin-top:1rem;font-size:0.95rem;color:var(--muted)}
.site-footer{margin-top:1.75rem;background:linear-gradient(180deg, rgba(24, 23, 23, 0.432), rgba(36, 34, 34, 0.315));padding:1rem 0;text-align:center;color:var(--muted)}
/* Floating back-to-top button */
#backToTop {  position: fixed;  right: 24px;  bottom: 24px;  width: 50px;  height: 50px;  background: radial-gradient(circle at top left, var(--accent-3), var(--accent-4));  border: none;  border-radius: 50%;  box-shadow: 0 0 15px var(--accent-3), 0 0 30px var(--accent-4), 0 10px 20px rgba(0,0,0,0.4);  cursor: pointer;  display: none;  z-index: 999;  transition: transform 0.3s ease, box-shadow 0.3s ease;  color: #520d94ff;  display: flex;  align-items: center;  justify-content: center; /* nyíl középre */}
#backToTop:hover {
  transform: scale(1.2);  color: #520d94ff;  box-shadow: 0 0 25px var(--accent-3), 0 0 50px var(--accent-4), 0 15px 30px rgba(0,0,0,0.6);}
#backToTop:active {
  transform: scale(1.1);  box-shadow: 0 0 10px var(--accent-3), 0 0 20px var(--accent-4), 0 8px 16px rgba(0,0,0,0.3);}
/* Nyíl animáció */
#backToTop .back-arrow {  width: 24px;  height: 24px;  stroke: #fff;  animation: arrowBounce 1.5s ease-in-out infinite;}

@keyframes arrowBounce {  0%, 100% { transform: translateY(0); }  50% { transform: translateY(-6px); }}
/* small helper for card headings */
.muted-block{color:var(--muted)}
/* Responsive behavior */
@media (max-width:980px){  .container{grid-template-columns:1fr}  .sidebar{position:relative;max-height:none;margin-bottom:0}  .sidebar-toggle{display:inline-block}  .sidebar nav{display:none}  .sidebar.open nav{display:flex}}
@media (max-width:420px){  .wrap{margin:1rem;padding:.5rem}  .site-header h1{font-size:1.05rem}  .sidebar{padding:.8rem}}
/* Single-section view: when parent .content has class 'single-view' show only .section-card.show */
.content.single-view .section-card{display:none}
.content.single-view .section-card.show{display:block}
/* Small transition for sections appearing */
.section-card{transition: opacity 220ms ease, transform 220ms ease}
.section-card.show{opacity:1;transform:translateY(0)}
.content.single-view .section-card:not(.show){opacity:0;transform:translateY(6px)}