/* ==========================================================================
   PerfCore Dark Mode v2.1 — Premium Gaming Aesthetic (Refined)
   Inspired by Steam, Discord, GitHub Dark, NVIDIA, Opera GX

   Table of Contents:
   1.  Custom Properties
   2.  Background & Layout Depth
   3.  Header (Premium Dark with Backdrop Blur)
   4.  Toggle Button (Desktop & Mobile)
   5.  Hero Section Overlay
   6.  Cards (Premium gaming borders and shadows)
   7.  Sidebar (Floating panel styling)
   8.  Typography & Spacing
   9.  Links & Menu Navigation
   10. Forms & Search Box (Blue glow focus)
   11. Category Labels (Brand Orange)
   12. Entry Content Elements (blockquote, code, tables)
   13. Accessibility & Image Safety
   ========================================================================== */

/* ==========================================================================
   1. CUSTOM PROPERTIES
   ========================================================================== */
:root {
  --pc-bg:      #ffffff;
  --pc-surface: #f2f5f7;
  --pc-card:    #FAFBFC;
  --pc-border:  #e1e8ed;
  --pc-text:    #192a3d;
  --pc-heading: #3A4F66;
  --pc-muted:   #64748b;
  --pc-link:    #2872fa;
  --pc-orange:  #F97316;
}

html[data-theme="dark"] {
  --pc-bg:      #13181E;
  --pc-surface: #111827;
  --pc-card:    #1B2433;
  --pc-border:  #2E3B52;
  --pc-text:    #DBE1E8;
  --pc-heading: #DBE1E8;
  --pc-muted:   #94A3B8;
  --pc-link:    #60A5FA;
  --pc-orange:  #F97316;

  /* Blocksy Palette Overrides */
  --theme-palette-color-1: #2872FA;
  --theme-palette-color-2: #6BA3FF;
  --theme-palette-color-3: #DBE1E8;
  --theme-palette-color-4: #DBE1E8;
  --theme-palette-color-5: #2E3B52;
  --theme-palette-color-6: #111827;
  --theme-palette-color-7: #13181E;
  --theme-palette-color-8: #0B1120;

  /* Theme Colors */
  --theme-text-color:      #DBE1E8;
  --theme-headings-color:  #DBE1E8;
  --theme-heading-color:   #DBE1E8;
  --theme-heading-1-color: #DBE1E8;
  --theme-heading-2-color: #DBE1E8;
  --theme-heading-3-color: #DBE1E8;
  --theme-heading-4-color: #DBE1E8;
  --theme-heading-5-color: #DBE1E8;
  --theme-heading-6-color: #DBE1E8;

  --theme-link-initial-color: #60A5FA;
  --theme-link-hover-color:   #93C5FD;
  --theme-link-active-color:  #BFDBFE;

  --theme-border-color:       #2E3B52;
  --theme-table-border-color: #2E3B52;

  --theme-button-background-initial-color: #2872FA;
  --theme-button-background-hover-color:   #4D8FFF;

  --theme-form-text-initial-color:              #DBE1E8;
  --theme-form-text-focus-color:                #DBE1E8;
  --theme-form-field-background-initial-color:  #111827;
  --theme-form-field-background-focus-color:    #1B2433;
  --theme-form-field-border-initial-color:      #334155;
  --theme-form-field-border-focus-color:        #60A5FA;

  --theme-icon-color:        #94A3B8;
  --theme-icon-hover-color:  #F8FAFC;
  --theme-icon-active-color: #60A5FA;

  color-scheme: dark;
}

/* ==========================================================================
   2. BACKGROUND & LAYOUT DEPTH
   ========================================================================== */
html[data-theme="dark"] {
  background: #13181E !important;
  background-color: #13181E !important;
}

html[data-theme="dark"] body,
html[data-theme="dark"] #main-container,
html[data-theme="dark"] .site-main,
html[data-theme="dark"] #site-main,
html[data-theme="dark"] main {
  background-color: #13181E !important;
  color: #DBE1E8 !important;
}

/* Force single post/page article container backgrounds to be transparent */
html[data-theme="dark"].single-post,
html[data-theme="dark"] .single-post,
html[data-theme="dark"].single,
html[data-theme="dark"] .single,
html[data-theme="dark"].page,
html[data-theme="dark"] .page,
html[data-theme="dark"].archive,
html[data-theme="dark"] .archive,
html[data-theme="dark"].search,
html[data-theme="dark"] .search {
  background: #13181E !important;
  background-color: #13181E !important;
}

html[data-theme="dark"] .single-post article,
html[data-theme="dark"] .single-post .site-main article,
html[data-theme="dark"] .single-post .ct-container-single,
html[data-theme="dark"] .single-post [data-container="boxed"],
html[data-theme="dark"] .single article,
html[data-theme="dark"] .single .site-main article,
html[data-theme="dark"] .single .ct-container-single,
html[data-theme="dark"] .single [data-container="boxed"],
html[data-theme="dark"] .page article,
html[data-theme="dark"] .page .site-main article,
html[data-theme="dark"] .page .ct-container-single,
html[data-theme="dark"] .page [data-container="boxed"],
html[data-theme="dark"] [data-container="boxed"] {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* ==========================================================================
   3. HEADER
   ========================================================================== */
html[data-theme="dark"] .site-header {
  background-color: rgba(17, 24, 39, 0.85) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid #1F2937 !important;
}

html[data-theme="dark"] .site-header [data-row] {
  background-color: transparent !important;
  border-color: transparent !important;
}

/* Sticky Header styling */
html[data-theme="dark"] .site-header[data-sticky*="yes"] [data-row] {
  background-color: rgba(17, 24, 39, 0.95) !important;
}

/* ==========================================================================
   4. TOGGLE BUTTON (Desktop & Mobile)
   ========================================================================== */
#pc-dark-mode-toggle:not(.pc-in-header) {
  position: fixed !important;
  top: 16px !important;
  right: 65px !important;
  z-index: 9999 !important;
}

#pc-dark-mode-toggle-mobile:not(.pc-in-header) {
  position: absolute !important;
  left: -9999px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

#pc-dark-mode-toggle,
#pc-dark-mode-toggle-mobile {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  margin: 0 8px !important;
  border: none !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #94A3B8 !important;
  cursor: pointer !important;
  position: relative !important;
  overflow: hidden !important;
  outline: none !important;
  align-self: center !important;
}

#pc-dark-mode-toggle:hover,
#pc-dark-mode-toggle-mobile:hover {
  color: #F8FAFC !important;
  background-color: rgba(148, 163, 184, 0.1) !important;
}

#pc-dark-mode-toggle:focus-visible,
#pc-dark-mode-toggle-mobile:focus-visible {
  outline: 2px solid #60A5FA !important;
  outline-offset: 2px !important;
}

/* SVGs inside the toggle */
#pc-dark-mode-toggle svg,
#pc-dark-mode-toggle-mobile svg {
  display: block;
  width: 18px;
  height: 18px;
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease !important;
}

#pc-dark-mode-toggle .pc-toggle-icon,
#pc-dark-mode-toggle-mobile .pc-toggle-icon {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Toggle rotation state */
.pc-icon-moon {
  opacity: 1;
  transform: rotate(0deg) scale(1);
}

.pc-icon-sun {
  opacity: 0;
  transform: rotate(-90deg) scale(0.5);
}

html[data-theme="dark"] .pc-icon-moon {
  opacity: 0;
  transform: rotate(90deg) scale(0.5);
}

html[data-theme="dark"] .pc-icon-sun {
  opacity: 1;
  transform: rotate(0deg) scale(1);
}

/* Click animation pulse */
#pc-dark-mode-toggle.pc-animating,
#pc-dark-mode-toggle-mobile.pc-animating {
  animation: pc-pulse 0.4s ease-out;
}

@keyframes pc-pulse {
  0% { transform: scale(1); }
  50% { transform: scale(0.85); }
  100% { transform: scale(1); }
}

/* ==========================================================================
   5. HERO SECTION OVERLAY
   ========================================================================== */
html[data-theme="dark"] .hero-section,
html[data-theme="dark"] .ct-hero-section,
html[data-theme="dark"] [data-hero] {
  position: relative;
}

html[data-theme="dark"] .hero-section::after,
html[data-theme="dark"] .ct-hero-section::after,
html[data-theme="dark"] [data-hero]::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: rgba(15, 23, 42, 0.25) !important; /* Subtle 25% overlay */
  pointer-events: none !important;
  z-index: 1 !important;
}

html[data-theme="dark"] .hero-section h1,
html[data-theme="dark"] .hero-section p,
html[data-theme="dark"] .hero-section .page-description,
html[data-theme="dark"] .page-description,
html[data-theme="dark"] .ct-hero-section .page-title,
html[data-theme="dark"] .ct-hero-section .page-description {
  color: #ffffff !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important;
  position: relative !important;
  z-index: 2 !important;
}

/* ==========================================================================
   6. CARDS
   ========================================================================== */
html[data-theme="dark"] .ct-post-card,
html[data-theme="dark"] .entries article,
html[data-theme="dark"] .ct-related-posts-container article {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
  transition: transform 250ms ease !important;
}

/* Grid card spacing */
html[data-theme="dark"] .entries[data-layout="enhanced-grid"] {
  row-gap: 3rem !important;
  column-gap: 2.5rem !important;
}

/* Hover Lift */
html[data-theme="dark"] .ct-post-card:hover,
html[data-theme="dark"] .entries article:hover,
html[data-theme="dark"] .ct-related-posts-container article:hover {
  transform: translateY(-4px) !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

/* ==========================================================================
   7. SIDEBAR
   ========================================================================== */
html[data-theme="dark"] .ct-sidebar .widget {
  background-color: #182231 !important;
  border: 1px solid #2E3B52 !important;
  border-radius: 16px !important;
  padding: 24px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.20) !important;
  margin-bottom: 2.5rem !important;
}

html[data-theme="dark"] .ct-sidebar .widget-title {
  color: #F8FAFC !important;
  border-bottom: 1px solid #2E3B52 !important;
  padding-bottom: 12px !important;
  margin-bottom: 18px !important;
}

/* Sidebar and Widget Post Titles */
html[data-theme="dark"] .widget li a,
html[data-theme="dark"] .widget li a:visited,
html[data-theme="dark"] .ct-sidebar a,
html[data-theme="dark"] .ct-sidebar a:visited,
html[data-theme="dark"] .widget a,
html[data-theme="dark"] .widget a:visited,
html[data-theme="dark"] .wp-block-latest-posts li a,
html[data-theme="dark"] .wp-block-latest-posts li a:visited,
html[data-theme="dark"] .wp-block-latest-posts a,
html[data-theme="dark"] .wp-block-latest-posts a:visited,
html[data-theme="dark"] .ct-recent-posts a,
html[data-theme="dark"] .ct-recent-posts a:visited {
  color: #DFE5EC !important;
}

html[data-theme="dark"] .widget li a:hover,
html[data-theme="dark"] .widget li a:focus,
html[data-theme="dark"] .widget li a:active,
html[data-theme="dark"] .ct-sidebar a:hover,
html[data-theme="dark"] .ct-sidebar a:focus,
html[data-theme="dark"] .ct-sidebar a:active,
html[data-theme="dark"] .widget a:hover,
html[data-theme="dark"] .widget a:focus,
html[data-theme="dark"] .widget a:active,
html[data-theme="dark"] .wp-block-latest-posts li a:hover,
html[data-theme="dark"] .wp-block-latest-posts li a:focus,
html[data-theme="dark"] .wp-block-latest-posts li a:active,
html[data-theme="dark"] .wp-block-latest-posts a:hover,
html[data-theme="dark"] .wp-block-latest-posts a:focus,
html[data-theme="dark"] .wp-block-latest-posts a:active,
html[data-theme="dark"] .ct-recent-posts a:hover,
html[data-theme="dark"] .ct-recent-posts a:focus,
html[data-theme="dark"] .ct-recent-posts a:active {
  color: #FF7900 !important; /* Brand orange hover */
}

/* Sidebar and Widget Post Dates */
html[data-theme="dark"] .post-date,
html[data-theme="dark"] .wp-block-latest-posts__post-date,
html[data-theme="dark"] .ct-recent-posts time,
html[data-theme="dark"] .widget time,
html[data-theme="dark"] .widget .entry-meta,
html[data-theme="dark"] .ct-sidebar .entry-meta,
html[data-theme="dark"] .widget .ct-meta-element,
html[data-theme="dark"] .widget span.ct-meta-element {
  color: #AAAAAA !important;
}

/* ==========================================================================
   8. TYPOGRAPHY & SPACING (DARK MODE ONLY)
   ========================================================================== */
/* Headings (H1, H2, H3, H4, H5, H6) */
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] .entry-title,
html[data-theme="dark"] .entry-content h1,
html[data-theme="dark"] .entry-content h2,
html[data-theme="dark"] .entry-content h3,
html[data-theme="dark"] .entry-content h4,
html[data-theme="dark"] .entry-content h5,
html[data-theme="dark"] .entry-content h6 {
  color: #DBE1E8 !important;
}

/* Paragraphs, Lists, Blockquotes, Table Text, Figure Captions, Strong, Em, and Article Readable Content */
html[data-theme="dark"] p,
html[data-theme="dark"] ul,
html[data-theme="dark"] ol,
html[data-theme="dark"] li,
html[data-theme="dark"] blockquote,
html[data-theme="dark"] blockquote p,
html[data-theme="dark"] figcaption,
html[data-theme="dark"] .wp-caption-text,
html[data-theme="dark"] strong,
html[data-theme="dark"] b,
html[data-theme="dark"] em,
html[data-theme="dark"] i,
html[data-theme="dark"] dt,
html[data-theme="dark"] dd,
html[data-theme="dark"] .entry-content,
html[data-theme="dark"] .entry-content p,
html[data-theme="dark"] .entry-content ul,
html[data-theme="dark"] .entry-content ol,
html[data-theme="dark"] .entry-content li,
html[data-theme="dark"] .entry-content blockquote,
html[data-theme="dark"] .entry-content blockquote p,
html[data-theme="dark"] .entry-content figcaption,
html[data-theme="dark"] .entry-content strong,
html[data-theme="dark"] .entry-content b,
html[data-theme="dark"] .entry-content em,
html[data-theme="dark"] .entry-content i,
html[data-theme="dark"] .entry-content span:not([class*="ct-"]):not([class*="badge"]):not([class*="btn"]):not([class*="button"]),
html[data-theme="dark"] article,
html[data-theme="dark"] article p,
html[data-theme="dark"] article li,
html[data-theme="dark"] article blockquote,
html[data-theme="dark"] article figcaption,
html[data-theme="dark"] article strong,
html[data-theme="dark"] article em {
  color: #DBE1E8 !important;
}

html[data-theme="dark"] .entry-meta,
html[data-theme="dark"] .entry-meta a,
html[data-theme="dark"] .ct-meta-element,
html[data-theme="dark"] .ct-meta-element a,
html[data-theme="dark"] time,
html[data-theme="dark"] .entry-date,
html[data-theme="dark"] .published,
html[data-theme="dark"] .updated,
html[data-theme="dark"] .comment-metadata,
html[data-theme="dark"] .comment-metadata a,
html[data-theme="dark"] .post-date,
html[data-theme="dark"] .meta-date,
html[data-theme="dark"] .ct-meta-element-date {
  color: #AAAAAA !important;
}

/* Spacing between sections */
html[data-theme="dark"] .site-main [data-vertical-spacing="top:bottom"] {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

/* ==========================================================================
   9. LINKS & MENU NAVIGATION
   ========================================================================== */
html[data-theme="dark"] a {
  color: #60A5FA;
}

html[data-theme="dark"] a:hover {
  color: #93C5FD;
}

/* Links in article body (except buttons) */
html[data-theme="dark"] .entry-content a:not(.wp-block-button__link):not(.wp-element-button):not([class*="btn"]):not([class*="button"]):not([style*="background"]) {
  color: #FF7900 !important;
  text-decoration: underline !important;
}

html[data-theme="dark"] .entry-content a:not(.wp-block-button__link):not(.wp-element-button):not([class*="btn"]):not([class*="button"]):not([style*="background"]):hover {
  color: #ff9d42 !important;
}

/* Menu items shouldn't be blue links */
html[data-theme="dark"] .ct-menu-link,
html[data-theme="dark"] .ct-menu > li > a,
html[data-theme="dark"] header nav a {
  color: #ffffff !important;
}

html[data-theme="dark"] .ct-menu-link:hover,
html[data-theme="dark"] .ct-menu > li > a:hover,
html[data-theme="dark"] header nav a:hover,
html[data-theme="dark"] .ct-menu > li.current-menu-item > a,
html[data-theme="dark"] .ct-menu > li.current_page_item > a,
html[data-theme="dark"] .ct-menu > li.current-menu-ancestor > a {
  color: #FF7900 !important;
}

/* Card & Post titles default & visited state remain #DFE5EC */
html[data-theme="dark"] .entry-title a,
html[data-theme="dark"] .entry-title a:visited,
html[data-theme="dark"] .entry-title,
html[data-theme="dark"] .ct-post-title,
html[data-theme="dark"] .ct-post-title:visited,
html[data-theme="dark"] .ct-post-title a,
html[data-theme="dark"] .ct-post-title a:visited,
html[data-theme="dark"] .entry-card h2 a,
html[data-theme="dark"] .entry-card h2 a:visited,
html[data-theme="dark"] .entry-card h3 a,
html[data-theme="dark"] .entry-card h3 a:visited,
html[data-theme="dark"] .entry-card h4 a,
html[data-theme="dark"] .entry-card h4 a:visited,
html[data-theme="dark"] .entries article h2 a,
html[data-theme="dark"] .entries article h2 a:visited,
html[data-theme="dark"] .entries article h3 a,
html[data-theme="dark"] .entries article h3 a:visited,
html[data-theme="dark"] .entries article h4 a,
html[data-theme="dark"] .entries article h4 a:visited,
html[data-theme="dark"] .entries article a,
html[data-theme="dark"] .entries article a:visited,
html[data-theme="dark"] .wp-block-post-title,
html[data-theme="dark"] .wp-block-post-title a,
html[data-theme="dark"] .wp-block-post-title a:visited,
html[data-theme="dark"] .wp-block-latest-posts__post-title,
html[data-theme="dark"] .wp-block-latest-posts a,
html[data-theme="dark"] .wp-block-latest-posts a:visited,
html[data-theme="dark"] .ct-related-posts a,
html[data-theme="dark"] .ct-related-posts a:visited,
html[data-theme="dark"] .ct-related-posts-container a,
html[data-theme="dark"] .ct-related-posts-container a:visited,
html[data-theme="dark"] .wp-block-query .wp-block-post-title a,
html[data-theme="dark"] .wp-block-query .wp-block-post-title a:visited,
html[data-theme="dark"] .wp-block-post-template a,
html[data-theme="dark"] .wp-block-post-template a:visited,
html[data-theme="dark"] .ct-card-title a,
html[data-theme="dark"] .ct-card-title a:visited,
html[data-theme="dark"] article h2 a,
html[data-theme="dark"] article h2 a:visited,
html[data-theme="dark"] article h3 a,
html[data-theme="dark"] article h3 a:visited,
html[data-theme="dark"] article h4 a,
html[data-theme="dark"] article h4 a:visited {
  color: #DFE5EC !important;
  transition: color 0.3s ease !important;
}

/* ONLY the specific link currently being hovered, clicked, focused, or active turns orange */
html[data-theme="dark"] .entry-title a:hover,
html[data-theme="dark"] .entry-title a:focus,
html[data-theme="dark"] .entry-title a:active,
html[data-theme="dark"] .ct-post-title:hover,
html[data-theme="dark"] .ct-post-title:focus,
html[data-theme="dark"] .ct-post-title:active,
html[data-theme="dark"] .ct-post-title a:hover,
html[data-theme="dark"] .ct-post-title a:focus,
html[data-theme="dark"] .ct-post-title a:active,
html[data-theme="dark"] .entry-card h2 a:hover,
html[data-theme="dark"] .entry-card h2 a:focus,
html[data-theme="dark"] .entry-card h2 a:active,
html[data-theme="dark"] .entry-card h3 a:hover,
html[data-theme="dark"] .entry-card h3 a:focus,
html[data-theme="dark"] .entry-card h3 a:active,
html[data-theme="dark"] .entry-card h4 a:hover,
html[data-theme="dark"] .entry-card h4 a:focus,
html[data-theme="dark"] .entry-card h4 a:active,
html[data-theme="dark"] .entries article h2 a:hover,
html[data-theme="dark"] .entries article h2 a:focus,
html[data-theme="dark"] .entries article h2 a:active,
html[data-theme="dark"] .entries article h3 a:hover,
html[data-theme="dark"] .entries article h3 a:focus,
html[data-theme="dark"] .entries article h3 a:active,
html[data-theme="dark"] .entries article h4 a:hover,
html[data-theme="dark"] .entries article h4 a:focus,
html[data-theme="dark"] .entries article h4 a:active,
html[data-theme="dark"] .wp-block-post-title a:hover,
html[data-theme="dark"] .wp-block-post-title a:focus,
html[data-theme="dark"] .wp-block-post-title a:active,
html[data-theme="dark"] .wp-block-latest-posts a:hover,
html[data-theme="dark"] .wp-block-latest-posts a:focus,
html[data-theme="dark"] .wp-block-latest-posts a:active,
html[data-theme="dark"] .ct-related-posts a:hover,
html[data-theme="dark"] .ct-related-posts a:focus,
html[data-theme="dark"] .ct-related-posts a:active,
html[data-theme="dark"] .wp-block-query .wp-block-post-title a:hover,
html[data-theme="dark"] .wp-block-query .wp-block-post-title a:focus,
html[data-theme="dark"] .wp-block-query .wp-block-post-title a:active,
html[data-theme="dark"] .wp-block-post-template a:hover,
html[data-theme="dark"] .wp-block-post-template a:focus,
html[data-theme="dark"] .wp-block-post-template a:active,
html[data-theme="dark"] .ct-card-title a:hover,
html[data-theme="dark"] .ct-card-title a:focus,
html[data-theme="dark"] .ct-card-title a:active,
html[data-theme="dark"] article h2 a:hover,
html[data-theme="dark"] article h2 a:focus,
html[data-theme="dark"] article h2 a:active,
html[data-theme="dark"] article h3 a:hover,
html[data-theme="dark"] article h3 a:focus,
html[data-theme="dark"] article h3 a:active,
html[data-theme="dark"] article h4 a:hover,
html[data-theme="dark"] article h4 a:focus,
html[data-theme="dark"] article h4 a:active {
  color: #F97316 !important;
}

/* Submenu dropdown panel */
html[data-theme="dark"] .ct-menu .sub-menu,
html[data-theme="dark"] .sub-menu {
  background-color: rgba(27, 36, 51, 0.95) !important;
  border: 1px solid #2E3B52 !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35) !important;
}

/* ==========================================================================
   10. FORMS & SEARCH BOX
   ========================================================================== */
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select,
html[data-theme="dark"] .ct-search-box input,
html[data-theme="dark"] .ct-search-form input[type="search"],
html[data-theme="dark"] .wp-block-search__input {
  background-color: #111827 !important;
  border: 1px solid #334155 !important;
  border-radius: 12px !important;
  color: #CBD5E1 !important;
}

html[data-theme="dark"] input:focus,
html[data-theme="dark"] textarea:focus,
html[data-theme="dark"] .ct-search-box input:focus,
html[data-theme="dark"] .ct-search-form input[type="search"]:focus,
html[data-theme="dark"] .wp-block-search__input:focus {
  background-color: #1B2433 !important;
  border-color: #60A5FA !important;
  box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.3) !important;
  color: #F8FAFC !important;
  outline: none !important;
}

/* ==========================================================================
   11. CATEGORY LABELS
   ========================================================================== */
html[data-theme="dark"] .ct-post-category,
html[data-theme="dark"] .entry-meta .ct-post-category,
html[data-theme="dark"] a[class*="post-category"],
html[data-theme="dark"] .cat-links a,
html[data-theme="dark"] .meta-categories a,
html[data-theme="dark"] [class*="ct-term-"] {
  background-color: #FF7900 !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  border: none !important;
  padding: 4px 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  font-size: 0.72em !important;
  letter-spacing: 0.05em !important;
  display: inline-block !important;
}

html[data-theme="dark"] .ct-post-category:hover,
html[data-theme="dark"] a[class*="post-category"]:hover,
html[data-theme="dark"] .cat-links a:hover,
html[data-theme="dark"] .meta-categories a:hover,
html[data-theme="dark"] [class*="ct-term-"]:hover {
  background-color: #ff9d42 !important;
  color: #ffffff !important;
}

/* ==========================================================================
   11b. TRENDING TICKER
   ========================================================================== */
html[data-theme="dark"] .ct-trending-block,
.ct-trending-block {
  background-color: #13181E !important;
  color: #ffffff !important;
  border-top: 1px solid #2E3B52 !important;
  border-bottom: 1px solid #2E3B52 !important;
}

html[data-theme="dark"] .ct-trending-block .ct-module-title,
html[data-theme="dark"] .ct-trending-block .ct-post-title,
html[data-theme="dark"] .ct-trending-block a,
.ct-trending-block .ct-module-title,
.ct-trending-block .ct-post-title,
.ct-trending-block a {
  color: #ffffff !important;
}

html[data-theme="dark"] .ct-trending-block .ct-post-title:hover,
html[data-theme="dark"] .ct-trending-block a:hover,
.ct-trending-block .ct-post-title:hover,
.ct-trending-block a:hover {
  color: #FF7900 !important;
  text-decoration: underline !important;
}

html[data-theme="dark"] .ct-trending-block svg,
html[data-theme="dark"] .ct-trending-block .ct-arrow-prev,
html[data-theme="dark"] .ct-trending-block .ct-arrow-next,
.ct-trending-block svg,
.ct-trending-block .ct-arrow-prev,
.ct-trending-block .ct-arrow-next {
  color: #ffffff !important;
  fill: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
}

html[data-theme="dark"] .ct-trending-block time,
html[data-theme="dark"] .ct-trending-block .post-date,
.ct-trending-block time,
.ct-trending-block .post-date {
  color: #747678 !important;
}

/* ========================================================================== */

/* ==========================================================================
   11c. PAGINATION
   ========================================================================== */
html[data-theme="dark"] .ct-pagination {
  color: #DFE5EC !important;
}

html[data-theme="dark"] .ct-pagination .page-numbers {
  color: #DFE5EC !important;
}

html[data-theme="dark"] .ct-pagination a.page-numbers {
  color: #DFE5EC !important;
  border-color: #2E3B52 !important;
}

html[data-theme="dark"] .ct-pagination a.page-numbers:hover {
  color: #FF7900 !important;
  border-color: #FF7900 !important;
}

html[data-theme="dark"] .ct-pagination .page-numbers.current {
  background-color: #FF7900 !important;
  color: #ffffff !important;
  border-color: #FF7900 !important;
}

html[data-theme="dark"] .ct-pagination .page-numbers.dots {
  color: #DFE5EC !important;
  border-color: transparent !important;
}

/* Next / Prev buttons */
html[data-theme="dark"] .ct-pagination a.next,
html[data-theme="dark"] .ct-pagination a.prev {
  color: #DFE5EC !important;
  border-color: #2E3B52 !important;
}

html[data-theme="dark"] .ct-pagination a.next svg,
html[data-theme="dark"] .ct-pagination a.prev svg {
  fill: #DFE5EC !important;
  color: #DFE5EC !important;
}

html[data-theme="dark"] .ct-pagination a.next:hover,
html[data-theme="dark"] .ct-pagination a.prev:hover {
  color: #FF7900 !important;
  border-color: #FF7900 !important;
}

html[data-theme="dark"] .ct-pagination a.next:hover svg,
html[data-theme="dark"] .ct-pagination a.prev:hover svg {
  fill: #FF7900 !important;
  color: #FF7900 !important;
}

/* ==========================================================================
   11d. FOOTER LINKS
   ========================================================================== */
html[data-theme="dark"] .ct-footer a,
html[data-theme="dark"] footer a,
html[data-theme="dark"] .site-footer a {
  color: #DFE5EC !important;
}

html[data-theme="dark"] .ct-footer a:hover,
html[data-theme="dark"] footer a:hover,
html[data-theme="dark"] .site-footer a:hover {
  color: #FF7900 !important;
  text-decoration: underline !important;
}

/* ========================================================================== */

/* ==========================================================================
   12. ENTRY CONTENT ELEMENTS
   ========================================================================== */
html[data-theme="dark"] blockquote,
html[data-theme="dark"] .entry-content blockquote,
html[data-theme="dark"] .wp-block-quote {
  background-color: rgba(27, 36, 51, 0.5) !important;
  border-left: 4px solid #2872FA !important;
  border-radius: 0 12px 12px 0 !important;
  color: #DBE1E8 !important;
}

html[data-theme="dark"] pre,
html[data-theme="dark"] .wp-block-code {
  background-color: #0B1120 !important;
  border: 1px solid #1F2937 !important;
  border-radius: 12px !important;
}

html[data-theme="dark"] code {
  background-color: rgba(96, 165, 250, 0.1) !important;
  color: #60A5FA !important;
}

html[data-theme="dark"] table,
html[data-theme="dark"] .entry-content table {
  background-color: #111827 !important;
  border-color: #2E3B52 !important;
}

html[data-theme="dark"] table th,
html[data-theme="dark"] table td,
html[data-theme="dark"] .entry-content table th,
html[data-theme="dark"] .entry-content table td {
  border-color: #2E3B52 !important;
}

html[data-theme="dark"] table th,
html[data-theme="dark"] .entry-content table th {
  background-color: #111827 !important;
  color: #DBE1E8 !important;
}

html[data-theme="dark"] table td,
html[data-theme="dark"] .entry-content table td,
html[data-theme="dark"] table tr,
html[data-theme="dark"] .entry-content table tr {
  background-color: #1B2433 !important;
  color: #DBE1E8 !important;
}

html[data-theme="dark"] table tr:nth-child(even),
html[data-theme="dark"] table tr:nth-child(even) td,
html[data-theme="dark"] .entry-content table tr:nth-child(even),
html[data-theme="dark"] .entry-content table tr:nth-child(even) td {
  background-color: #151D2A !important;
}

/* ==========================================================================
   12b. BUTTONS
   ========================================================================== */
html[data-theme="dark"] .wp-block-button__link,
html[data-theme="dark"] .wp-element-button,
html[data-theme="dark"] .wp-block-button a,
html[data-theme="dark"] .button,
html[data-theme="dark"] button,
html[data-theme="dark"] input[type="submit"],
html[data-theme="dark"] input[type="button"],
html[data-theme="dark"] a[style*="background"],
html[data-theme="dark"] a[class*="btn"],
html[data-theme="dark"] a[class*="button"] {
  color: #ffffff !important;
}

html[data-theme="dark"] .wp-block-button__link:hover,
html[data-theme="dark"] .wp-element-button:hover,
html[data-theme="dark"] .wp-block-button a:hover,
html[data-theme="dark"] .button:hover,
html[data-theme="dark"] button:hover,
html[data-theme="dark"] input[type="submit"]:hover,
html[data-theme="dark"] input[type="button"]:hover,
html[data-theme="dark"] a[style*="background"]:hover,
html[data-theme="dark"] a[class*="btn"]:hover,
html[data-theme="dark"] a[class*="button"]:hover {
  color: #ffffff !important;
}

/* ==========================================================================
   13. ACCESSIBILITY & IMAGE SAFETY
   ========================================================================== */
html[data-theme="dark"] img,
html[data-theme="dark"] video,
html[data-theme="dark"] .wp-post-image,
html[data-theme="dark"] .custom-logo {
  filter: none !important;
}

/* Scrollbar customization */
html[data-theme="dark"] {
  scrollbar-color: #334155 #13181E;
}
html[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: #334155;
  border-radius: 5px;
  border: 2px solid #13181E;
}

/* ==========================================================================
   14. SIMPLE AUTHOR BOX & AFFILIATE DISCLAIMER
   ========================================================================== */
/* Simple Author Box dark overrides */
html[data-theme="dark"] .saboxplugin-wrap {
  background-color: #1B2433 !important;
  border: 1px solid #2E3B52 !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;
  padding: 20px !important;
}

html[data-theme="dark"] .saboxplugin-wrap .saboxplugin-authorname a {
  color: #F8FAFC !important;
}

html[data-theme="dark"] .saboxplugin-wrap .saboxplugin-authorname a:hover {
  color: #FF7900 !important;
}

html[data-theme="dark"] .saboxplugin-wrap .saboxplugin-desc,
html[data-theme="dark"] .saboxplugin-wrap .saboxplugin-desc p {
  color: #DBE1E8 !important;
}

html[data-theme="dark"] .saboxplugin-wrap .saboxplugin-socials {
  background-color: transparent !important;
  background: transparent !important;
  border-top: 1px solid #2E3B52 !important;
  padding-top: 12px !important;
  margin-top: 12px !important;
}

/* Ensure social icon fills look clean */
html[data-theme="dark"] .saboxplugin-socials a svg {
  fill: #AAAAAA !important;
  color: #AAAAAA !important;
}

html[data-theme="dark"] .saboxplugin-socials a:hover svg {
  fill: #FF7900 !important;
  color: #FF7900 !important;
}

/* Affiliate Disclosure dark overrides */
html[data-theme="dark"] .adp-disclosure,
html[data-theme="dark"] .adp-style-box {
  background-color: #1B2433 !important;
  border: 1px solid #2E3B52 !important;
  border-radius: 12px !important;
  padding: 16px 20px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
}

html[data-theme="dark"] .adp-disclosure .adp-text,
html[data-theme="dark"] .adp-disclosure p {
  color: #DBE1E8 !important;
}

/* Style the icon span if present */
html[data-theme="dark"] .adp-disclosure .adp-icon {
  color: #FF7900 !important;
  font-size: 1.1em !important;
  margin-right: 8px !important;
}

/* ==========================================================================
   15. CONTACT PAGE CUSTOM DESIGN STYLES
   ========================================================================== */
html[data-theme="dark"] .pro-contact-section {
  background-color: transparent !important;
  background: transparent !important;
}

html[data-theme="dark"] .pro-title {
  color: #ffffff !important;
}

html[data-theme="dark"] .pro-desc {
  color: #CBD5E1 !important;
}

html[data-theme="dark"] .info-item {
  color: #DFE5EC !important;
}

html[data-theme="dark"] .info-item a {
  color: #DFE5EC !important;
}

html[data-theme="dark"] .info-item a:hover {
  color: #FF7900 !important;
}

/* Contact form inputs inside contact section */
html[data-theme="dark"] .pro-contact-section .input-group input,
html[data-theme="dark"] .pro-contact-section .input-group textarea {
  color: #ffffff !important;
  border-bottom: 1px solid #2E3B52 !important;
}

html[data-theme="dark"] .pro-contact-section .input-group input:focus,
html[data-theme="dark"] .pro-contact-section .input-group textarea:focus {
  border-bottom: 2px solid #FF7900 !important;
}

html[data-theme="dark"] .pro-contact-section .input-group input::placeholder,
html[data-theme="dark"] .pro-contact-section .input-group textarea::placeholder {
  color: #747678 !important;
}

/* Response output message (e.g. success message background) */
html[data-theme="dark"] .wpcf7 form.sent .wpcf7-response-output {
  background-color: #1A2E1A !important;
  color: #4ade80 !important;
}

/* Social links at the bottom */
html[data-theme="dark"] .social-media-links {
  border-top: 1px solid #2E3B52 !important;
}

html[data-theme="dark"] .social-media-links a {
  color: #AAAAAA !important;
}

html[data-theme="dark"] .social-media-links a:hover {
  color: #FF7900 !important;
}

/* ==========================================================================
   16. PREMIUM BACK TO TOP BUTTON
   ========================================================================== */
.pc-back-to-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 9999;
  width: 48px;
  height: 48px;
  border-radius: 50% !important;
  background-color: #FF7900 !important;
  color: #ffffff !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.35) !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(15px) scale(0.9);
  transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),
              transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),
              background-color 0.3s ease,
              box-shadow 0.3s ease !important;
}

.pc-back-to-top svg {
  width: 20px;
  height: 20px;
  stroke: #ffffff !important;
  transition: transform 0.3s ease !important;
}

/* Shown state */
.pc-back-to-top.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

/* Hover effects */
.pc-back-to-top:hover {
  background-color: #ff9333 !important; /* Lightened brand orange */
  transform: translateY(-4px) scale(1.08) !important;
  box-shadow: 0 8px 25px rgba(255, 121, 0, 0.45) !important;
}

.pc-back-to-top:hover svg {
  transform: translateY(-2px);
}

/* Active press effect */
.pc-back-to-top:active {
  transform: translateY(0) scale(0.95) !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .pc-back-to-top {
    bottom: 20px;
    right: 20px;
    width: 42px;
    height: 42px;
  }
  .pc-back-to-top svg {
    width: 18px;
    height: 18px;
  }
}
/* ==========================================================================
   17. COLLAPSIBLE TABLE OF CONTENTS (RANK MATH)
   ========================================================================== */
#rank-math-toc {
  margin: 2.2em 0 !important;
  padding: 0 !important;
  border-radius: 14px !important; /* 12–14px rounded corners */
  overflow: hidden !important;
  transition: border-color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease !important;
  border: 1px solid rgba(226, 232, 240, 0.8) !important; /* Light mode border */
  background-color: rgba(248, 250, 252, 0.8) !important; /* Light mode background */
  backdrop-filter: blur(12px) !important; /* Glass effect */
  -webkit-backdrop-filter: blur(12px) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04) !important;
}

html[data-theme="dark"] #rank-math-toc {
  border: 1px solid rgba(46, 59, 82, 0.4) !important; /* Dark mode border */
  background-color: rgba(27, 36, 51, 0.5) !important; /* Dark mode background */
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
}

/* Header design */
#rank-math-toc h2 {
  cursor: pointer !important;
  user-select: none !important;
  margin: 0 !important;
  padding: 18px 24px !important; /* Improved spacing */
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  font-family: 'Chakra Petch', sans-serif !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border-left: 4px solid #FF7900 !important; /* Accent line */
  transition: background-color 0.3s ease, color 0.3s ease !important;
  color: #0f172a !important; /* Light mode color */
  background-color: rgba(241, 245, 249, 0.6) !important; /* Transparent light mode header */
}

html[data-theme="dark"] #rank-math-toc h2 {
  color: #ffffff !important; /* Dark mode color */
  background-color: rgba(27, 36, 51, 0.7) !important; /* Transparent dark mode header */
  border-bottom: 1px solid rgba(46, 59, 82, 0.3) !important;
}

#rank-math-toc h2:hover {
  background-color: rgba(226, 232, 240, 0.8) !important;
}

html[data-theme="dark"] #rank-math-toc h2:hover {
  background-color: rgba(36, 47, 66, 0.8) !important;
}

/* Improved expand/collapse chevron button with SVG and rotation */
#rank-math-toc h2::after {
  content: "" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  background-color: rgba(255, 121, 0, 0.08) !important; /* Accent tint background */
  border: 1.5px solid rgba(255, 121, 0, 0.15) !important;
  box-shadow: 0 2px 6px rgba(255, 121, 0, 0.04) !important;
  
  /* Modern SVG inline chevron icon pointing down */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23FF7900' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 10px !important;

  transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1), background-color 0.2s ease, border-color 0.2s ease !important;
  margin-right: 2px !important;
}

#rank-math-toc h2:hover::after {
  background-color: rgba(255, 121, 0, 0.15) !important;
  border-color: rgba(255, 121, 0, 0.3) !important;
}

#rank-math-toc.expanded h2::after {
  transform: rotate(180deg) !important; /* Smoothly point up when expanded */
}

/* Collapsible nav box */
#rank-math-toc nav {
  padding: 0 !important;
  margin: 0 !important;
}

/* Inner list margins and styles */
#rank-math-toc nav ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 20px 24px !important; /* Improved spacing */
}

#rank-math-toc nav ul li {
  position: relative !important;
  padding: 6px 0 6px 20px !important; /* Improved spacing */
  margin: 0 !important;
  list-style-type: none !important;
  transition: all 0.2s ease !important;
}

/* Modern Bullet Indicators using accent colors */
#rank-math-toc nav ul li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 14px !important; /* Aligned with first line of text */
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background-color: rgba(255, 121, 0, 0.4) !important; /* Soft accent color */
  transition: background-color 0.2s ease, transform 0.2s ease !important;
}

#rank-math-toc nav ul li:hover::before {
  background-color: #FF7900 !important;
  transform: scale(1.3) !important;
}

/* Highlight the active item bullet indicator */
#rank-math-toc nav ul li.active-item::before {
  background-color: #FF7900 !important;
  transform: scale(1.4) !important;
}

/* Indent nested sub-lists */
#rank-math-toc nav ul ul {
  margin-left: 12px !important;
  padding: 4px 0 4px 8px !important;
}

#rank-math-toc nav ul ul li::before {
  width: 4px !important;
  height: 4px !important;
  top: 15px !important;
}

/* Links color states */
#rank-math-toc nav ul li a {
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: color 0.2s ease, transform 0.2s ease !important;
  color: #475569 !important; /* Light mode link */
  border-bottom: none !important;
  display: inline-block !important;
}

html[data-theme="dark"] #rank-math-toc nav ul li a {
  color: #CBD5E1 !important; /* Dark mode link */
}

/* Hover and Active highlights matching accent colors */
#rank-math-toc nav ul li a:hover {
  color: #FF7900 !important; /* Brand orange hover on both modes */
  transform: translateX(4px) !important; /* Subtle slide animation */
  text-decoration: none !important;
  border-bottom: none !important;
}

#rank-math-toc nav ul li.active-item a,
#rank-math-toc nav ul li a.active {
  color: #FF7900 !important; /* Brand orange active state */
  font-weight: 600 !important;
}


/* ==========================================================================
   18. NON-STICKY TOP ROW & MIDDLE ROW
   ========================================================================== */
@media (min-width: 1000px) {
  [data-device="desktop"] [data-row="top"] {
    background-color: #13181E !important; /* Permanently dark */
  }

  [data-device="desktop"] [data-row="middle"] {
    position: static !important;
  }
}

@media (max-width: 999px) {
  [data-device="mobile"] [data-row="middle"] {
    position: static !important;
    background-color: #ffffff !important;
  }

  html[data-theme="dark"] [data-device="mobile"] [data-row="middle"] {
    background-color: #13181E !important;
  }
}



/* ==========================================================================
   19. PERMANENTLY DARK TOP ROW (LIGHT & DARK MODES)
   ========================================================================== */
/* Force dark appearance in both themes */
[data-device="desktop"] [data-row="top"] {
  background-color: #13181E !important;
  color: #ffffff !important;
  border-bottom: 1px solid rgba(46, 59, 82, 0.4) !important;
}

/* Social icons fills */
[data-device="desktop"] [data-row="top"] .ct-social-box a svg {
  fill: #CBD5E1 !important;
  color: #CBD5E1 !important;
  transition: fill 0.3s ease, color 0.3s ease !important;
}

[data-device="desktop"] [data-row="top"] .ct-social-box a:hover svg {
  fill: #FF7900 !important;
  color: #FF7900 !important;
}

/* Search toggle icon */
[data-device="desktop"] [data-row="top"] .ct-header-search svg {
  fill: #ffffff !important;
  stroke: #ffffff !important;
  color: #ffffff !important;
  transition: fill 0.3s ease, stroke 0.3s ease, color 0.3s ease !important;
}

[data-device="desktop"] [data-row="top"] .ct-header-search:hover svg {
  fill: #FF7900 !important;
  stroke: #FF7900 !important;
  color: #FF7900 !important;
}

/* Dark Mode switcher toggle icon */
[data-device="desktop"] [data-row="top"] #pc-dark-mode-toggle svg {
  fill: #ffffff !important;
  color: #ffffff !important;
  transition: fill 0.3s ease, color 0.3s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

[data-device="desktop"] [data-row="top"] #pc-dark-mode-toggle:hover svg {
  fill: #FF7900 !important;
  color: #FF7900 !important;
}

/* ==========================================================================
   20. ARTICLE H2 HEADINGS STYLE (DARK MODE OVERRIDE)
   ========================================================================== */
html[data-theme="dark"] .entry-content h2 {
  color: #DBE1E8 !important;
}

/* Force override on nested span tags within h2 headings */
html[data-theme="dark"] .entry-content h2 span {
  color: #DBE1E8 !important;
}

/* ==========================================================================
   21. ARTICLE H2 DECORATIVE UNDERLINE ACCENT (LIGHT & DARK MODES)
   ========================================================================== */
.entry-content h2 {
  position: relative !important;
}

.entry-content h2::after {
  content: "" !important;
  display: block !important;
  width: 90px !important;
  height: 4px !important;
  background-color: #FF7900 !important; /* Brand orange accent */
  border-radius: 2px !important; /* Rounded corners */
  margin-top: 10px !important; /* Spacing below text */
}

/* Center alignment alignment overrides for the decorative underline */
.entry-content h2.has-text-align-center::after,
.entry-content h2[style*="text-align: center"]::after,
.entry-content h2[style*="text-align:center"]::after {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Right alignment alignment overrides for the decorative underline */
.entry-content h2.has-text-align-right::after,
.entry-content h2[style*="text-align: right"]::after,
.entry-content h2[style*="text-align:right"]::after {
  margin-left: auto !important;
}