/* =========================================================
   NeoWorld — Minecraft Night theme
   Self-contained overlay stylesheet. Loaded after the base
   Mobirise theme so its rules win on the selectors below.
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Inter:wght@400;500;600;700&display=swap');

:root{
  --mc-green:        #5be36a;
  --mc-green-bright: #8dff97;
  --mc-green-dark:   #1c7a2c;
  --mc-green-glow:   rgba(91,227,106,.55);
  --mc-wood:         #4a3018;
  --mc-wood-dark:    #201308;
  --mc-panel:        rgba(15,17,22,.82);
  --mc-panel-alt:    rgba(24,20,16,.82);
  --mc-panel-border: rgba(91,227,106,.28);
  --mc-text:         #eef2f5;
  --mc-text-dim:     #aab4c0;
  --mc-torch:        #ffb347;
  --font-pixel:      'Press Start 2P', 'Courier New', monospace;
  --font-body:       'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

body{
  font-family: var(--font-body);
  color: var(--mc-text);
}

/* the original background image + overlay (set in the admin panel) are kept as-is */

/* ---------- navbar ---------- */
.navbar{
  background: linear-gradient(180deg, #05070c 0%, #0a0d14 100%) !important;
  border-bottom: 3px solid var(--mc-green-dark);
  box-shadow: 0 2px 0 rgba(0,0,0,.6), 0 4px 18px rgba(0,0,0,.55);
}

.navbar .brand-name{
  font-family: var(--font-pixel);
  font-size: 15px;
  letter-spacing: .5px;
  color: var(--mc-green-bright) !important;
  text-shadow: 0 0 10px var(--mc-green-glow), 2px 2px 0 #04220a;
}

.navbar .nav-link{
  font-family: var(--font-pixel);
  font-size: 11px;
  letter-spacing: .5px;
  color: var(--mc-text) !important;
  transition: color .15s ease, text-shadow .15s ease;
}
.navbar .nav-link:hover,
.navbar .nav-link.text-warning{
  color: var(--mc-green-bright) !important;
  text-shadow: 0 0 8px var(--mc-green-glow);
}
.navbar .dropdown-menu{
  background: #0a0d14;
  border: 2px solid var(--mc-green-dark);
  border-radius: 0;
}
.navbar .dropdown-item{
  font-family: var(--font-pixel);
  font-size: 10px;
  color: var(--mc-text) !important;
}
.navbar .dropdown-item:hover{ color: var(--mc-green-bright) !important; background: rgba(91,227,106,.08); }

/* Discord/VK icon-bar left as the original theme styled it */

/* ---------- page title / hotbar ---------- */
.mc-title-wrap{ padding-top: 8px; }

.mc-hotbar{
  height: 10px;
  max-width: 640px;
  margin: 0 auto 18px;
  background:
    repeating-linear-gradient(90deg, rgba(0,0,0,.35) 0 2px, transparent 2px 20px),
    linear-gradient(180deg, #6fe37f 0%, #3fae52 35%, #6b4226 40%, #4a2f1a 100%);
  border: 2px solid #05070c;
  box-shadow: 0 3px 0 rgba(0,0,0,.5);
}
.mc-hotbar--bottom{ margin: 18px auto 0; }

.mc-page-title{
  font-family: var(--font-pixel) !important;
  color: #fff !important;
  font-size: clamp(20px, 4vw, 34px) !important;
  letter-spacing: 1px;
  text-shadow: 3px 3px 0 #000, 0 0 22px var(--mc-green-glow);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
}
.mc-title-icon{ font-size: 1em; filter: drop-shadow(2px 2px 0 rgba(0,0,0,.6)); }

/* ---------- accordion "chest" panels ---------- */
.mc-accordion{ max-width: 100%; }

.mc-card{
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  margin-bottom: 14px !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.45);
}

.mc-card-header{
  background: linear-gradient(180deg, #2c1c10 0%, #1a1006 100%) !important;
  border: 2px solid #05070c !important;
  border-bottom: none !important;
  padding: 0 !important;
}

.mc-panel-title{
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 18px !important;
  text-decoration: none !important;
  cursor: pointer;
}

.mc-panel-title .panel-title-edit{
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-pixel) !important;
  font-size: clamp(11px, 1.6vw, 14px) !important;
  text-transform: uppercase;
  color: var(--mc-green-bright) !important;
  text-shadow: 0 0 8px var(--mc-green-glow);
  letter-spacing: .5px;
  margin: 0;
}
.mc-panel-title .panel-title-edit strong{ font-weight: 400; }
.mc-section-icon{ font-size: 1.3em; filter: drop-shadow(1px 1px 0 rgba(0,0,0,.7)); flex-shrink: 0; }

.mc-chevron{
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--mc-green);
  border: 1px solid rgba(0,0,0,.35);
  box-shadow: 0 2px 0 rgba(0,0,0,.35);
  font-size: 0;
  position: relative;
  transition: filter .15s ease;
}
.mc-chevron::before{
  content: "";
  width: 8px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(-135deg) translate(1px, 1px);
}
.mc-panel-title[aria-expanded="true"] .mc-chevron::before{ transform: rotate(45deg) translate(-1px, -1px); }
.mc-panel-title:hover .mc-chevron{ filter: brightness(1.12); }

.mc-panel-body{
  background: var(--mc-panel) !important;
  border: 2px solid #05070c !important;
  border-top: 2px solid var(--mc-green-dark) !important;
  padding: 10px !important;
}

.mc-rule-row{
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 14px;
  margin-bottom: 6px;
  background: rgba(255,255,255,.02);
  border: 1px solid rgba(255,255,255,.06);
  transition: background .15s ease, border-color .15s ease;
}
.mc-rule-row:last-child{ margin-bottom: 0; }
.mc-rule-row:hover{
  background: rgba(91,227,106,.06);
  border-color: var(--mc-panel-border);
}

.mc-rule-num{
  flex-shrink: 0;
  min-width: 40px;
  text-align: center;
  font-family: var(--font-pixel);
  font-size: 11px;
  color: var(--mc-green-bright);
  background: rgba(91,227,106,.1);
  border: 1px solid var(--mc-panel-border);
  padding: 6px 4px;
}

.mc-rule-text{
  flex: 1 1 auto;
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.55;
  color: var(--mc-text);
}

.mc-rule-icon{
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  background: var(--mc-panel-alt);
  border: 1px solid rgba(255,255,255,.1);
}

/* ---------- contacts page cards ---------- */
.contacts1 .card{
  background: var(--mc-panel) !important;
  border: 2px solid #05070c !important;
  border-top: 3px solid var(--mc-green-dark) !important;
  border-radius: 0 !important;
}
/* the Mobirise export ships an id-scoped rule (.cid-xxxx .card-wrapper) for the
   peach card fill — match it with an equally id-scoped selector so ours wins */
[class*="cid-"] .card-wrapper,
.contacts1 .card-wrapper{
  background: var(--mc-panel-alt) !important;
  border-radius: 0 !important;
}
.contacts1 .card-title{ font-family: var(--font-pixel); font-size: 13px; color: var(--mc-green-bright) !important; text-shadow: 0 0 8px var(--mc-green-glow); }
.contacts1 .mbr-text, .contacts1 .mbr-text a{ color: var(--mc-text) !important; }
.contacts1 .image-wrapper .mbr-iconfont, .contacts1 .image-wrapper .socicon{ color: var(--mc-green-bright) !important; fill: var(--mc-green-bright) !important; }
.mbr-section-title, .contacts1 .mbr-section-subtitle{
  font-family: var(--font-pixel) !important;
  color: #fff !important;
  text-shadow: 3px 3px 0 #000, 0 0 22px var(--mc-green-glow);
}

/* ---------- footer ---------- */
footer.footer{
  background: #05070c !important;
  border-top: 3px solid var(--mc-green-dark);
}
footer.footer a, footer.footer span{
  font-family: var(--font-body) !important;
  color: var(--mc-text-dim) !important;
}
footer.footer a:hover{ color: var(--mc-green-bright) !important; }

/* ---------- scroll to top ---------- */
.scrollToTop{
  background: var(--mc-green-dark) !important;
  border: 2px solid #06280f !important;
  border-radius: 0 !important;
}

/* ---------- responsive ---------- */
@media (max-width: 767px){
  body::after{ height: 14vh; min-height: 130px; }
  .mc-rule-row{ flex-wrap: wrap; }
  .mc-rule-icon{ order: 3; margin-left: auto; }
  .mc-panel-title{ padding: 12px 14px !important; }

  /* the fixed Discord/VK sidebar sits mid-viewport and overlaps rule text on
     narrow screens — move it out of the reading column into the top corner */
  .icon-bar{
    top: 8px !important;
    transform: none !important;
    display: flex !important;
    flex-direction: row !important;
  }
  .icon-bar a{ width: auto !important; margin: 0 4px !important; padding: 6px 8px !important; }
}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion: reduce){
  .mc-chevron{ transition: none; }
}