/*
Theme Name: wpxray Child
Theme URI: https://darklup.com
Description: Child theme for wpxray with custom fixes and improvements
Author: Your Name
Author URI: https://darklup.com
Template: wpxray
Version: 1.0.0
Text Domain: wpxray-child
Domain Path: /languages
Requires at least: 5.0
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* ===== Fix stacking / overlap for all sections ===== */

/* 1. Create isolated stacking context */
.dlk-s3,
.dlk-cta2,
.dlp-img,
.dlp-woo {
  isolation: isolate;
}

/* 2. Push decorative pseudo elements behind */
.dlk-s3::before,
.dlk-s3::after,
.dlk-cta2::before,
.dlk-cta2::after,
.dlp-img::before,
.dlp-woo::before {
  z-index: -1;
  pointer-events: none;
}

/* 3. Ensure main content stays above */
.dlk-s3_inner,
.dlk-cta2__inner,
.dlp-img .con,
.dlp-woo .con {
  position: relative;
  z-index: 1;
}

/* ===== Fix header sign-in menu alignment ===== */
ul#header-right-menu {
  display: flex;
  align-items: center;
  float: right;
  gap: 15px;
}

ul#header-right-menu li {
  display: flex;
  align-items: center;
  margin: 0;
}

ul#header-right-menu li:first-child {
  margin-right: 0;
  text-align: center;
}

ul#header-right-menu li a {
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
}

/* ===== Fix "Get Pro" button text color on hover ===== */
.purchase-now a:hover {
  color: #fff !important;
}

/* ===== Hide {username} placeholder menu items ===== */
ul#header-right-menu li a span.username {
  color: #fff;
}

-----------------------------------------




/* ===== FINAL ROOT-CAUSE FIX ===== */

/* Fix blog page background */
.blog-page {
  background-color: #0D1A2D !important;
}

/* Fix blog cards */
.blog-page article {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 20px;
}

/* Fix single page main background */
.single-blog-page {
  background-color: #0D1A2D !important;
}

/* 🔥 THIS IS THE REAL FIX (faded overlay culprit) */
.single-blog-page > .container > .row {
  background-color: #0D1A2D !important;
}

/* Fix content text */
.single-blog-page .entry-content,
.blog-page .entry-content {
  color: rgba(255,255,255,0.8);
}

/* Headings */
.single-blog-page h1,
.single-blog-page h2,
.blog-page h2 a {
  color: #ffffff !important;
}

/* Links */
.single-blog-page a,
.blog-page a {
  color: #FD9C6E;
}

.single-blog-page a:hover,
.blog-page a:hover {
  color: #FD723B;
}



-------------------------------------



/* ===== STATIC PAGES (Privacy, Terms, Changelog) ===== */

/* Privacy page (ID: 26) */
body.page-id-26 {
  background: #0D1A2D !important;
}

body.page-id-26 .site-main,
body.page-id-26 main {
  max-width: 1170px !important;
  margin: 0 auto !important;
  background-color: #0D1A2D !important;
  padding: 60px 40px !important;
  border-radius: 8px !important;
}

body.page-id-26 .entry-content,
body.page-id-26 article {
  color: rgba(255,255,255,0.88) !important;
}

body.page-id-26 .entry-content p,
body.page-id-26 .entry-content h1,
body.page-id-26 .entry-content h2,
body.page-id-26 .entry-content h3,
body.page-id-26 .entry-content h4,
body.page-id-26 .entry-content h5,
body.page-id-26 .entry-content h6,
body.page-id-26 .entry-content li {
  color: rgba(255,255,255,0.88) !important;
}

/* Terms of Service page (ID: 29222) */
body.page-id-29222 {
  background: #0D1A2D !important;
}

body.page-id-29222 .site-main,
body.page-id-29222 main {
  max-width: 1170px !important;
  margin: 0 auto !important;
  background-color: #0D1A2D !important;
  padding: 60px 40px !important;
  border-radius: 8px !important;
}

body.page-id-29222 .entry-content,
body.page-id-29222 article {
  color: rgba(255,255,255,0.88) !important;
}

body.page-id-29222 .entry-content p,
body.page-id-29222 .entry-content h1,
body.page-id-29222 .entry-content h2,
body.page-id-29222 .entry-content h3,
body.page-id-29222 .entry-content h4,
body.page-id-29222 .entry-content h5,
body.page-id-29222 .entry-content h6,
body.page-id-29222 .entry-content li {
  color: rgba(255,255,255,0.88) !important;
}

/* Affiliate Area page (ID: 4624) - ENHANCED DESIGN SYSTEM STYLING */
body.page-id-4624 {
  background: #0D1A2D !important;
}

body.page-id-4624 .site-main,
body.page-id-4624 main {
  max-width: 1170px !important;
  margin: 0 auto !important;
  background-color: #0D1A2D !important;
  padding: 60px 40px !important;
}

/* Typography */
body.page-id-4624 .entry-content,
body.page-id-4624 article {
  color: rgba(255,255,255,0.88) !important;
}

body.page-id-4624 .entry-content h1,
body.page-id-4624 .entry-content h2,
body.page-id-4624 .entry-content h3,
body.page-id-4624 .entry-content h4 {
  color: #ffffff !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  margin-top: 30px !important;
}

body.page-id-4624 .entry-content h1 {
  font-size: 64px !important;
  line-height: 1.1 !important;
  letter-spacing: -1.5px !important;
}

body.page-id-4624 .entry-content h2 {
  font-size: 46px !important;
  line-height: 1.2 !important;
  letter-spacing: -1px !important;
}

body.page-id-4624 .entry-content h3 {
  font-size: 32px !important;
  line-height: 1.3 !important;
}

body.page-id-4624 .entry-content p {
  color: rgba(255,255,255,0.85) !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  margin-bottom: 20px !important;
}

/* Lists */
body.page-id-4624 .entry-content ul,
body.page-id-4624 .entry-content ol {
  margin-bottom: 30px !important;
  margin-left: 20px !important;
}

body.page-id-4624 .entry-content li {
  color: rgba(255,255,255,0.85) !important;
  margin-bottom: 12px !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
}

/* Links */
body.page-id-4624 .entry-content a {
  color: #7AC3FB !important;
  text-decoration: none !important;
  transition: color 0.25s ease !important;
}

body.page-id-4624 .entry-content a:hover {
  color: #FD723B !important;
  text-decoration: underline !important;
}

/* Cards/Tables */
body.page-id-4624 .entry-content table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 30px 0 !important;
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

body.page-id-4624 .entry-content table th {
  background: rgba(122,195,251,0.1) !important;
  color: #7AC3FB !important;
  padding: 16px 20px !important;
  text-align: left !important;
  font-weight: 700 !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

body.page-id-4624 .entry-content table td {
  color: rgba(255,255,255,0.85) !important;
  padding: 14px 20px !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
}

body.page-id-4624 .entry-content table tr:hover td {
  background: rgba(122,195,251,0.05) !important;
}

/* Buttons */
body.page-id-4624 .entry-content .wp-block-button__link,
body.page-id-4624 .entry-content a.wp-block-button__link {
  background: #D9724B !important;
  color: #ffffff !important;
  padding: 17px 36px !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  box-shadow: 0 8px 32px rgba(217,114,75,0.35) !important;
  transition: all 0.25s ease !important;
}

body.page-id-4624 .entry-content .wp-block-button__link:hover,
body.page-id-4624 .entry-content a.wp-block-button__link:hover {
  background: #C55E38 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 40px rgba(217,114,75,0.45) !important;
  color: #ffffff !important;
}

/* Code blocks */
body.page-id-4624 .entry-content pre,
body.page-id-4624 .entry-content code {
  background: rgba(0,0,0,0.3) !important;
  color: #7AC3FB !important;
  padding: 12px 16px !important;
  border-radius: 6px !important;
  font-family: monospace !important;
  font-size: 14px !important;
}

/* Changelog page (ID: 25792) */
body.page-id-25792 {
  background: #0D1A2D !important;
}

body.page-id-25792 .site-main,
body.page-id-25792 main {
  max-width: 1170px !important;
  margin: 0 auto !important;
  background-color: #0D1A2D !important;
  padding: 60px 40px !important;
  border-radius: 8px !important;
}

body.page-id-25792 .entry-content,
body.page-id-25792 article {
  color: rgba(255,255,255,0.88) !important;
}

body.page-id-25792 .entry-content p,
body.page-id-25792 .entry-content h1,
body.page-id-25792 .entry-content h2,
body.page-id-25792 .entry-content h3,
body.page-id-25792 .entry-content h4,
body.page-id-25792 .entry-content h5,
body.page-id-25792 .entry-content h6,
body.page-id-25792 .entry-content li {
  color: rgba(255,255,255,0.88) !important;
}


/* ===== Fix footer social icons alignment ===== */
.site-footer .sidebar.sidebar-one .wp-block-social-links {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}

.site-footer .sidebar.sidebar-one .wp-block-social-links li {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-footer .sidebar.sidebar-one .wp-block-social-links li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  line-height: 1;
}

.site-footer .sidebar.sidebar-one .wp-block-social-links li a svg {
  width: 22px;
  height: 22px;
  display: block;
}


/* ===== FIX FOOTER SOCIAL ALIGNMENT (FINAL) ===== */

.site-footer .sidebar.sidebar-one {
  text-align: left !important;
}

.site-footer .sidebar.sidebar-one .wp-block-social-links {
  justify-content: flex-start !important;
}

------------

/* ===== FINAL HARD OVERRIDE (NO MORE LOSING) ===== */

/* Force dark background (stronger than parent) */
body.blog .blog-page,
html body.blog .blog-page {
  background: #0D1A2D !important;
}

/* Fix container white */
body.blog .blog-page > .container,
body.blog .blog-page > .container > .row {
  background: #0D1A2D !important;
}

/* Blog cards */
body.blog .blog-page article {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
}

/* ===== SINGLE PAGE FIX ===== */

/* Kill gray overlay */
.single-blog-page > .container > .row {
  background: #0D1A2D !important;
}

/* Fix author */
.single-blog-page .post-author,
.single-blog-page .post-author span,
.single-blog-page .post-date,
.single-blog-page .comment {
  color: rgba(255,255,255,0.6) !important;
}

/* Fix main text */
.single-blog-page p {
  color: rgba(255,255,255,0.85) !important;
}

/* Fix headings */
.single-blog-page h1,
.single-blog-page h2,
.single-blog-page h3 {
  color: #ffffff !important;
}

----------------------- 



/* ===== CTA BUTTON (DESIGN SYSTEM) ===== */

.single-blog-page .wp-block-button {
  display: inline-block !important;
}

.single-blog-page .wp-block-button__link {
  background: #D9724B !important;
  color: #ffffff !important;
  opacity: 1 !important;

  border: none !important;
  border-radius: 50px !important;

  padding: 17px 36px !important;
  font-weight: 700 !important;
  font-size: 16px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  box-shadow: 0 8px 32px rgba(217,114,75,0.35) !important;
  transition: all 0.25s ease !important;
  text-decoration: none !important;
  visibility: visible !important;
  text-shadow: none !important;
}

.single-blog-page .wp-block-button__link * {
  color: #ffffff !important;
}

/* Hover */
.single-blog-page .wp-block-button__link:hover {
  background: #C55E38 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 40px rgba(217,114,75,0.45) !important;
  color: #fff !important;
}

/* Fix all states */
.single-blog-page .wp-block-button__link:visited,
.single-blog-page .wp-block-button__link:focus,
.single-blog-page .wp-block-button__link:active {
  color: #ffffff !important;
  background: #D9724B !important;
  outline: none !important;
}


/* ===== PAGINATION (CLEAN DARK STYLE) ===== */

.wpc-blog--pagination {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 40px;
}

/* Base button */
.wpc-blog--pagination .page-numbers {
  min-width: 40px;
  height: 40px;

  display: flex;
  align-items: center;
  justify-content: center;

  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 8px;

  color: #ffffff !important;
  text-decoration: none;

  transition: all 0.2s ease;
}

/* Fix icons (SVG or fallback) */
.wpc-blog--pagination .page-numbers svg,
.wpc-blog--pagination .page-numbers i {
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  font-size: 16px !important;
  flex-shrink: 0;
  color: #ffffff !important;
  fill: #ffffff !important;
  vertical-align: middle;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Next/Previous buttons with hidden content */
.wpc-blog--pagination a.page-numbers {
  font-size: 16px !important;
  line-height: 1 !important;
}

.wpc-blog--pagination a.page-numbers i::before,
.wpc-blog--pagination a.page-numbers span {
  font-size: inherit !important;
  display: inline !important;
}

/* Hover */
.wpc-blog--pagination .page-numbers:hover {
  background: rgba(255,255,255,0.12) !important;
  border-color: rgba(255,255,255,0.2);
}

/* Active */
.wpc-blog--pagination .page-numbers.current {
  background: #FD723B !important;
  border-color: #FD723B !important;
  color: #ffffff !important;
}

/* Disabled (if any) */
.wpc-blog--pagination .page-numbers.disabled {
  opacity: 0.4;
  pointer-events: none;
}





----------------------------------------- 
/* Author box */
.single-blog-page .author-bio,
.single-blog-page .author-bio-container {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  color: #fff;
}

/* Author text */
.single-blog-page .author-bio h4,
.single-blog-page .author-bio p {
  color: rgba(255,255,255,0.85) !important;
}

--- 
/* Social share buttons */
.single-blog-page .share-buttons a,
.single-blog-page .social-icons a {
  background: rgba(255,255,255,0.08) !important;
  color: #ffffff !important;
  border-radius: 50%;
}

/* Hover */
.single-blog-page .share-buttons a:hover {
  background: #FD723B !important;
}  

/* Comment form container */
.single-blog-page .comments-area,
.single-blog-page .comment-respond {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  padding: 25px;
}

/* Inputs */
.single-blog-page input,
.single-blog-page textarea {
  background: rgba(255,255,255,0.08) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
}

/* Placeholder */
.single-blog-page input::placeholder,
.single-blog-page textarea::placeholder {
  color: rgba(255,255,255,0.5);
}

/* Submit button */
.single-blog-page .form-submit input {
  background: #FD723B !important;
  color: #fff !important;
  border: none;
}


/* ===== TABLE OF CONTENTS FIX ===== */

/* Make TOC list bullets visible using ::marker */
.single-blog-page .ez-toc-list li::marker {
  color: #7AC3FB !important;
  font-weight: 700;
}

.single-blog-page .ez-toc-list li {
  color: rgba(255,255,255,0.85) !important;
}

.single-blog-page .ez-toc-list {
  color: rgba(255,255,255,0.85) !important;
}

.single-blog-page .ez-toc-list a {
  color: #7AC3FB !important;
  text-decoration: none;
}

.single-blog-page .ez-toc-list a:hover {
  color: #FD723B !important;
  text-decoration: underline;
}


/* ===== COMMENT FORM LABELS FIX ===== */

.single-blog-page .comment-form label {
  color: #ffffff !important;
  font-weight: 500;
}

.single-blog-page .comment-form-author label,
.single-blog-page .comment-form-email label,
.single-blog-page .comment-form-url label {
  color: #ffffff !important;
}

.single-blog-page .comment-form textarea,
.single-blog-page .comment-form input[type="text"],
.single-blog-page .comment-form input[type="email"],
.single-blog-page .comment-form input[type="url"] {
  background: rgba(255,255,255,0.08) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
}

.single-blog-page .comment-form textarea::placeholder,
.single-blog-page .comment-form input::placeholder {
  color: rgba(255,255,255,0.5) !important;
}