/* Import Space Grotesk from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');

/* Apply globally */
html, body, h1, h2, h3, h4, h5, h6, p, a, li, span, input, button, textarea {
  font-family:   'IBM Plex Sans', sans-serif;
!important;
}

.single-post .wp-block-post-featured-image,
.single-post .post-thumbnail,
.single-post figure.wp-block-post-featured-image,
.single-post figure.post-thumbnail {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
}
.entry-meta {
    order: -1; /* Moves date above title */
    display: block;
    margin-bottom: 10px;
}

.entry-title {
    margin-top: 0;
}


.related-posts, 
.related, 
.related-articles, 
.entry-related, 
.jetpack-related-posts, 
#jp-relatedposts, 
div[class*="related"] {
    display: none !important;
}


h2.entry-title, h1.entry-title {
    font-weight: bold;
}

.wp-show-posts h2.wp-show-posts-entry-title {
    font-weight: bold !important;

}

/* content -----------------------*/
.wp-show-posts .wp-show-posts-inner p {
  position: relative;               /* Needed for 'top' to work */
  top: -20px;                        /* Moves paragraph up */
  margin-top: 0 !important;         /* Prevent extra top gap */
  margin-bottom: 10px !important;   /* Keep spacing below */
  text-align: justify !important;
  font-size: 13px;
  color: #333333;
  font-weight: 400;
  font-family: 'Inter';
}




html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

#page {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

#content {
  flex: 1;
}



/* Contact-------------------*/

.custom-form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 7px;
}

.custom-form-group {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.custom-form-group.half {
  flex: 1 1 48%;
}

.custom-form-group.full {
  flex: 1 1 100%;
}

input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
  padding: 10px;
  font-size: 16px;
  border-radius: 10px;
  border: 1px solid #ccc;
  width: 100%;
  box-sizing: border-box;
}

textarea {
  resize: vertical;
  min-height: 130px;
}

input[type="submit"] {
  background-color: #5FAACD;
  color: white;
  padding: 8px 250px;
  font-size: 16px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

input[type="submit"]:hover {
  background-color: #5FAACD;
}

.wp-show-posts article {
  display: flex;
  flex-direction: column;
}

/*  Responsive Fix for Mobile */
@media (max-width: 768px) {
  .custom-form-group.half {
    flex: 1 1 100%;
  }

  input[type="submit"] {
    padding: 10px 20px; /* Prevents submit button from overflowing */
  }
}





/* Read more--------------------*/
/* Style the Read More link */
.wp-show-posts .wp-show-posts-read-more {
  color: #e74c3c !important;         /* Red color */
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.9em;
  letter-spacing: 0.5px;
  text-decoration: none !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  display: inline-block;
  transition: color 0.3s ease;
}

/* Add arrow after the link */
.wp-show-posts .wp-show-posts-read-more::after {

  margin-left: 5px;
}

/* Hover state */
.wp-show-posts .wp-show-posts-read-more:hover {
  color: #c0392b !important;         /* Darker red on hover */
}




/* Date--------------------*/
.wp-show-posts-entry-meta::before {
  content: "\f073"; /* calendar/date icon */
  font-family: "Font Awesome 5 Free";
  font-weight: 400; /* Regular style */
  margin-right: 0.4em;
  color: #666;
  display: inline-block;
  font-size: 0.9em;
  vertical-align: middle;
}

.wp-show-posts-entry-meta {
    display: block;
    margin-bottom: 0.5em;
    position: relative;
    top: 0 em; 	
	font-size: 0.7em;  
	font-weight: 500;
	font-family: 'Inter'; 
	}
.wp-show-posts-entry-title {
    margin-top: 1.5em;
	 }


.wp-show-posts-entry-meta time {
  color: #333 !important;
}




/* Title--------------------*/
.wp-show-posts-entry-title {
    position: relative;
    top: -6px;              /* Yahan se title 10px neeche shift hoga */
    margin-bottom: 4px;
    font-size: 22px;
	 	color: #333333; 
	font-weight: 600;
	font-family: 'Inter';
    
}

/* Read more ------------------------- */ 
.wp-show-posts-entry-content p {
  margin: 0 !important;
  display: inline;
  white-space: normal;
}

.wp-show-posts-read-more {
  display: inline !important;
  margin-left: 4px;
  font-weight: 600; /* Correct: 'semi-bold' isn't valid in CSS */
  color: #e74c3c !important;
  text-transform: uppercase;
  font-size: 10px !important; /* Keep only one font-size */
  text-decoration: none !important;
  white-space: nowrap;
}
.wp-show-posts-read-more:hover {
  color: #c0392b !important;
	
}


/* left content 
.wp-show-posts-entry-summary p {
  display: inline !important;
  margin: 0;
} */

.wpsp-read-more {
  display: none !important; /* Hide the original container after moving the link */
}

.wp-show-posts-entry-summary p a {
  margin-left: 8px;
  color: #e74c3c;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
  font-family: 'Inter';
  text-decoration: none;
}


/* Style post thumbnails to appear on the left */
.blog .post,
.archive .post,
.search .post {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

/* Post thembnails --------------------------------*/
.wp-show-posts-image img {
  width: 150px !important;
  height: 90px !important;
  object-fit: cover !important;
  display: block !important;
  margin-bottom: 0px !important;
}

.wp-show-posts article {
  margin-bottom: 15px !important; /* Adjust this value as needed */
  padding-bottom: 0 !important;
}




selector {
  margin-left: auto;
  margin-right: auto;
  display: block;
  text-align: center;
}


@media (max-width: 768px) {
  .wp-show-posts .wp-show-posts-inner {
    padding-top: 12px;
    padding-bottom: 12px;
    position: relative;
  }

  .wp-show-posts .wp-show-posts-inner:not(:first-child)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #ccc;
  }
}





/* Grey line between posts — only on mobile */
@media (max-width: 768px) {
  .wp-show-posts .wp-show-posts-inner {
    border-bottom: 1px solid #cccccc; /* light grey line */
    padding-bottom: 12px;
    margin-bottom: 12px;
  }
}

/* Hide the same line on desktop */
@media (min-width: 769px) {
  .wp-show-posts .wp-show-posts-inner {
    border-bottom: none;
  }
}


.pagination a,
.pagination span,
.page-numbers {
  margin: 0 10px !important;
}



/*--------------Archives left align --------*/

.widget_archive ul,
.wp-block-archives,
.wp-block-archives ul,
.wp-block-archives-list {
  list-style: none !important;
  margin: 0 !important;
  padding-left: 0 !important;
}

.widget_archive li,
.wp-block-archives li {
  background: none !important;   /* some themes use bg bullets */
  text-indent: 0 !important;
}

/* kill theme-added bullets */
.widget_archive li::before,
.wp-block-archives li::before,
.wp-block-archives li::marker {
  content: none !important;
}/* ===== SEARCH PAGE FIX: layout + image ===== */

/* 1) Kadence search cards ko default block layout pe laao */
body.search .post {
  display: block !important;   /* flex rule ko override */
  gap: 0 !important;
}

/* 2) Image wrapper normal flow me, full width */
body.search .loop-entry .entry-thumb,
body.search .entry-thumb {
  width: 100% !important;
  height: auto !important;
  overflow: visible !important;
  margin: 0 0 14px 0 !important;   /* image ke niche thoda gap */
}

/* 3) Aspect-ratio wrapper ki fixed height/padding hatao (sirf search me) */
body.search .kadence-image-ratio-size,
body.search [class*="kadence-img-ratio-"] {
  padding-top: 0 !important;
  height: auto !important;
}

/* 4) Actual image: poori dikhni chahiye */
body.search .entry-thumb img {
  width: 100%;
  height: auto !important;
  object-fit: contain !important;   /* equal height chahiye to 'cover' kar sakte hain */
  display: block;
}

/* ===== ARCHIVE PAGES (except Blog) — uncropped images ===== */
body.archive:not(.blog) .post {
  display: block !important;     /* aapka old flex override */
  gap: 0 !important;
}

body.archive:not(.blog) .loop-entry .entry-thumb,
body.archive:not(.blog) .entry-thumb {
  width: 100% !important;
  height: auto !important;
  overflow: visible !important;
  margin: 0 0 14px 0 !important;  /* image ke niche gap */
}

/* Kadence ratio wrapper ko neutralize karo */
body.archive:not(.blog) .kadence-image-ratio-size,
body.archive:not(.blog) [class*="kadence-img-ratio-"] {
  padding-top: 0 !important;
  height: auto !important;
}


/* === add 20px TOP padding above the card image (Search + Archive) === */
body.search .loop-entry .post-thumbnail,
body.search .loop-entry .entry-thumb,
body.search figure.post-thumbnail,
body.archive:not(.blog) .loop-entry .post-thumbnail,
body.archive:not(.blog) .loop-entry .entry-thumb,
body.archive:not(.blog) figure.post-thumbnail{
  padding-top: 20px !important;
  box-sizing: border-box;
}
/* Single post page title (jaise screenshot me) */
.single-post h1.entry-title {
  font-size: 36px !important;
  line-height: 1.15 !important;
  font-weight: 700;
}

/* Blog/Archive list ke card titles (right ya listing pages) */
.blog h2.entry-title a,
.archive h2.entry-title a {
  font-size: 26px !important;
  line-height: 1.25 !important;
}

/* Mobile sizes */
@media (max-width: 768px) {
  .single-post h1.entry-title { font-size: 34px !important; }
  .blog h2.entry-title a,
  .archive h2.entry-title a { font-size: 22px !important; }
}


/* ---- Archives LINKS size = Recent Posts LINKS size ---- */
#secondary .widget_archive ul li a,
.sidebar .widget_archive ul li a,
#secondary .widget_block .wp-block-archives li a,
.sidebar .widget_block .wp-block-archives li a {
  font-size: 17px !important;
  line-height: 1 !important;
}
.single-post .entry-content h2 {
  font-size: 22px !important;
  font-weight: 600 !important;
  margin-top: 28px !important;
  margin-bottom: 12px !important;
  color: #222222 !important;
  font-family: 'Inter' !important;
}

.single-post .entry-content h5 {
  font-size: 21px !important;
  font-weight: 600 !important;
  margin-top: 22px !important;
  margin-bottom: 10px !important;
  color: #222222 !important;
}

/* === Paragraphs styling (SQLBI style) === */
.single-post .entry-content p {
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: #333333 !important;
  font-weight: 400 !important;
  font-family: 'Inter' !important;
  text-align: justify !important;
  margin-top: 0 !important;        /* extra top space hataye */
  margin-bottom: 60px !important;  /* para ke baad spacing */
}

/* === H2 Headings styling === */
.single-post .entry-content h2 {
  font-size: 10px !important;
  font-weight: 100 !important;
  color: #222222 !important;
  font-family: 'Inter' !important;
  margin-top: 50px !important;     /* heading ke upar spacing */
  margin-bottom: 14px !important;  /* heading ke baad spacing */
  line-height: 1.4 !important;
}

/* === H3 Headings styling === */
.single-post .entry-content h3 {
  font-size: 18px !important;
  font-weight: 500 !important;
  color: #222222 !important;
  font-family: 'Inter' !important;
  margin-top: 24px !important;
  margin-bottom: 14px !important;
  line-height: 1.4 !important;
}
/* --- Single Post Content Styling (Uniform Font + Spacing) --- */
.single-post .entry-content p,
.single-post .entry-content li {
  font-size: 16px !important;     /* Same size for paras & list */
  line-height: 1.6 !important;    /* Comfortable spacing */
  color: #333333 !important;
  font-family: 'Inter' !important;
  font-weight: 400 !important;
  text-align: justify !important;
  margin-top: 0 !important;
  margin-bottom: 18px !important; /* Equal space below para & list item */
}

/* --- Headings Spacing & Font --- */
.single-post .entry-content h2 {
  font-size: 22px !important;
  font-weight: 600 !important;
  margin-top: 28px !important;    /* Gap before heading */
  margin-bottom: 16px !important; /* Gap after heading */
  color: #222222 !important;
  line-height: 1.4 !important;
  font-family:'Inter' !important;
}

.single-post .entry-content h3 {
  font-size: 19px !important;
  font-weight: 600 !important;
  margin-top: 24px !important;
  margin-bottom: 14px !important;
  color: #222222 !important;
  line-height: 1.4 !important;
  font-family: 'Inter' !important;
}



/* --- Bullet List Consistency --- */
.single-post .entry-content ul,
.single-post .entry-content ol {
  margin-left: 20px !important;   /* Proper indent */
  margin-bottom: 50px !important; /* Space after list block */
}
/* --- Headings ko thoda light weight karo --- */
.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4 {
  font-weight: 500 !important;   /* lighter look */
  color: #222222 !important;
}
/* === Final Polished Blog Styling (SQLBI Style) === */

/* Paragraphs */
.single-post .entry-content p {
  font-size: 18px !important;
  line-height: 1.7 !important;      /* Thoda relaxed spacing for readability */
  color: #333333 !important;
  font-weight: 400 !important;
  font-family:'Inter' !important;
  text-align: justify !important;
  margin-top: 0 !important;
  margin-bottom: 40px !important;   /* Clean gap after para */
}


/* Unordered & Ordered Lists */
.single-post .entry-content ul,
.single-post .entry-content ol,
.single-post .entry-content ul li,
.single-post .entry-content ol li {
  font-size: 18px !important;
  line-height: 1.7 !important;
  color: #333333 !important;
  font-family: 'Inter' !important;
  margin: 0 0 5px 24px !important; /* indent + bottom spacing */
  text-align: justify !important;   /* optional - match paragraphs */
}

.single-post .entry-content li {
  margin-bottom: 10px !important;   /* spacing between list items */
}

/* H2 Headings */
.single-post .entry-content h2 {
  font-size: 27px !important;
  font-weight: 500 !important;      /* lighter than bold */
  color: #222222 !important;
  font-family:'Inter'!important;
  margin-top: 32px !important;      /* bigger gap before heading */
  margin-bottom: 16px !important;   /* clean gap after heading */
  line-height: 1.4 !important;
}

/* H3 Headings */
.single-post .entry-content h3 {
  font-size: 22px !important;
  font-weight: 500 !important;
  color: #222222 !important;
  font-family:'Inter' !important;
  margin-top: 28px !important;
  margin-bottom: 14px !important;
  line-height: 1.4 !important;
}
/* H6 Headings */
.single-post .entry-content h6 {
  font-size: 18px !important;
  font-weight: 500 !important;
  color: #222222 !important;
  font-family:'Inter' !important;
  margin-top: 28px !important;
  margin-bottom: 14px !important;
  line-height: 1.4 !important;
}

/* H4 Headings */
.single-post .entry-content h4 {
  font-size: 17px !important;
  font-weight: 500 !important;
  color: #222222 !important;
  font-family:'Inter' !important;
  margin-top: 24px !important;
  margin-bottom: 12px !important;
  line-height: 1.4 !important;
}

/* ===== Oxygen-BI style for LOOS "Highlighting Code Block" ===== */

/* OUTER WRAPPER (plugin adds .hcb_wrap) */
.entry-content .hcb_wrap {
  position: relative !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 6px !important;
  background: #fff !important;
  margin: 18px 0 !important;
  padding: 0 !important;           /* footer/top badges ke liye hum pre ko pad denge */
  overflow: hidden !important;
  box-shadow: none !important;
}

/* ACTUAL CODE AREA */
.entry-content .hcb_wrap pre[class*="language-"] {
  background: transparent !important;
  margin: 0 !important;
  border: 0 !important;
  padding: 16px 18px 48px !important; /* bottom space for footer strip */
  font-family:'Inter'!important;
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  tab-size: 2;
}

/* LINE NUMBERS (Prism) */
.entry-content .hcb_wrap pre.line-numbers { padding-left: 3.6em !important; }
.entry-content .hcb_wrap pre.line-numbers > .line-numbers-rows { 
  border-right: 1px solid #f1f3f5 !important;
}
.entry-content .hcb_wrap pre.line-numbers > .line-numbers-rows > span:before {
  color: #9aa0a6 !important;
}

/* TOP-RIGHT BADGE */
.entry-content .hcb_wrap::before{
  content: "";
  position: absolute;
  right: 14px;
  top: 8px;
  font: 500 12.5px/1.2 'Inter',-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color: #6b7280;
}

/* BOTTOM FOOTER STRIP */
.entry-content .hcb_wrap::after{
  content: "⧉ COPY    ⓘ CONVENTIONS               #1   OXYGEN BI";
  position: absolute;
  left: ; bottom: 0; width: 100%;
  display: flex; justify-content: flex-start; gap: 14px;
  padding: 12px 14px;
  font: 500 12.5px/1.2 'Inter',-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color: #6b7280; background: #fafafa;
  border-top: 1px solid #eaecef;
}

/* THEME/PLUGIN EXTRA BACKGROUNDS (safety) */
.entry-content pre[class*="language-"] { background: transparent !important; }
.entry-content code[class*="language-"] { background: transparent !important; }

/* (Optional) built-in copy button hide karna ho to: */
/* .entry-content .hcb_copy { display:none !important; } */

.hcb_wrap pre .line-hover{ z-index:0; }
.hcb_wrap pre code{ position:relative; z-index:1; }
.hcb_wrap pre .line-numbers-rows{ z-index:2; }









/* (Optional) built-in copy button hide karna ho to: */
 
/* .entry-content .hcb_copy { display:none !important; } */
 
/* Code line hover effect */
 
.entry-content .hcb_wrap pre[class*="language-"] code span:hover {
 
  background: #f7f7f7 !important;   /* halka grey highlight */
 
  display: block;                   /* full line cover */
 
  width: 100%;
 
}
/* Paragraph spacing */
 
.single-post .entry-content p {
 
  margin-top: 0 !important;
 
  margin-bottom: 0px !important; /* Default spacing */
 
}


/* H2 spacing control */
.single-post .entry-content h2 {
  margin-top: 30px !important;     /* heading ke upar ka gap */
  margin-bottom: 20px !important;  /* heading ke neeche ka gap */
}


/* 1) Paragraph ke turant baad aane wali list: TOP gap kam */
.single-post .entry-content p:has(+ ul),
.single-post .entry-content p:has(+ ol) {
  margin-bottom: 10px !important;   /* pehle 40px tha, ab kam */
}

/* 2) List khud ke neeche ka gap */
.single-post .entry-content ul,
.single-post .entry-content ol {
  margin-bottom: 10px !important;   /* neeche ka space kam */
}

/* 3) List ke turant baad aane wale paragraph ka TOP gap kam */
.single-post .entry-content ul + p,
.single-post .entry-content ol + p {
  margin-top: 10px !important;
}


/* Reduce spacing specifically between consecutive paragraphs */
 
.single-post .entry-content p + p {
 
  margin-top: 5px !important; /* Half of normal spacing */
 
}
 
/* Tighten space before smaller headings that follow a paragraph */
 
.single-post .entry-content p + h3,
 
.single-post .entry-content p + h4,
 
.single-post .entry-content p + h5,
 
.single-post .entry-content p + h6,
 
.single-post .entry-content p + h2.has-small-font-size,
 
.single-post .entry-content p + h2[style*="font-size:18"] {
 
  margin-top:8px !important;   /* make this 6–10px to taste */
 
}
/* Add more space before H2 headings */
 
.single-post .entry-content h2 {
 
  margin-top: 70px !important;  /* increase value as needed */
 
}



/*Start2-------------------------------*/
/* Bigger • bullets + tight left spacing + ~2 spaces gap */
:where(.single-post .entry-content,
       .wp-block-post-content,
       .elementor-widget-theme-post-content,
       .elementor .elementor-text-editor) ul{
  list-style: none !important;      /* hide theme bullets */
  margin-left: 0 !important;
  padding-left: 0 !important;
}

:where(.single-post .entry-content,
       .wp-block-post-content,
       .elementor-widget-theme-post-content,
       .elementor .elementor-text-editor) ul > li{
  position: relative;
  padding-left: 1.2em !important;   /* ≈ “2 spaces” between • and text; tweak */
}

:where(.single-post .entry-content,
       .wp-block-post-content,
       .elementor-widget-theme-post-content,
       .elementor .elementor-text-editor) ul > li::before{
  content: "•";
  position: absolute;
  left: 0;
  top: -0.001em;                       /* vertical align; tweak 0–0.2em if needed */
  font-size: 1.4em;                 /* bullet size (e.g., 1.2–1.6em) */
  line-height: 1;
  color: #111;                      /* bullet color */
}


/*end2-------------------------------*/

/* Image block spacing in single posts */
.single-post .entry-content .wp-block-image {
  margin-top: 15px !important;     /* space above image block */
  margin-bottom: 15px !important;  /* space below image block */
}

/* Extra safety: direct img inside entry-content */
.single-post .entry-content img {
  display: block;
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
/* Base styling for theme toggle button */
.theme-icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 2px solid rgba(0,0,0,0.1);
  background: transparent;
  transition: background 0.3s ease, border 0.3s ease;
}

/* Sun icon (light mode) */
[data-theme="light"] .theme-icon .icon-sun {
  display: inline-block;
  stroke: #555;   /* soft grey rays */
  fill: none;     /* center hollow */
  stroke-width: 2px;
  transition: stroke 0.3s ease;
}

/* Hover in light mode */
[data-theme="light"] .theme-icon:hover {
  background: #555;  /* grey circle */
  border-color: #555;
}
[data-theme="light"] .theme-icon:hover .icon-sun {
  stroke: #fff;   /* rays turn white */
}

/* Moon icon (dark mode) */
[data-theme="dark"] .theme-icon .icon-moon {
  display: inline-block;
  fill: #facc15; /* yellow */
  transition: fill 0.3s ease;
}

/* Hover in dark mode */
[data-theme="dark"] .theme-icon:hover {
  background: #facc15; /* yellow background */
  border-color: #facc15;
}
[data-theme="dark"] .theme-icon:hover .icon-moon {
  fill: #000; /* moon turns black on hover */
}

.btn.ghost:hover {
  background: linear-gradient(135deg, #a5b4fc 0%, #6366f1 100%) !important;
  border-color: #6366f1 !important;
  color: #fff !important;
}
.theme-icon svg {
  display: none;
  transition: color 0.3s ease, opacity 0.3s ease;
}

/* Light mode = Sun visible */
[data-theme="light"] .theme-icon .icon-sun {
  display: inline;
  color: #ffffff;
}

/* Dark mode = Moon visible */
[data-theme="dark"] .theme-icon .icon-moon {
  display: inline;
  color: #facc15;
}

html, body {
  background:#ffffff !important;
}

.wrap,
#page,
#content,
.site,
body.blog,
body.archive,
body.single,
main,
.post-list,
.posts-container {
  background:#ffffff !important;
}
:root[data-theme="light"] {
    --bg: #ffffff !important;
    --panel: #ffffff !important;
    --text: #0a0a0f !important;
    --muted: #6b7280 !important;
    --border: #e5e7eb !important;
}
:root[data-theme="dark"] {
    --bg: #0a0a0f !important;
    --panel: #0f0f16 !important;
    --text: #fafafa !important;
    --muted: #a3a3a3 !important;
    --border: #2a2a3a !important;
}

/* 🌙 FORCE WHITE TEXT IN DARK MODE – CORRECT SELECTOR */
:root[data-theme="dark"] {
    --text: #ffffff !important;
    --text-muted: #ffffff !important;
}

/* Apply white to all article text */
:root[data-theme="dark"] .entry-content,
:root[data-theme="dark"] .entry-content p,
:root[data-theme="dark"] .entry-content a,
:root[data-theme="dark"] .entry-content span,
:root[data-theme="dark"] .entry-content li,
:root[data-theme="dark"] .entry-content strong,
:root[data-theme="dark"] .entry-content em,
:root[data-theme="dark"] .inside-article,
:root[data-theme="dark"] .inside-article p,
:root[data-theme="dark"] .post-content,
:root[data-theme="dark"] article,
:root[data-theme="dark"] p {
    color: #ffffff !important;
}
/* 🌙 DARK MODE — GUTENBERG HEADINGS FIX */
:root[data-theme="dark"] .wp-block-heading,
:root[data-theme="dark"] .wp-block-heading h1,
:root[data-theme="dark"] .wp-block-heading h2,
:root[data-theme="dark"] .wp-block-heading h3,
:root[data-theme="dark"] .wp-block-heading h4,
:root[data-theme="dark"] .wp-block-heading h5,
:root[data-theme="dark"] .wp-block-heading h6,
:root[data-theme="dark"] .wp-block h1,
:root[data-theme="dark"] .wp-block h2,
:root[data-theme="dark"] .wp-block h3,
:root[data-theme="dark"] .wp-block h4,
:root[data-theme="dark"] .wp-block h5,
:root[data-theme="dark"] .wp-block h6 {
    color: #ffffff !important;
}
/* 🌙 DARK MODE — FIX DATE (Post Meta) */
:root[data-theme="dark"] .entry-meta,
:root[data-theme="dark"] .entry-meta a,
:root[data-theme="dark"] .entry-meta time,
:root[data-theme="dark"] .posted-on,
:root[data-theme="dark"] .posted-on a,
:root[data-theme="dark"] .entry-header .entry-meta,
:root[data-theme="dark"] .wp-block-post-date,
:root[data-theme="dark"] .wp-block-post-date time,
:root[data-theme="dark"] .meta,
:root[data-theme="dark"] .byline,
:root[data-theme="dark"] .byline a {
    color: #ffffff !important;
}

/* 🌙 DARK MODE — SIDEBAR WIDGET LINKS */
:root[data-theme="dark"] #secondary,
:root[data-theme="dark"] .sidebar,
:root[data-theme="dark"] .widget,
:root[data-theme="dark"] .widget a,
:root[data-theme="dark"] .widget_recent_entries a,
:root[data-theme="dark"] .widget_archive a,
:root[data-theme="dark"] .widget_block a,
:root[data-theme="dark"] .wp-block-latest-posts a,
:root[data-theme="dark"] .wp-block-archives a,
:root[data-theme="dark"] .wp-block-categories a,
:root[data-theme="dark"] .widget ul li a {
    color: #ffffff !important;
}

/* Widget headings */
:root[data-theme="dark"] .widget-title,
:root[data-theme="dark"] .sidebar .widget-title,
:root[data-theme="dark"] #secondary .widget-title,
:root[data-theme="dark"] .widget_block .wp-block-heading {
    color: #ffffff !important;
}
/* 🌙 DARK MODE — "Like this:" text */
:root[data-theme="dark"] .sharedaddy,
:root[data-theme="dark"] .sd-title,
:root[data-theme="dark"] .sd-title a,
:root[data-theme="dark"] .likes-widget-placeholder,
:root[data-theme="dark"] .jetpack-likes-widget-loading,
:root[data-theme="dark"] .jetpack-likes-widget-unloaded,
:root[data-theme="dark"] .jetpack-likes-widget-loaded h3,
:root[data-theme="dark"] .sharedaddy h3.sd-title {
    color: #ffffff !important;
}

/* 🌙 DARK MODE — Previous / Next Post Navigation */
:root[data-theme="dark"] .post-navigation,
:root[data-theme="dark"] .post-navigation a,
:root[data-theme="dark"] .post-navigation .nav-previous a,
:root[data-theme="dark"] .post-navigation .nav-next a,
:root[data-theme="dark"] .navigation.post-navigation a,
:root[data-theme="dark"] .nav-links a,
:root[data-theme="dark"] .nav-previous,
:root[data-theme="dark"] .nav-next {
    color: #ffffff !important;
}

/* Divider line inside navigation */
:root[data-theme="dark"] .post-navigation .nav-links {
    border-color: #ffffff20 !important; /* subtle white divider */
}


/* 🌙 FULL SINGLE POST BACKGROUND BLACK IN DARK MODE */
:root[data-theme="dark"] body.single,
:root[data-theme="dark"] body.single-post,
:root[data-theme="dark"] .site,
:root[data-theme="dark"] #page,
:root[data-theme="dark"] #content,
:root[data-theme="dark"] main,
:root[data-theme="dark"] .inside-article,
:root[data-theme="dark"] .entry-content {
    background: #0a0a0f !important;
}

/* 🌙 Remove white background from theme inner wrappers */
:root[data-theme="dark"] .entry-content * {
    background: transparent !important;
}
/* 🌙 DARK MODE — Make Sidebar Fully Black */
:root[data-theme="dark"] #secondary,
:root[data-theme="dark"] .sidebar,
:root[data-theme="dark"] .widget-area,
:root[data-theme="dark"] .sidebar .widget,
:root[data-theme="dark"] .sidebar .widget * {
    background: #0A0A0F !important;
    color: #ffffff !important;
}

/* 🌙 Search bar input dark mode */
:root[data-theme="dark"] .widget_search input[type="search"],
:root[data-theme="dark"] .wp-block-search__input {
    background: #0A0A0F !important;
    border: 1px solid #333 !important;
   
}

/* Ensure the whole wrapper is black */
:root[data-theme="dark"] .site-main,
:root[data-theme="dark"] .content-area,
:root[data-theme="dark"] .site-content {
    background:#0A0A0F !important;
}

/* 🌙 FULL PAGE WRAPPER BLACK — DARK MODE */
:root[data-theme="dark"] body.single,
:root[data-theme="dark"] body.single-post,
:root[data-theme="dark"] .wrap,
:root[data-theme="dark"] .site,
:root[data-theme="dark"] .site-content,
:root[data-theme="dark"] .content-area,
:root[data-theme="dark"] #primary,
:root[data-theme="dark"] #main,
:root[data-theme="dark"] .content-container,
:root[data-theme="dark"] .site-main,
:root[data-theme="dark"] .inside-article {
    background: #0A0A0F !important;
}
/* 🌙 DARK MODE — Search Input Text & Placeholder White */
:root[data-theme="dark"] input[type="search"],
:root[data-theme="dark"] .wp-block-search__input,
:root[data-theme="dark"] .widget_search input[type="search"],
:root[data-theme="dark"] .search-field {
    color: #ffffff !important;             /* typed text */
    background-color: #0f0f16 !important;  /* input background */
    border: 1px solid #333 !important;
}

/* Placeholder color */
:root[data-theme="dark"] input[type="search"]::placeholder,
:root[data-theme="dark"] .wp-block-search__input::placeholder,
:root[data-theme="dark"] .search-field::placeholder {
    color: #bbbbbb !important;
}

/* 🌙 DARK MODE — Bullet dots white */
:root[data-theme="dark"] .single-post .entry-content ul > li::before {
    color: #ffffff !important;    /* bullet color */
    opacity: 1 !important;
}



/* 🌙 MOBILE FIX — Full width + NEGATIVE LEFT/RIGHT spacing */
@media (max-width: 768px) {

    .single-post .entry-content,
    .single-post .inside-article,
    .single-post #main,
    .single-post .site-main,
    .single-post .content-area,
    .single-post article {
        width: calc(100% + 8px) !important;   /* full width + extra stretch */
        max-width: calc(100% + 8px) !important;
        margin-left: -4px !important;         /* negative left spacing */
        margin-right: -4px !important;        /* negative right spacing */
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    /* Make sure whole wrapper aligns perfectly */
    .wrap,
    .inside-article,
    .entry-content {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: hidden !important;
    }
}
/* 🌙 MOBILE — Add top padding */
@media (max-width: 768px) {

    .single-post .entry-content,
    .single-post .inside-article,
    .single-post #main,
    .single-post .site-main,
    .single-post .content-area,
    .single-post article {
        padding-top: 24px !important;  /* top spacing */
    }
}

/* === Previous / Next divider ke dono taraf 10px ka gap === */
.single-post .post-navigation .nav-previous a {
    padding-right: 42px !important;   /* line se 10px door */
}

.single-post .post-navigation .nav-next a {
    padding-left: 42px !important;    /* line se 10px door */
}


/* 🌙 DARK MODE — Override Gutenberg link colors fully */
:root[data-theme="dark"] .entry-content a,
:root[data-theme="dark"] .entry-content a *,
:root[data-theme="dark"] .entry-content .has-text-color a,
:root[data-theme="dark"] .entry-content .has-link-color,
:root[data-theme="dark"] .entry-content .wp-block a {
    color: #83C8F2 !important; /* Light sky blue */
}

/* Override Gutenberg inline color variable */
:root[data-theme="dark"] .entry-content a[style*="color"],
:root[data-theme="dark"] .entry-content [style*="--wp--preset--color"],
:root[data-theme="dark"] .entry-content [class*="has-"][class*="-color"] {
    color:#83C8F2 !important;
}

/* Force remove ALL ARTICLES breadcrumb */
.single-post .entry-header .kb-breadcrumbs,
.single-post .entry-header .kb-breadcrumb,
.single-post .entry-hero-breadcrumb,
.single-post .breadcrumb,
.single-post .entry-taxonomies {
    display: none !important;
}



/* === FIX: Recent Posts heading = Category heading === */
#secondary .widget_recent_entries .widget-title,
.sidebar .widget_recent_entries .widget-title {
    font-size: 18px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    margin-bottom: 4px !important;
    font-family: 'Inter', sans-serif !important;
}

/* Reduce spacing between Recent Posts items */
#secondary .widget_recent_entries ul li,
.sidebar .widget_recent_entries ul li {
    margin-bottom: 2px !important;   /* 6px = small gap */
    padding-bottom: 0 !important;
}

/* Add spacing BELOW the last Recent Posts item */
#secondary .widget_recent_entries ul li:last-child,
.sidebar .widget_recent_entries ul li:last-child {
    margin-bottom: 55px !important;   /* Increase for more space */
}


/* 🔥 Remove horizontal scrolling site-wide */
html, body {
    overflow-x: hidden !important;
}



/* === DESKTOP ONLY: Remove big space in Previous/Next navigation === */
@media (min-width: 1025px) {

    .single-post .post-navigation {
        margin-top: 10px !important;
        margin-bottom: -70px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .single-post .post-navigation .nav-links {
        padding: 0 !important;
        margin: 0 !important;
    }

    .single-post .post-navigation .nav-previous a,
    .single-post .post-navigation .nav-next a {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}



/* MOBILE + TABLET — Remove extra large white space below CATEGORY */
@media (max-width: 1024px) {

    /* Sidebar widget block bottom space fix */
    body.single-post #secondary,
    body.single-post #secondary .sidebar,
    body.single-post #secondary .widget,
    body.single-post .sidebar .widget {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Remove forced -100px bottom margin you applied earlier */
    body.single-post #secondary,
    body.single-post .sidebar,
    body.single-post .widget-area {
        margin-bottom: 0 !important;
    }

    /* Category UL ke baad jo blank space aarahi hai use kill karo */
    body.single-post #secondary ul {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    /* The container that wraps CATEGORY widget – remove vertical gap */
    body.single-post aside.sidebar {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Completely remove bottom spacing before footer */
    body.single-post .content-area,
    body.single-post .site-main,
    body.single-post .inside-article,
    body.single-post .entry-content {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
}