/* Combined Blog Sidebar Styling - Using extremely specific selectors */
.single-post
  .wp-block-column.qc-sidebar-column
  #blog-sidebar-block_7624782f2b2914bad3fd1a2dceb978bf.blog-sidebar,
body.single-post .wp-block-column.qc-sidebar-column .blog-sidebar,
.qc-blog-container .wp-block-column.qc-sidebar-column .blog-sidebar,
.wp-block-group.qc-blog-container
  .wp-block-column.qc-sidebar-column
  .blog-sidebar {
  /* Remove sticky positioning - let JS handle it */
  /* position: sticky; */
  /* top: 135px; */
  /* max-height: calc(100vh - 165px); */
  /* overflow-y: auto; */
  /* z-index: 1; */
  /* scrollbar-width: thin; */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.single-post
  .wp-block-column.qc-sidebar-column
  .blog-sidebar::-webkit-scrollbar,
.qc-blog-container
  .wp-block-column.qc-sidebar-column
  .blog-sidebar::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.single-post .wp-block-column.qc-sidebar-column .blog-sidebar,
.qc-blog-container .wp-block-column.qc-sidebar-column .blog-sidebar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Featured Articles Section */
.single-post
  .wp-block-column.qc-sidebar-column
  .blog-sidebar
  .blog-sidebar__featured,
.qc-blog-container
  .wp-block-column.qc-sidebar-column
  .blog-sidebar
  .blog-sidebar__featured {
  border-radius: 8px;
  padding: 1rem;
  background-color: #3ca5a9;
  color: #ffffff;
  margin-bottom: 1rem;
  width: 100%;
  box-sizing: border-box;
}

.single-post
  .wp-block-column.qc-sidebar-column
  .blog-sidebar
  .blog-sidebar__featured-title,
.qc-blog-container
  .wp-block-column.qc-sidebar-column
  .blog-sidebar
  .blog-sidebar__featured-title {
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 1rem;
  color: #ffffff;
  font-size: 1.25rem;
  text-align: left;
}

.single-post
  .wp-block-column.qc-sidebar-column
  .blog-sidebar
  .blog-sidebar__featured-list,
.qc-blog-container
  .wp-block-column.qc-sidebar-column
  .blog-sidebar
  .blog-sidebar__featured-list {
  display: flex;
  flex-direction: column;
  text-align: left;
}

.single-post
  .wp-block-column.qc-sidebar-column
  .blog-sidebar
  .blog-sidebar__featured-item,
.qc-blog-container
  .wp-block-column.qc-sidebar-column
  .blog-sidebar
  .blog-sidebar__featured-item {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  text-align: left;
}

.single-post
  .wp-block-column.qc-sidebar-column
  .blog-sidebar
  .blog-sidebar__featured-separator,
.qc-blog-container
  .wp-block-column.qc-sidebar-column
  .blog-sidebar
  .blog-sidebar__featured-separator {
  height: 1px;
  background-color: rgba(255, 255, 255, 0.25);
  margin: 0.75rem 0;
}

/* Very specific link selectors with multiple parent elements and !important to override global styles */
.single-post
  .wp-block-column.qc-sidebar-column
  .blog-sidebar
  .blog-sidebar__featured
  .blog-sidebar__featured-item
  .blog-sidebar__featured-link,
.qc-blog-container
  .wp-block-column.qc-sidebar-column
  .blog-sidebar
  .blog-sidebar__featured
  .blog-sidebar__featured-item
  .blog-sidebar__featured-link,
.wp-block-group.qc-blog-container
  .wp-block-column.qc-sidebar-column
  .blog-sidebar
  .blog-sidebar__featured
  .blog-sidebar__featured-item
  .blog-sidebar__featured-link,
.single-post
  .wp-block-group
  .wp-block-column.qc-sidebar-column
  .blog-sidebar
  .blog-sidebar__featured-link {
  color: #ffffff !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  display: block !important;
  transition: color 0.2s ease !important;
  line-height: 1.4 !important;
  font-size: 1.1rem !important;
  padding: 0.25rem 0 !important;
  text-align: left !important;
  border-bottom: none !important;
  background-image: none !important;
  background-color: transparent !important;
}

.single-post
  .wp-block-column.qc-sidebar-column
  .blog-sidebar
  .blog-sidebar__featured
  .blog-sidebar__featured-item
  .blog-sidebar__featured-link:hover,
.qc-blog-container
  .wp-block-column.qc-sidebar-column
  .blog-sidebar
  .blog-sidebar__featured
  .blog-sidebar__featured-item
  .blog-sidebar__featured-link:hover,
.wp-block-group.qc-blog-container
  .wp-block-column.qc-sidebar-column
  .blog-sidebar
  .blog-sidebar__featured
  .blog-sidebar__featured-item
  .blog-sidebar__featured-link:hover,
.single-post
  .wp-block-group
  .wp-block-column.qc-sidebar-column
  .blog-sidebar
  .blog-sidebar__featured-link:hover {
  color: #fe8144 !important;
  text-decoration: none !important;
  border-bottom: none !important;
  background-image: none !important;
  background-color: transparent !important;
}

/* CTA Section */
.single-post
  .wp-block-column.qc-sidebar-column
  .blog-sidebar
  .blog-sidebar__cta,
.qc-blog-container
  .wp-block-column.qc-sidebar-column
  .blog-sidebar
  .blog-sidebar__cta {
  border-radius: 8px;
  padding: 1rem;
  background-color: #3ca5aa;
  color: #ffffff;
  width: 100%;
  box-sizing: border-box;
}

.single-post
  .wp-block-column.qc-sidebar-column
  .blog-sidebar
  .blog-sidebar__cta-heading,
.qc-blog-container
  .wp-block-column.qc-sidebar-column
  .blog-sidebar
  .blog-sidebar__cta-heading {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 1.25rem;
  color: #ffffff;
  text-align: left;
}

.single-post
  .wp-block-column.qc-sidebar-column
  .blog-sidebar
  .blog-sidebar__cta-heading
  strong,
.qc-blog-container
  .wp-block-column.qc-sidebar-column
  .blog-sidebar
  .blog-sidebar__cta-heading
  strong {
  font-weight: 700;
}

.single-post
  .wp-block-column.qc-sidebar-column
  .blog-sidebar
  .blog-sidebar__cta-button-container,
.qc-blog-container
  .wp-block-column.qc-sidebar-column
  .blog-sidebar
  .blog-sidebar__cta-button-container {
  display: flex;
  justify-content: flex-start;
}

/* Extra specific button styles with !important flags */
.single-post
  .wp-block-column.qc-sidebar-column
  .blog-sidebar
  .blog-sidebar__cta
  .blog-sidebar__cta-button-container
  .blog-sidebar__cta-button,
.qc-blog-container
  .wp-block-column.qc-sidebar-column
  .blog-sidebar
  .blog-sidebar__cta
  .blog-sidebar__cta-button-container
  .blog-sidebar__cta-button,
.wp-block_group.qc-blog-container
  .wp-block-column.qc-sidebar-column
  .blog-sidebar
  .blog-sidebar__cta
  .blog-sidebar__cta-button,
.single-post
  #blog-sidebar-block_7624782f2b2914bad3fd1a2dceb978bf
  .blog-sidebar__cta-button {
  display: inline-block !important;
  background-color: #fe8144 !important;
  color: #ffffff !important;
  padding: 0.75rem 1.5rem !important;
  border-radius: 50px !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  font-size: 1rem !important;
  border: 2px solid #fe8144 !important;
  transition: all 0.3s ease !important;
  text-align: center !important;
  box-shadow: none !important;
  background-image: none !important;
}

.single-post
  .wp-block-column.qc-sidebar-column
  .blog-sidebar
  .blog-sidebar__cta
  .blog-sidebar__cta-button-container
  .blog-sidebar__cta-button:hover,
.qc-blog-container
  .wp-block-column.qc-sidebar-column
  .blog-sidebar
  .blog-sidebar__cta
  .blog-sidebar__cta-button-container
  .blog-sidebar__cta-button:hover,
.wp-block_group.qc-blog-container
  .wp-block-column.qc-sidebar-column
  .blog-sidebar
  .blog-sidebar__cta
  .blog-sidebar__cta-button:hover,
.single-post
  #blog-sidebar-block_7624782f2b2914bad3fd1a2dceb978bf
  .blog-sidebar__cta-button:hover {
  background-color: transparent !important;
  color: #fe8144 !important;
  border: 2px solid #fe8144 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Responsive adjustments */
@media (max-width: 1024px) {
  /* Disable sticky behavior on tablets and below */
  .single-post .wp-block-column.qc-sidebar-column,
  .qc-blog-container .wp-block-column.qc-sidebar-column,
  .single-post .wp-block-column.qc-sidebar-column .blog-sidebar,
  .qc-blog-container .wp-block-column.qc-sidebar-column .blog-sidebar {
    position: relative !important;
    top: auto !important;
    max-height: none !important;
    overflow-y: visible !important;
    margin-top: 0 !important;
    width: 100% !important;
  }

  /* Mobile container for sidebar */
  .mobile-sidebar-container {
    width: 100%;
    margin-bottom: 2rem;
    order: 2 !important;
  }

  /* Make sure sidebar takes full width on mobile */
  .mobile-sidebar-container .wp-block-column {
    flex-basis: 100% !important;
    width: 100% !important;
  }

  /* Force recent posts to be below sidebar */
  .wp-block-group[style*="margin-top:3rem"] {
    order: 3 !important;
  }

  /* Prevent any flickering with hardware acceleration */
  .blog-sidebar {
    transform: translateZ(0);
    backface-visibility: hidden;
    will-change: transform;
  }

  /* Center CTA button on tablet */
  .single-post
    .wp-block-column.qc-sidebar-column
    .blog-sidebar
    .blog-sidebar__cta-button-container,
  .qc-blog-container
    .wp-block-column.qc-sidebar-column
    .blog-sidebar
    .blog-sidebar__cta-button-container,
  .blog-sidebar .blog-sidebar__cta-button-container {
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
  }

  .single-post
    .wp-block-column.qc-sidebar-column
    .blog-sidebar
    .blog-sidebar__cta-button,
  .qc-blog-container
    .wp-block-column.qc-sidebar-column
    .blog-sidebar
    .blog-sidebar__cta-button,
  .blog-sidebar .blog-sidebar__cta-button {
    text-align: center !important;
    margin: 0 auto !important;
  }
}

/* Fix for WordPress default column breakpoint */
@media (max-width: 1024px) and (min-width: 782px) {
  /* Force single column layout on tablets above the WordPress breakpoint */
  .single-post .wp-block-columns.qc-blog-responsive-columns,
  .qc-blog-container .wp-block-columns.qc-blog-responsive-columns {
    flex-wrap: wrap !important;
  }

  .single-post .wp-block-columns.qc-blog-responsive-columns .wp-block-column,
  .qc-blog-container
    .wp-block-columns.qc-blog-responsive-columns
    .wp-block-column {
    flex-basis: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .single-post
    .wp-block-columns.qc-blog-responsive-columns
    .qc-main-content-column,
  .qc-blog-container
    .wp-block-columns.qc-blog-responsive-columns
    .qc-main-content-column {
    margin-bottom: 2rem !important;
  }

  /* Force ordering of columns */
  .single-post .wp-block-columns.qc-blog-responsive-columns,
  .qc-blog-container .wp-block-columns.qc-blog-responsive-columns {
    display: flex !important;
    flex-direction: column !important;
  }

  .single-post
    .wp-block-columns.qc-blog-responsive-columns
    .qc-main-content-column,
  .qc-blog-container
    .wp-block-columns.qc-blog-responsive-columns
    .qc-main-content-column {
    order: 1 !important;
  }

  .single-post .wp-block-columns.qc-blog-responsive-columns .qc-sidebar-column,
  .qc-blog-container
    .wp-block-columns.qc-blog-responsive-columns
    .qc-sidebar-column {
    order: 2 !important;
  }
}

/* Eliminate any potential conflict with Elementor by completely isolating our styles */
/* Define CSS custom properties to ensure we control these values */
.single-post .wp-block-column.qc-sidebar-column .blog-sidebar,
.qc-blog-container .wp-block-column.qc-sidebar-column .blog-sidebar {
  --qc-sidebar-background-color: #3ca5a9;
  --qc-sidebar-text-color: #ffffff;
  --qc-sidebar-button-color: #fe8144;
  --qc-sidebar-link-hover-color: #fe8144;
}

/* Remove any global Elementor selectors that could leak into footer */
/* Instead, use only direct parent references combined with class selectors */
.elementor:not(.single-post) .blog-sidebar__featured-link,
.elementor:not(.qc-blog-container) .blog-sidebar__featured-link,
.elementor:not(.wp-block-group) .blog-sidebar__featured-link,
.elementor-widget-container:not(.wp-block-column) .blog-sidebar__featured-link {
  /* Intentionally empty to override global styles without affecting our sidebar */
}

/* Styles for our links inside Elementor context, but only in blog posts */
.single-post
  .wp-block-column.qc-sidebar-column
  .elementor
  .blog-sidebar__featured-link,
.single-post
  .wp-block-column.qc-sidebar-column
  .elementor-widget-container
  .blog-sidebar__featured-link,
.qc-blog-container
  .wp-block-column.qc-sidebar-column
  .elementor
  .blog-sidebar__featured-link,
.qc-blog-container
  .wp-block-column.qc-sidebar-column
  .elementor-widget-container
  .blog-sidebar__featured-link {
  color: #ffffff !important;
  text-decoration: none !important;
}

.single-post
  .wp-block-column.qc-sidebar-column
  .elementor
  .blog-sidebar__featured-link:hover,
.single-post
  .wp-block-column.qc-sidebar_column
  .elementor-widget-container
  .blog-sidebar__featured-link:hover,
.qc-blog-container
  .wp-block-column.qc-sidebar-column
  .elementor
  .blog-sidebar__featured-link:hover,
.qc-blog-container
  .wp-block-column.qc-sidebar_column
  .elementor-widget-container
  .blog-sidebar__featured-link:hover {
  color: #fe8144 !important;
}

.single-post
  .wp-block-column.qc-sidebar-column
  .elementor
  .blog-sidebar__cta-button,
.single-post
  .wp-block-column.qc-sidebar-column
  .elementor-widget-container
  .blog-sidebar__cta-button,
.qc-blog-container
  .wp-block-column.qc-sidebar-column
  .elementor
  .blog-sidebar__cta-button,
.qc-blog-container
  .wp-block-column.qc-sidebar-column
  .elementor-widget-container
  .blog-sidebar__cta-button {
  color: #ffffff !important;
  text-decoration: none !important;
}

/* Responsive adjustments for CTA button */
@media (max-width: 1024px) {
  /* Center the CTA button on tablet */
  .single-post
    .wp-block-column.qc-sidebar-column
    .blog-sidebar
    .blog-sidebar__cta-button-container,
  .qc-blog-container
    .wp-block-column.qc-sidebar-column
    .blog-sidebar
    .blog-sidebar__cta-button-container,
  .blog-sidebar .blog-sidebar__cta-button-container {
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
  }

  .single-post
    .wp-block-column.qc-sidebar-column
    .blog-sidebar
    .blog-sidebar__cta-button,
  .qc-blog-container
    .wp-block-column.qc-sidebar-column
    .blog-sidebar
    .blog-sidebar__cta-button,
  .blog-sidebar .blog-sidebar__cta-button {
    text-align: center !important;
    margin: 0 auto !important;
  }
}

@media (max-width: 767px) {
  /* Ensure absolutely no flicker on mobile */
  .single-post .wp-block-column.qc-sidebar-column,
  .qc-blog-container .wp-block-column.qc-sidebar-column {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    position: static !important;
  }

  /* Additional mobile-specific styles */
  .blog-sidebar {
    position: static !important;
    transform: none !important;
  }

  /* Full width centered CTA button on mobile */
  .single-post
    .wp-block-column.qc-sidebar-column
    .blog-sidebar
    .blog-sidebar__cta-button,
  .qc-blog-container
    .wp-block-column.qc-sidebar-column
    .blog-sidebar
    .blog-sidebar__cta-button,
  .blog-sidebar .blog-sidebar__cta-button {
    width: 100% !important;
    max-width: 280px !important;
    box-sizing: border-box !important;
    display: block !important;
  }
}

/* Eliminate any potential conflict with Elementor by completely isolating our styles */
/* Define CSS custom properties to ensure we control these values */
.single-post .wp-block-column.qc-sidebar-column .blog-sidebar,
.qc-blog-container .wp-block-column.qc-sidebar-column .blog-sidebar {
  --qc-sidebar-background-color: #3ca5a9;
  --qc-sidebar-text-color: #ffffff;
  --qc-sidebar-button-color: #fe8144;
  --qc-sidebar-link-hover-color: #fe8144;
}

/* Remove any global Elementor selectors that could leak into footer */
/* Instead, use only direct parent references combined with class selectors */
.elementor:not(.single-post) .blog-sidebar__featured-link,
.elementor:not(.qc-blog-container) .blog-sidebar__featured-link,
.elementor:not(.wp-block-group) .blog-sidebar__featured-link,
.elementor-widget-container:not(.wp-block-column) .blog-sidebar__featured-link {
  /* Intentionally empty to override global styles without affecting our sidebar */
}

/* Styles for our links inside Elementor context, but only in blog posts */
.single-post
  .wp-block-column.qc-sidebar-column
  .elementor
  .blog-sidebar__featured-link,
.single-post
  .wp-block-column.qc-sidebar-column
  .elementor-widget-container
  .blog-sidebar__featured-link,
.qc-blog-container
  .wp-block-column.qc-sidebar-column
  .elementor
  .blog-sidebar__featured-link,
.qc-blog-container
  .wp-block-column.qc-sidebar-column
  .elementor-widget-container
  .blog-sidebar__featured-link {
  color: #ffffff !important;
  text-decoration: none !important;
}

.single-post
  .wp-block-column.qc-sidebar-column
  .elementor
  .blog-sidebar__featured-link:hover,
.single-post
  .wp-block-column.qc-sidebar_column
  .elementor-widget-container
  .blog-sidebar__featured-link:hover,
.qc-blog-container
  .wp-block-column.qc-sidebar-column
  .elementor
  .blog-sidebar__featured-link:hover,
.qc-blog-container
  .wp-block-column.qc-sidebar_column
  .elementor-widget-container
  .blog-sidebar__featured-link:hover {
  color: #fe8144 !important;
}

.single-post
  .wp-block-column.qc-sidebar-column
  .elementor
  .blog-sidebar__cta-button,
.single-post
  .wp-block-column.qc-sidebar-column
  .elementor-widget-container
  .blog-sidebar__cta-button,
.qc-blog-container
  .wp-block-column.qc-sidebar-column
  .elementor
  .blog-sidebar__cta-button,
.qc-blog-container
  .wp-block-column.qc-sidebar-column
  .elementor-widget-container
  .blog-sidebar__cta-button {
  color: #ffffff !important;
  text-decoration: none !important;
}

/* Responsive adjustments for CTA button */
@media (max-width: 1024px) {
  /* Center the CTA button on tablet */
  .single-post
    .wp-block-column.qc-sidebar-column
    .blog-sidebar
    .blog-sidebar__cta-button-container,
  .qc-blog-container
    .wp-block-column.qc-sidebar-column
    .blog-sidebar
    .blog-sidebar__cta-button-container,
  .blog-sidebar .blog-sidebar__cta-button-container {
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
  }

  .single-post
    .wp-block-column.qc-sidebar-column
    .blog-sidebar
    .blog-sidebar__cta-button,
  .qc-blog-container
    .wp-block-column.qc-sidebar-column
    .blog-sidebar
    .blog-sidebar__cta-button,
  .blog-sidebar .blog-sidebar__cta-button {
    text-align: center !important;
    margin: 0 auto !important;
  }
}

@media (max-width: 767px) {
  /* Full width centered CTA button on mobile */
  .single-post
    .wp-block-column.qc-sidebar-column
    .blog-sidebar
    .blog-sidebar__cta-button,
  .qc-blog-container
    .wp-block-column.qc-sidebar-column
    .blog-sidebar
    .blog-sidebar__cta-button,
  .blog-sidebar .blog-sidebar__cta-button {
    width: 100% !important;
    max-width: 280px !important;
    box-sizing: border-box !important;
    display: block !important;
  }
}