/* =========================================================
   Mine Drop (Minecraft-inspired) THEME OVERRIDES
   Include AFTER your main style.css:
   <link rel="stylesheet" href="assets/css/style.css">
   <link rel="stylesheet" href="assets/css/minecraft-theme.css">
   ========================================================= */

/* Minecraft-ish palette */
:root{
  /* Base */
  --bg: #0b1410;          /* deep cave */
  --bg-soft: #0f1d16;

  /* UI surfaces */
  --panel: rgba(18, 28, 20, 0.78);
  --panel-2: rgba(14, 20, 16, 0.82);

  /* Accents */
  --accent: #5bbd3a;      /* grass/leaf */
  --accent-dark: #2f7a26; /* deep green */
  --accent-soft: #8be35a;

  /* Secondary accents (diamond/emerald vibes) */
  --emerald: #38d46f;
  --diamond: #4fe7ff;

  /* Stone / dirt */
  --stone: #7a7f86;
  --stone-dark: #4c5158;
  --dirt: #8a5a3a;
  --dirt-dark: #5a3a25;

  /* Text */
  --text: #f2fff7;
  --muted: rgba(242,255,247,0.72);

  /* Helper colors used in old CSS (fix undefined vars) */
  --gold: var(--accent);
  --gold-dark: var(--accent-dark);

  /* Radii: make more “blocky” */
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 18px;
}

/* Global vibe: a bit more “pixel/game” */
body{
  background:
    radial-gradient(1200px 700px at 20% 10%, rgba(79,231,255,0.08), transparent 60%),
    radial-gradient(900px 600px at 80% 20%, rgba(56,212,111,0.08), transparent 55%),
    linear-gradient(180deg, #07110c 0%, var(--bg) 45%, #050a08 100%);
  color: var(--text);
}

/* Links: emerald underline */
.content a,
.mini-faq a,
.faq-item a{
  color: var(--diamond);
  background-image: linear-gradient(to top, rgba(79,231,255,0.18), rgba(79,231,255,0.18));
}
.content a:hover,
.mini-faq a:hover,
.faq-item a:hover{
  color: #ffffff;
  background-size: 100% 0.45em;
}

/* HEADER: stone + green glow */
.header{
  background:
    linear-gradient(90deg, rgba(32,40,34,0.92), rgba(10,18,14,0.92));
  border-bottom: 1px solid rgba(91,189,58,0.22);
  box-shadow: 0 10px 40px rgba(0,0,0,0.55);
}

/* Nav underline: diamond */
.nav a::after{
  background: linear-gradient(90deg, var(--diamond), rgba(79,231,255,0.25));
}

/* Buttons: blocky emerald + subtle bevel */
.btn-gold-big,
.btn-header,
.slot-btn{
  border-radius: var(--r-md) !important;
  background:
    linear-gradient(180deg, rgba(91,189,58,0.98) 0%, rgba(47,122,38,0.98) 70%, rgba(33,88,30,0.98) 100%) !important;
  color: #061006 !important;
  box-shadow:
    0 12px 0 rgba(0,0,0,0.28),
    0 18px 40px rgba(91,189,58,0.18),
    inset 0 2px 0 rgba(255,255,255,0.30),
    inset 0 -6px 0 rgba(0,0,0,0.22) !important;
  text-transform: none;
}
.btn-gold-big:hover,
.btn-header:hover,
.slot-btn:hover{
  transform: translateY(-1px);
  filter: brightness(1.05);
  box-shadow:
    0 14px 0 rgba(0,0,0,0.26),
    0 22px 46px rgba(91,189,58,0.24),
    inset 0 2px 0 rgba(255,255,255,0.34),
    inset 0 -6px 0 rgba(0,0,0,0.20) !important;
}
.btn-gold-big:active,
.btn-header:active,
.slot-btn:active{
  transform: translateY(2px);
  box-shadow:
    0 10px 0 rgba(0,0,0,0.28),
    0 14px 28px rgba(91,189,58,0.18),
    inset 0 2px 0 rgba(255,255,255,0.26),
    inset 0 -5px 0 rgba(0,0,0,0.22) !important;
}

/* Outline button: stone panel */
.btn-outline{
  border-radius: var(--r-md);
  border: 1px solid rgba(122,127,134,0.55);
  color: rgba(242,255,247,0.92);
}
.btn-outline:hover{
  background: rgba(122,127,134,0.12);
  border-color: rgba(79,231,255,0.55);
}

/* HERO: replace Leebet gradient vibe with “cave + grass” */
.hero{
  background-image:
    radial-gradient(900px 500px at 20% 10%, rgba(56,212,111,0.18), transparent 60%),
    radial-gradient(1100px 700px at 80% 0%, rgba(79,231,255,0.10), transparent 55%),
    linear-gradient(135deg, rgba(14,24,18,0.88), rgba(9,14,12,0.90), rgba(5,10,8,0.95));
  background-size: cover;
  background-position: center;
}
.hero h1{
  border-radius: var(--r-lg);
  background:
    linear-gradient(180deg, rgba(122,127,134,0.22), rgba(10,16,12,0.10));
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,0.10),
    0 16px 50px rgba(0,0,0,0.55);
}
.hero p{
  color: rgba(242,255,247,0.88);
}

/* Panels/cards: stone-ish */
.useful-links,
.mini-faq,
.mirror-cta-inner,
.slot-box{
  background:
    linear-gradient(180deg, rgba(40,45,42,0.40), rgba(10,14,12,0.85)) !important;
  border: 1px solid rgba(122,127,134,0.22) !important;
  border-radius: var(--r-lg) !important;
  box-shadow: 0 18px 60px rgba(0,0,0,0.38);
}
.useful-links-grid a{
  border-radius: var(--r-md) !important;
  border: 1px solid rgba(122,127,134,0.26) !important;
  background: linear-gradient(180deg, rgba(122,127,134,0.10), rgba(10,14,12,0.55)) !important;
}
.useful-links-grid a:hover{
  border-color: rgba(79,231,255,0.45) !important;
  box-shadow: 0 16px 40px rgba(79,231,255,0.12);
}

/* Table: stone */
.casino-table{
  background: rgba(10,14,12,0.88) !important;
  border: 1px solid rgba(122,127,134,0.22) !important;
}
.casino-table th{
  color: rgba(242,255,247,0.75);
}
.casino-table td{
  color: rgba(242,255,247,0.92);
}
.casino-table a{
  color: var(--diamond) !important;
}

/* Sticky mirror button: “emerald portal” */
.sticky-mirror-btn{
  background: linear-gradient(135deg, rgba(56,212,111,0.92), rgba(79,231,255,0.65)) !important;
  color: #04110a !important;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 999px;
  box-shadow: 0 14px 40px rgba(0,0,0,0.45), 0 0 28px rgba(56,212,111,0.22);
}

/* Scroll-to-top: emerald */
#scrollTopBtn{
  background: linear-gradient(135deg, rgba(56,212,111,0.95), rgba(91,189,58,0.95)) !important;
  color: #04110a !important;
  box-shadow: 0 10px 26px rgba(0,0,0,0.45), 0 0 18px rgba(56,212,111,0.22) !important;
}

/* Live activity: diamond + emerald glass */
.live-activity{
  background: linear-gradient(135deg, rgba(79,231,255,0.18), rgba(56,212,111,0.16)) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
}
.live-activity span{
  color: rgba(79,231,255,0.92) !important;
}
.live-activity b,
.live-activity strong{
  color: rgba(56,212,111,0.95) !important;
}

/* Optional: pixel-art images look crisp */
img.pixel-art{
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}
/* ===============================
   Minecraft theme overrides:
   1) Status bar
   2) Legal / disclaimer block
   =============================== */

/* 1) Status bar (верхняя плашка) */
.status-bar {
  background: rgba(12, 18, 16, 0.72);
  border: 1px solid rgba(46, 204, 113, 0.35); /* emerald */
  color: rgba(235, 245, 240, 0.92);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(10px);
}

.status-bar span {
  color: #2ecc71; /* emerald */
  font-weight: 800;
  text-shadow: 0 0 10px rgba(46, 204, 113, 0.28);
}

/* 2) Legal / responsibility (нижний блок) */
.legal-info {
  background: radial-gradient(1200px 220px at 50% 0%,
      rgba(42, 170, 255, 0.10),  /* diamond glow */
      rgba(0, 0, 0, 0.0) 60%),
    rgba(8, 12, 10, 0.92);
  border-top: 1px solid rgba(42, 170, 255, 0.18);
}

.legal-info .legal-inner {
  background: rgba(12, 18, 16, 0.55);
  border: 1px solid rgba(42, 170, 255, 0.22); /* diamond */
  border-radius: 16px;
  padding: 18px 18px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
}

.legal-info p {
  color: rgba(220, 235, 228, 0.86);
  line-height: 1.55;
}

.legal-info a {
  color: #2aaaff; /* diamond */
  text-decoration: none;
  border-bottom: 1px dashed rgba(42, 170, 255, 0.45);
}
.legal-info a:hover {
  color: #2ecc71; /* emerald hover */
  border-bottom-color: rgba(46, 204, 113, 0.55);
}

/* 18+ badge */
.legal-icons .age,
.legal-info .age {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 46px;
  height: 46px;
  padding: 0 12px;
  border-radius: 14px;
  background: rgba(46, 204, 113, 0.14);        /* emerald glass */
  border: 1px solid rgba(46, 204, 113, 0.38);
  color: #2ecc71;
  font-weight: 900;
  letter-spacing: 0.4px;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.25);
  text-shadow: 0 0 10px rgba(46, 204, 113, 0.18);
}
/* ===============================
   Mine Drop headings & FAQ fixes
   =============================== */

/* 1) Заголовки секций — бирюзовый (diamond) */
.content h2,
.content h3,
.casino-specs h2,
.mini-faq h2 {
  color: #2aaaff; /* diamond blue */
  text-shadow: 0 0 12px rgba(42, 170, 255, 0.25);
}

/* таблица — заголовок */
.casino-specs h2 {
  margin-bottom: 18px;
}

/* 2) FAQ — вопросы (подзаголовки) */
.mini-faq h3 {
  color: #6ee7d8; /* light emerald / prism */
  font-weight: 700;
}

/* 3) УБРАТЬ ВЫДЕЛЕНИЕ ССЫЛОК В FAQ */
.mini-faq a {
  color: inherit;              /* как обычный текст */
  text-decoration: none;
  border: none;
}

.mini-faq a:hover {
  color: inherit;
  text-decoration: none;
}

/* если где-то был underline/фон */
.mini-faq a::after {
  display: none !important;
}