/* ===== WEBSITE BACKGROUND ===== */
body {
  background: var(--nv-background) var(--gaming-bg)
    center center / cover no-repeat fixed !important;
}

/* White background sirf sections par */
.home .site-main {
  background: transparent !important;
}

/* ===== HEADER / FOOTER ===== */
/* :where keeps the theme's sticky setting effective */
:where(.site-header, .site-footer) {
  position: relative;
}

.site-header,
.site-footer {
  isolation: isolate;
  background: var(--nv-nav) !important;
}

/* Blur sirf background image par */
.site-header::before,
.site-footer::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;

  background-image:
    linear-gradient(
      var(--nv-header-shade),
      var(--nv-header-shade)
    ),
    var(--nv-header-image);

  background-size: 100% auto;
  background-repeat: no-repeat;
  filter: blur(var(--gaming-blur));
  clip-path: inset(0);
}

.site-header {
  border-bottom: 1px solid var(--nv-accent);
}

.site-header::before {
  background-position: center top;
}

.site-footer {
  color: var(--nv-footer_text);
  border-top: 1px solid var(--nv-accent);
}

.site-footer::before {
  background-position: center bottom;
}

/* ===== HEADER MENU ===== */
.site-header .primary-nav {
  background: var(--nv-nav);
  border-radius: 10px;
  padding: 0 16px;
}

.site-header .primary-nav a,
.site-header .submenu-toggle,
.site-header .menu-toggle,
.site-header .header-search-toggle {
  color: var(--nv-menu_text) !important;
}

.site-header .primary-nav a:hover,
.site-header .primary-nav a:focus-visible,
.site-header .primary-nav .current-menu-item > a {
  color: var(--nv-menu_hover) !important;
}

.site-header .sub-menu {
  background: var(--nv-nav) !important;
}

.site-header .menu-toggle,
.site-header .header-search-toggle {
  background: var(--nv-nav);
  border-radius: 8px;
}

/* ===== FOOTER TEXT ===== */
.site-footer a,
.site-footer .wordmark {
  color: var(--nv-menu_text) !important;
}

.site-footer a:hover {
  color: var(--nv-menu_hover) !important;
}

.site-footer .footer-bottom {
  color: var(--nv-footer_text) !important;
  background: var(--nv-nav);
  border-top: 1px solid rgba(92, 221, 255, 0.25);
}

/* ===== HOMEPAGE WHITE BOXES ===== */
.home .home-intro,
.home .popular-section,
.home .latest-section,
.home .home-about {
  background: var(--nv-surface) !important;
  color: var(--nv-text);
  padding: 24px;
  margin-block: 28px;
  border: 1px solid var(--nv-border);
  border-radius: 14px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.15);
}

.home :is(
  .home-intro,
  .popular-section,
  .latest-section,
  .home-about
) :is(h1, h2, h3, p) {
  color: var(--nv-text) !important;
}

.home .home-intro p {
  opacity: 1;
}

.home .latest-section .text-link,
.home .home-about a {
  color: var(--nv-accent);
}

.home .latest-section .text-link:hover,
.home .home-about a:hover {
  color: var(--nv-accent);
}

/* ===== MOBILE ===== */
@media (max-width: 768px) {
  body {
    background-attachment: scroll !important;
  }

  .site-header::before,
  .site-footer::before {
    background-size: cover;
  }

  .home .home-intro,
  .home .popular-section,
  .home .latest-section,
  .home .home-about {
    padding: 18px;
  }
}
/* Homepage ke ilawa tamam pages aur posts */
body:not(.home) .site-main {
  background: var(--nv-surface) !important;
  color: var(--nv-text);
  padding: 28px;
  margin-top: 28px;
  margin-bottom: 28px;
  border: 1px solid var(--nv-border);
  border-radius: 14px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.15);
}

/* Page aur post headings */
body:not(.home) .site-main .page-heading h1,
body:not(.home) .site-main .detail-heading h1,
body:not(.home) .site-main .empty h2 {
  color: var(--nv-text);
}

/* Descriptions aur empty results */
body:not(.home) .site-main .page-heading p,
body:not(.home) .site-main .empty p {
  color: var(--nv-muted);
}

/* Mobile spacing */
@media (max-width: 768px) {
  body:not(.home) .site-main {
    padding: 18px;
    margin-top: 18px;
    margin-bottom: 18px;
    border-radius: 12px;
  }
}
/* Footer follows its own palette, independently of the header. */
.site-footer {background-color:var(--nv-footer_bg)!important;color:var(--nv-footer_text)}
.site-footer a,.site-footer .wordmark,.site-footer .footer-bottom{color:var(--nv-footer_text)!important}
.site-footer .footer-bottom{background-color:var(--nv-footer_bg)}
.home :is(.home-intro,.popular-section,.latest-section,.home-about) :is(h1,h2,h3){color:var(--nv-heading)!important}

.site-footer::before{background-image:linear-gradient(var(--nv-footer-shade),var(--nv-footer-shade)),var(--nv-footer-image)}

/* Integrated palette connections */
/* Compatible with Nova Vault 1.4.0 Light/Dark palettes. Use only where original CSS 2 was used. */
/*
 * NSWZONE — Customizer Connected Colors
 *
 * Colors change karne ka rasta:
 * Appearance → Customize → Design Settings → Colors
 *
 * Neeche fixed color codes nahi hain.
 * Har color Customizer se liya jata hai.
 */


/* 1. PAGE BACKGROUND + BODY TEXT */

body {
  background-color: var(--nv-background) !important;
  color: var(--nv-text) !important;
}


/* 2. HEADER + MENU */

.site-header {
  background-color: var(--nv-nav) !important;
  border-bottom-color: var(--nv-accent) !important;
}

.site-header .primary-nav,
.site-header .primary-nav .sub-menu {
  background-color: var(--nv-nav) !important;
}

.site-header .primary-nav a,
.site-header .menu-toggle,
.site-header .submenu-toggle,
.site-header .header-search-toggle {
  color: var(--nv-menu_text) !important;
}

.site-header .primary-nav a:hover,
.site-header .primary-nav .current-menu-item > a,
.site-header .primary-nav .current-menu-ancestor > a {
  color: var(--nv-menu_hover) !important;
}

.site-header .primary-nav .sub-menu a:hover {
  background-color: var(--nv-nav) !important;
}


/* 3. CONTENT BOXES — Cards / panels */

.home .home-intro,
.home .popular-section,
.home .latest-section,
.home .home-about,
body:not(.home) .site-main,
.game-card,
.info-panel,
.nv-reference-post .detail-grid {
  background-color: var(--nv-surface) !important;
  color: var(--nv-text) !important;
  border-color: var(--nv-border) !important;
}


/* 4. HEADINGS + TEXT */

.site-main h1,
.site-main h2,
.site-main h3,
.site-main h4,
.site-main h5,
.site-main h6,
.site-main .card-copy h3 a {
  color: var(--nv-heading) !important;
}

.home .home-intro p,
.home .home-about p,
.site-main .section-heading p,
.site-main .game-description,
.site-main .page-heading p,
.site-main .empty-state p {
  color: var(--nv-text) !important;
}

.site-main .muted,
.site-main .detail-heading > .muted {
  color: var(--nv-muted) !important;
}

/* Homepage text links */
.home .home-intro p a,
.home .home-about p a {
  color: var(--nv-accent) !important;
}


/* 5. GENERAL BUTTONS */

.button,
.form-submit .submit,
.single-post .comment-form .submit,
.search-form button,
.wp-block-button__link,
.nv-report-bar > details > summary {
  background-color: var(--nv-button_bg) !important;
  color: var(--nv-button_text) !important;
  border-color: var(--nv-button_bg) !important;
}

.button:hover,
.form-submit .submit:hover,
.single-post .comment-form .submit:hover,
.search-form button:hover,
.wp-block-button__link:hover {
  background-color: var(--nv-button_hover) !important;
}


/* 6. DIRECT DOWNLOAD */

.nv-reference-post .nv-direct-button,
.nv-reference-post .nv-direct-button:hover {
  background-color: var(--nv-direct_bg) !important;
  border-color: var(--nv-direct_bg) !important;
  color: var(--nv-direct_text) !important;
}


/* 7. MAIN DOWNLOAD BUTTONS */

.nv-reference-post .nv-download-button,
.nv-reference-post .nv-download-button:hover {
  background-color: var(--nv-download_bg) !important;
  border-color: var(--nv-download_bg) !important;
  color: var(--nv-download_text) !important;
}


/* 8. OFFICIAL SITE BUTTON */

.nv-reference-post .nv-official-button,
.nv-reference-post .nv-official-button:hover {
  background-color: var(--nv-official_bg) !important;
  color: var(--nv-button_text) !important;
}


/* 9. SEARCH FIELD */

.search-form,
.search-form input[type="search"] {
  background-color: var(--nv-surface) !important;
  color: var(--nv-text) !important;
  border-color: var(--nv-border) !important;
}

.search-form input[type="search"]::placeholder {
  color: var(--nv-muted) !important;
}


/* 10. FOOTER */

.site-footer,
.site-footer .footer-bottom {
  background-color: var(--nv-footer_bg) !important;
  color: var(--nv-footer_text) !important;
}

.site-footer {
  border-top-color: var(--nv-accent) !important;
}

.site-footer p,
.site-footer li,
.site-footer a,
.site-footer h2,
.site-footer h3,
.site-footer h4 {
  color: var(--nv-footer_text) !important;
}

/* Footer link hover uses Menu hover */
.site-footer a:hover {
  color: var(--nv-menu_hover) !important;
}



.nv-footer-logo{display:block;max-width:100%}.nv-footer-logo img{display:block;width:var(--nv-footer-logo-width);max-width:100%;max-height:var(--nv-footer-logo-height);height:auto;object-fit:contain;object-position:left center}

/* Empty artwork remains transparent; profile images can be supplied independently. */