/* zebrakz.kz (Nomad Casino) — shared site styles, written from scratch.
   The theme stylesheets (crossbrand-multilang/style.css, assets/css/main.css) are not in the archive;
   accordion-js and Font Awesome 4.7 are, and stay in use.
   Palette: graphite background with the brand coral (#EF4136 in the markup) toned down, warm gold accent. */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&family=Inter:wght@400;500;600&display=swap");

:root {
  --n-bg: #15171c;
  --n-bg-2: #1b1e25;
  --n-surface: #22262f;
  --n-surface-2: #2a2f3a;
  --n-line: rgba(255, 255, 255, .08);
  --n-text: #d9dce3;
  --n-muted: #959bab;
  --n-accent: #e2574c;
  --n-accent-2: #c9473d;
  --n-gold: #e9b866;
  --n-radius: 14px;
  --n-container: 1180px;
}

/* ---------- base ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; background: var(--n-bg); color: var(--n-text); font: 400 15px/1.7 Inter, "Segoe UI", Roboto, Arial, sans-serif; overflow-x: hidden; }
img { max-width: 100%; height: auto; vertical-align: middle; border: 0; }
img.is-broken { display: none; }
svg { max-width: 100%; max-height: 100%; }
a { color: #f08a80; text-decoration: none; transition: color .2s, background .2s, border-color .2s, transform .2s; }
a:hover { color: #f6aaa2; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 .6em; color: #fff; font-family: Montserrat, Inter, Arial, sans-serif; font-weight: 700; line-height: 1.25; }
h1 { font-size: 34px; } h2 { font-size: 26px; margin-top: 1.5em; } h3 { font-size: 20px; margin-top: 1.3em; }
p { margin: 0 0 1em; }
ul, ol { margin: 0 0 1.1em; padding-left: 1.3em; }
li { margin-bottom: .3em; }
.container { width: 100%; max-width: var(--n-container); margin: 0 auto; padding: 0 20px; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }
.app { min-height: 100vh; display: flex; flex-direction: column; }
.main { flex: 1 0 auto; }

/* buttons */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 42px; padding: 0 22px; border: 2px solid var(--n-accent); border-radius: 10px;
  background: var(--n-accent); color: #fff !important;
  font: 700 14px/1 Montserrat, Arial, sans-serif; white-space: nowrap; cursor: pointer;
}
.btn:hover { background: var(--n-accent-2); border-color: var(--n-accent-2); transform: translateY(-1px); }
.btn-outline { background: transparent; color: var(--n-text) !important; border-color: rgba(255, 255, 255, .25); }
.btn-outline:hover { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .45); }

/* ---------- header ---------- */
.header { position: sticky; top: 0; z-index: 100; background: rgba(21, 23, 28, .92); backdrop-filter: blur(10px); border-bottom: 1px solid var(--n-line); }
.header-navbar { position: relative; display: flex; align-items: center; gap: 28px; min-height: 72px; }
.header-logo { flex-shrink: 0; }
.header-logo .custom-logo { display: block; width: auto; max-height: 46px; border-radius: 8px; }
.header-logo .custom-logo.is-broken { display: none; }
.header-logo:has(img.is-broken) .custom-logo-link { display: inline-flex; align-items: baseline; }
.header-logo:has(img.is-broken) .custom-logo-link::before { content: "NOMAD"; color: #fff; font: 800 24px/1 Montserrat, Arial, sans-serif; letter-spacing: 2px; }
.header-logo:has(img.is-broken) .custom-logo-link::after { content: "casino"; margin-left: 6px; color: var(--n-accent); font: 700 12px/1 Montserrat, Arial, sans-serif; letter-spacing: 1px; text-transform: uppercase; }
.header-nav { margin-right: auto; }
.header-nav .menu { display: flex; flex-wrap: wrap; gap: 4px; margin: 0; padding: 0; list-style: none; }
.header-nav .menu li { margin: 0; }
.header-nav .menu a { display: block; padding: 8px 14px; border-radius: 8px; color: var(--n-text); font: 600 14px/1.3 Montserrat, Arial, sans-serif; }
.header-nav .menu a:hover, .header-nav .menu .current-menu-item > a { background: var(--n-surface); color: #fff; }
.header-nav .menu .current-menu-item > a { box-shadow: inset 0 -2px 0 var(--n-accent); }
.header-navbar__action { display: flex; gap: 10px; }
.menu-toggle { display: none; width: 42px; height: 42px; border: 0; border-radius: 10px; background: var(--n-surface); color: #fff; font-size: 18px; cursor: pointer; }

/* ---------- breadcrumbs ---------- */
.breadcrumbs { padding: 18px 0 0; color: var(--n-muted); font-size: 13px; }
.breadcrumbs a { color: var(--n-muted); }
.breadcrumbs a:hover { color: #fff; }
.breadcrumbs > span:not(:last-child)::after { content: "/"; margin: 0 8px; opacity: .5; }
.breadcrumbs .home span:empty::before { content: "Главная"; }

/* ---------- bonuses (casino rating) ---------- */
.bonuses { padding: 40px 0 10px; background: radial-gradient(900px 400px at 85% -120px, rgba(226, 87, 76, .16), transparent 70%); }
.bonuses h1 { margin-bottom: 14px; }
.bonuses > .container > p { max-width: 900px; color: var(--n-text); }
.bonuses-list { display: grid; gap: 14px; margin: 26px 0; }
.bonus-item {
  display: grid; grid-template-columns: 140px minmax(150px, 1.1fr) minmax(160px, 1.2fr) minmax(150px, 1fr) auto;
  align-items: center; gap: 18px; padding: 16px 20px;
  border: 1px solid var(--n-line); border-radius: var(--n-radius); background: var(--n-surface);
  transition: border-color .2s, transform .2s;
}
.bonus-item:hover { border-color: rgba(226, 87, 76, .45); transform: translateY(-1px); }
.bonus-img { display: flex; align-items: center; justify-content: center; height: 64px; padding: 8px; border-radius: 10px; background: #0f1115; }
.bonus-img img { max-height: 48px; width: auto; }
.bonus-img:has(img.is-broken)::before { content: attr(data-brand); color: #fff; font: 800 15px/1.2 Montserrat, Arial, sans-serif; text-align: center; }
.bonus-brand__title { color: #fff; font: 700 16px/1.3 Montserrat, Arial, sans-serif; }
.bonus-brand__rating { margin: 4px 0; color: var(--n-muted); font-size: 12px; }
.rating-value { color: var(--n-gold); font-weight: 600; }
.bonus-casino__rating-value { display: flex; gap: 3px; }
.bonus-casino__rating-value img { width: 14px; height: 14px; }
.bonus-casino__rating-value:has(img.is-broken)::before { content: "★★★★★"; color: var(--n-gold); font-size: 14px; letter-spacing: 2px; }
.bonus-title { color: var(--n-muted); font-size: 12px; text-transform: uppercase; letter-spacing: .5px; }
.bonus-value { color: var(--n-gold); font: 800 20px/1.25 Montserrat, Arial, sans-serif; }
.bonus-term { color: var(--n-muted); font-size: 13px; }
.bonus-action .btn { min-width: 170px; }
.bonus-action .fa { font-size: 13px; }

/* ---------- key-facts table (tablepress) ---------- */
.table-props { padding: 10px 0 20px; }
.tablepress { width: 100%; border-collapse: separate; border-spacing: 0; overflow: hidden; border: 1px solid var(--n-line); border-radius: var(--n-radius); background: var(--n-surface); }
.tablepress td { padding: 14px 18px; border-bottom: 1px solid var(--n-line); vertical-align: top; }
.tablepress tr:last-child td { border-bottom: 0; }
.tablepress .column-1 { width: 32%; color: #fff; font-weight: 600; background: rgba(255, 255, 255, .025); }
.tablepress .column-2 span { color: var(--n-text); }

/* ---------- article ---------- */
.content { padding: 20px 0 30px; }
.content-wrapper, .single-game .content, .site-main .entry-content { padding: 34px 40px; border: 1px solid var(--n-line); border-radius: 18px; background: var(--n-bg-2); }
.single-game .content { padding: 26px 30px; margin-bottom: 20px; }
.content-text > :first-child, .entry-content > :first-child { margin-top: 0; }
.content-text > :last-child, .entry-content > :last-child { margin-bottom: 0; }
.content-text img, .entry-content img { border-radius: var(--n-radius); }
.content-text strong, .entry-content strong { color: #fff; }
.aligncenter { display: block; margin: 20px auto; }
.content-text table, .entry-content table { display: block; width: 100%; margin: 0 0 22px; overflow-x: auto; border-collapse: collapse; border: 1px solid var(--n-line); border-radius: var(--n-radius); font-size: 14px; -webkit-overflow-scrolling: touch; }
.content-text table > thead, .content-text table > tbody, .entry-content table > thead, .entry-content table > tbody { display: table; width: 100%; min-width: 460px; border-collapse: collapse; }
.content-text th, .entry-content th { padding: 12px 16px; background: var(--n-surface-2); color: #fff; text-align: left; }
.content-text td, .entry-content td { padding: 11px 16px; border-top: 1px solid var(--n-line); vertical-align: top; }
.content-text tbody tr:nth-child(even) td { background: rgba(255, 255, 255, .025); }

/* ---------- FAQ (accordion-js) ---------- */
.faq { padding: 10px 0 30px; }
.faq-accordion { display: grid; gap: 10px; }
.faq .ac { margin: 0; border: 1px solid var(--n-line) !important; border-radius: var(--n-radius); background: var(--n-surface) !important; overflow: hidden; }
.faq .ac-header { margin: 0; }
.faq .ac-trigger { position: relative; width: 100%; padding: 16px 52px 16px 20px !important; border: 0; background: none !important; color: #fff !important; font: 600 15px/1.4 Montserrat, Arial, sans-serif !important; text-align: left; cursor: pointer; }
.faq .ac-trigger::after { content: "+" !important; position: absolute; right: 20px !important; top: 50%; transform: translateY(-50%); color: var(--n-accent) !important; font-size: 22px !important; }
.faq .ac.is-active > .ac-header .ac-trigger::after { content: "−" !important; }
.faq .ac-panel .ac-text { margin: 0; padding: 0 20px 18px !important; color: var(--n-text) !important; font: inherit !important; }

/* ---------- reviews (strong testimonials) ---------- */
.reviews { padding: 10px 0 40px; }
.strong-content { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 14px; }
.wpmtst-testimonial { margin: 0 !important; padding: 20px !important; border: 1px solid var(--n-line) !important; border-radius: var(--n-radius); background: var(--n-surface) !important; }
.wpmtst-testimonial-inner { padding: 0 !important; border: 0 !important; }
.testimonial-content { color: var(--n-text); font-style: italic; }
.testimonial-name { margin-top: 12px; color: #fff; font-weight: 600; }
.strong-rating { display: inline-flex; gap: 2px; }
.strong-rating .star svg { width: 16px; height: 16px; fill: var(--n-gold); }
.clear { clear: both; }
.wpmtst-testimonial .readmore, .wpmtst-testimonial a { color: #f08a80; }

/* ---------- game page ---------- */
.single-game { padding: 20px 0 40px; }
.single-frame { position: relative; overflow: hidden; border: 1px solid var(--n-line); border-radius: 18px; background: radial-gradient(70% 90% at 50% 40%, #3a2a2c, #15171c 70%); }
.single-frame iframe { display: block; width: 100%; aspect-ratio: 16 / 9; height: auto; border: 0; }
.signle-game__action { display: flex; justify-content: center; padding: 16px; border-top: 1px solid var(--n-line); background: var(--n-surface); }
.signle-game__action .btn { min-width: 220px; }

/* ---------- single posts / privacy / testimonial pages ---------- */
.site-main { padding: 20px 0 40px; }
.entry-header { margin-bottom: 18px; }
.entry-title { margin: 0; }
.entry-footer { margin-top: 16px; color: var(--n-muted); font-size: 13px; }
.post-navigation { margin-top: 24px; }
.post-navigation .nav-links { display: flex; justify-content: space-between; gap: 14px; }
.post-navigation a { display: block; padding: 14px 18px; border: 1px solid var(--n-line); border-radius: var(--n-radius); background: var(--n-surface); color: var(--n-text); }
.post-navigation a:hover { border-color: rgba(226, 87, 76, .45); color: #fff; }
.nav-subtitle { display: block; color: var(--n-muted); font-size: 12px; }
.nav-title { color: #fff; font-weight: 600; }
.widget-area { margin-top: 26px; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; }
.widget { padding: 18px; border: 1px solid var(--n-line); border-radius: var(--n-radius); background: var(--n-surface); }
.widget-title { margin: 0 0 10px; font-size: 15px; }
.widget ul { margin: 0; padding: 0; list-style: none; }
.widget li { padding: 6px 0; border-bottom: 1px solid var(--n-line); font-size: 14px; }

/* ---------- footer ---------- */
.footer { padding: 30px 0; border-top: 1px solid var(--n-line); background: #101216; color: var(--n-muted); font-size: 13px; }
.footer-navbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.footer-nav ul { display: flex; flex-wrap: wrap; gap: 6px 20px; margin: 0; padding: 0; list-style: none; }
.footer-nav li { margin: 0; }
.footer-nav a { color: var(--n-text); }
.footer-nav a:hover { color: #fff; }
.footer-img ul { display: flex; align-items: center; gap: 16px; margin: 0; padding: 0; list-style: none; }
.footer-img li { margin: 0; }
.footer-img img { max-height: 32px; width: auto; opacity: .75; }

/* cookie notice plugin */
.add-notice-coockie, #cookie-notice, .cookie-notice { background: var(--n-surface) !important; color: var(--n-text) !important; }

/* ---------- responsive ---------- */
@media (max-width: 1024px) {
  .bonus-item { grid-template-columns: 120px 1fr 1fr; }
  .bonus-term { grid-column: 2 / 4; }
  .bonus-action { grid-column: 1 / -1; }
  .bonus-action .btn { width: 100%; }
}
@media (max-width: 900px) {
  .menu-toggle { display: inline-flex; align-items: center; justify-content: center; }
  .header-navbar__action { margin-left: auto; }
  .header-nav { position: absolute; left: -20px; right: -20px; top: 100%; display: none; margin: 0; padding: 10px 20px 16px; background: var(--n-bg-2); border-bottom: 1px solid var(--n-line); }
  .header-nav.is-open { display: block; }
  .header-nav .menu { flex-direction: column; }
  .header-navbar__action .btn-outline { display: none; }
  .header-navbar__action .btn { min-height: 38px; padding: 0 14px; font-size: 13px; }
}
@media (max-width: 767px) {
  body { font-size: 14px; }
  h1 { font-size: 26px; } h2 { font-size: 22px; } h3 { font-size: 18px; }
  .container { padding: 0 14px; }
  .header-navbar { gap: 12px; min-height: 64px; }
  .header-nav { left: -14px; right: -14px; }
  .bonuses { padding-top: 26px; }
  .bonus-item { grid-template-columns: 1fr; gap: 10px; padding: 16px; text-align: center; }
  .bonus-term, .bonus-action { grid-column: auto; }
  .bonus-casino__rating-value { justify-content: center; }
  .bonus-img { margin: 0 auto; width: 160px; }
  .tablepress .column-1 { width: 40%; }
  .tablepress td { padding: 12px 14px; }
  .content-wrapper, .single-game .content, .site-main .entry-content { padding: 22px 16px; border-radius: 14px; }
  .strong-content { grid-template-columns: 1fr; }
  .footer-navbar { flex-direction: column; text-align: center; }
  .footer-nav ul { justify-content: center; }
}