/*
 * Neon Nightlife Dark Theme - Choicy Custom Override
 * Style: Dark Listing Website | Masonry/Grid Card Layout | Neon Nightlife Aesthetics
 */

/* =============================================
   1. CSS VARIABLES - NEON PALETTE
   ============================================= */
:root {
  /* Override màu cam gốc của Choicy theme */
  --chy-pr-2: #a249ed;   /* was #ee4619 (cam đỏ) → neon purple */
  --chy-pr-4: #00f0ff;   /* was #f28541 (cam vàng) → neon cyan */
  --chy-pr-1: #a249ed;   /* giữ purple */
  --chy-h1-color: #e8eaf6;
  --chy-h2-color: #c5c9e0;
  --chy-p1-color: #9ba3c0;

  /* Neon palette */
  --neon-bg-deep:    #080b12;
  --neon-bg-card:    #0e1220;
  --neon-bg-card-2:  #111827;
  --neon-border:     rgba(162, 73, 237, 0.25);
  --neon-border-hot: rgba(0, 240, 255, 0.5);

  --neon-pink:   #ff2d78;
  --neon-cyan:   #00f0ff;
  --neon-purple: #a249ed;
  --neon-green:  #27f67a;
  --neon-yellow: #f5e642;

  --neon-glow-pink:   0 0 8px #ff2d78, 0 0 20px rgba(255,45,120,0.4);
  --neon-glow-cyan:   0 0 8px #00f0ff, 0 0 20px rgba(0,240,255,0.4);
  --neon-glow-purple: 0 0 8px #a249ed, 0 0 20px rgba(162,73,237,0.4);
  --neon-glow-green:  0 0 8px #27f67a, 0 0 20px rgba(39,246,122,0.4);

  --neon-text-primary:   #e8eaf6;
  --neon-text-secondary: #9ba3c0;
  --neon-text-muted:     #5a6280;

  --neon-font: 'Urbanist', sans-serif;
}

/* =============================================
   2. GLOBAL DARK BASE
   ============================================= */
body,
.tx-blog-area,
.blog-page-area,
.shop,
.woocommerce,
.page-wrapper {
  background-color: var(--neon-bg-deep) !important;
  color: var(--neon-text-primary) !important;
}

/* Scanline texture overlay on body */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  background-image: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 2px,
    rgba(0, 0, 0, 0.08) 2px,
    rgba(0, 0, 0, 0.08) 4px
  );
  pointer-events: none;
  z-index: 9999;
  opacity: 0.4;
}

/* =============================================
   3. HEADER - DARK GLASS
   ============================================= */
.tx-header,
.txSticky-header,
.tx-DefaultHeader {
  background: rgba(8, 11, 18, 0.92) !important;
  backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid var(--neon-border) !important;
  box-shadow: 0 2px 30px rgba(162, 73, 237, 0.15) !important;
}

.txSticky-header {
  background: rgba(8, 11, 18, 0.97) !important;
}

/* Nav links */
.chy-main-menu-1 .main-navigation .navbar-nav li a,
.tx-DefaultHeader .chy-main-menu-1 .main-navigation li a {
  color: var(--neon-text-secondary) !important;
  transition: color 0.3s, text-shadow 0.3s !important;
}

.chy-main-menu-1 .main-navigation .navbar-nav li a:hover,
.chy-main-menu-1 .main-navigation .navbar-nav li.current-menu-item > a {
  color: var(--neon-cyan) !important;
  text-shadow: var(--neon-glow-cyan) !important;
}

/* Logo glow */
.tx-header .site-logo img,
.tx-header .custom-logo {
  filter: drop-shadow(0 0 8px rgba(162, 73, 237, 0.6));
}

/* =============================================
   4. BREADCRUMB
   ============================================= */

/* Giữ nguyên background-image, chỉ tối overlay lại theo neon */
.tx-breadcrumb,
.tx-breadcrumb-area {
  border-bottom: 1px solid var(--neon-border) !important;
  /* KHÔNG override background-color để giữ ảnh nền */
}

/* Overlay tối hơn, tông neon thay vì #141515 thuần */
.has-breadcrumb-overlay::after {
  background: linear-gradient(135deg, rgba(8,11,18,0.75) 0%, rgba(30,10,50,0.7) 100%) !important;
  opacity: 1 !important;
}

/* Breadcrumb pill container */
.breadcrumb-list {
  border-color: var(--neon-purple) !important;
  background: rgba(162, 73, 237, 0.12) !important;
  backdrop-filter: blur(10px) !important;
}

/* Links & separators */
.breadcrumb-list a,
.breadcrumb-list span {
  color: rgba(255,255,255,0.85) !important;
}

.breadcrumb-list a:hover {
  color: var(--neon-cyan) !important;
  text-shadow: var(--neon-glow-cyan) !important;
}

/* Arrow separator màu neon thay vì cam */
.breadcrumb-list a::before {
  color: var(--neon-purple) !important;
}

/* Current page (span cuối) */
.breadcrumb-list span:last-child,
.breadcrumb-list .taBcrumb-end a,
.breadcrumb-list .taBcrumb-end span {
  color: var(--neon-cyan) !important;
  text-shadow: var(--neon-glow-cyan) !important;
}

/* =============================================
   5. BLOG LISTING - GRID CARD LAYOUT
   ============================================= */

/* Switch blog wrapper to CSS Grid */
.blog__wrapper.blog-page-item-wrap {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)) !important;
  gap: 28px !important;
  margin-top: 0 !important;
}

/* Remove old stacked layout spacing */
.blog__wrapper.blog-page-item-wrap .tx-blog-box {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

/* =============================================
   6. BLOG CARD - NEON DARK STYLE
   ============================================= */
.blog-page-item,
.tx-blog-box.blog-page-item {
  background: var(--neon-bg-card) !important;
  border: 1px solid var(--neon-border) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  padding: 0 !important;
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important;
  position: relative;
}

/* Neon top-edge accent line */
.blog-page-item::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--neon-purple), var(--neon-cyan), var(--neon-pink));
  opacity: 0;
  transition: opacity 0.35s ease;
  z-index: 2;
}

.blog-page-item:hover::before {
  opacity: 1;
}

.blog-page-item:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 8px 40px rgba(162, 73, 237, 0.3), 0 0 0 1px rgba(0, 240, 255, 0.2) !important;
  border-color: rgba(0, 240, 255, 0.35) !important;
}

/* Thumbnail */
.blog-page-item .tx-thumb,
.blog-page-item .main-img {
  border-radius: 0 !important;
  height: 220px !important;
  overflow: hidden !important;
  position: relative;
}

.blog-page-item .tx-thumb::after,
.blog-page-item .main-img::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, transparent 40%, rgba(8, 11, 18, 0.85) 100%);
  z-index: 1;
}

.blog-page-item .tx-thumb img,
.blog-page-item .main-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.5s ease !important;
  filter: brightness(0.85) saturate(1.1);
}

.blog-page-item:hover .tx-thumb img,
.blog-page-item:hover .main-img img {
  transform: scale(1.08) !important;
  filter: brightness(1) saturate(1.3);
}

/* Card content padding */
.blog-page-item .tx-content,
.blog-page-item .tx-blogDetails-box__wrapper {
  padding: 22px 24px 24px !important;
}

/* Meta bar */
.blog-page-item .meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px 16px !important;
  padding: 14px 24px !important;
  border-bottom: 1px solid rgba(162, 73, 237, 0.15) !important;
  margin-bottom: 0 !important;
  background: rgba(162, 73, 237, 0.05);
}

.blog-page-item .meta span,
.blog-page-item .meta .author {
  color: var(--neon-text-muted) !important;
  font-size: 13px !important;
}

.blog-page-item .meta span i {
  color: var(--neon-purple) !important;
  margin-right: 5px !important;
}

/* Title */
.blog-page-item .title,
.blog-page-item .tx-title {
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  margin-bottom: 12px !important;
  color: var(--neon-text-primary) !important;
}

.blog-page-item .title a,
.blog-page-item .tx-title a {
  color: var(--neon-text-primary) !important;
  transition: color 0.3s, text-shadow 0.3s !important;
}

.blog-page-item .title a:hover,
.blog-page-item .tx-title a:hover {
  color: var(--neon-cyan) !important;
  text-shadow: var(--neon-glow-cyan) !important;
}

/* Excerpt */
.blog-page-item .tx-excerpt,
.blog-page-item .disc {
  color: var(--neon-text-secondary) !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  margin-bottom: 18px !important;
}

/* Read More button */
.blog-page-item .chy-pr-btn-1 {
  background: transparent !important;
  border: 1px solid var(--neon-purple) !important;
  color: var(--neon-purple) !important;
  border-radius: 8px !important;
  padding: 10px 22px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  transition: all 0.3s ease !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.blog-page-item .chy-pr-btn-1::after {
  display: none !important;
}

.blog-page-item .chy-pr-btn-1:hover {
  background: var(--neon-purple) !important;
  color: #fff !important;
  box-shadow: var(--neon-glow-purple) !important;
}

/* =============================================
   7. WOOCOMMERCE PRODUCT GRID - NEON CARDS
   ============================================= */
.products.columns-4,
.products.columns-3,
ul.products {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
  gap: 24px !important;
}

ul.products li.product,
.woocommerce ul.products li.product {
  background: var(--neon-bg-card) !important;
  border: 1px solid var(--neon-border) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  transition: transform 0.35s ease, box-shadow 0.35s ease !important;
  position: relative;
}

ul.products li.product::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--neon-pink), var(--neon-purple), var(--neon-cyan));
  opacity: 0;
  transition: opacity 0.35s;
  z-index: 2;
}

ul.products li.product:hover::before { opacity: 1; }

ul.products li.product:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 8px 40px rgba(255, 45, 120, 0.25), 0 0 0 1px rgba(162, 73, 237, 0.3) !important;
}

.product--img,
ul.products li.product .woocommerce-loop-product__link img {
  width: 100% !important;
  height: 220px !important;
  object-fit: cover !important;
  display: block !important;
  filter: brightness(0.9) saturate(1.1);
  transition: transform 0.5s ease, filter 0.5s ease !important;
}

ul.products li.product:hover .woocommerce-loop-product__link img {
  transform: scale(1.06) !important;
  filter: brightness(1) saturate(1.3) !important;
}

.product--holder,
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product .price {
  padding: 0 18px !important;
  color: var(--neon-text-primary) !important;
}

ul.products li.product .woocommerce-loop-product__title {
  font-size: 16px !important;
  font-weight: 700 !important;
  padding-top: 16px !important;
  color: var(--neon-text-primary) !important;
}

ul.products li.product .price {
  color: var(--neon-cyan) !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  text-shadow: var(--neon-glow-cyan) !important;
  padding-bottom: 16px !important;
}

ul.products li.product .button,
ul.products li.product .add_to_cart_button {
  margin: 0 18px 18px !important;
  background: transparent !important;
  border: 1px solid var(--neon-pink) !important;
  color: var(--neon-pink) !important;
  border-radius: 8px !important;
  padding: 10px 20px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
  display: block !important;
  text-align: center !important;
}

ul.products li.product .button:hover {
  background: var(--neon-pink) !important;
  color: #fff !important;
  box-shadow: var(--neon-glow-pink) !important;
}

/* =============================================
   8. SIDEBAR
   ============================================= */
.tx-sidebarWrapper,
.widget,
.sidebar-box-wrap {
  background: var(--neon-bg-card) !important;
  border: 1px solid var(--neon-border) !important;
  border-radius: 16px !important;
  padding: 24px !important;
  color: var(--neon-text-primary) !important;
}

.widget-title,
.sidebar-title {
  color: var(--neon-text-primary) !important;
  border-bottom: 1px solid var(--neon-border) !important;
  padding-bottom: 12px !important;
  margin-bottom: 18px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}

.widget-title::after {
  background: var(--neon-purple) !important;
  box-shadow: var(--neon-glow-purple) !important;
}

/* Sidebar links */
.widget a,
.sidebar-category li a {
  color: var(--neon-text-secondary) !important;
  transition: color 0.3s !important;
}

.widget a:hover,
.sidebar-category li a:hover {
  color: var(--neon-cyan) !important;
  text-shadow: var(--neon-glow-cyan) !important;
}

/* Tags */
.tagcloud a,
.sidebar-tag a {
  background: rgba(162, 73, 237, 0.1) !important;
  border: 1px solid var(--neon-border) !important;
  color: var(--neon-text-secondary) !important;
  border-radius: 6px !important;
}

.tagcloud a:hover,
.sidebar-tag a:hover {
  background: var(--neon-purple) !important;
  border-color: var(--neon-purple) !important;
  color: #fff !important;
  box-shadow: var(--neon-glow-purple) !important;
}

/* Search input */
.widget_search input[type="search"],
.sidebar-search input {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid var(--neon-border) !important;
  color: var(--neon-text-primary) !important;
  border-radius: 8px !important;
}

.widget_search input[type="search"]:focus {
  border-color: var(--neon-cyan) !important;
  box-shadow: 0 0 0 2px rgba(0, 240, 255, 0.15) !important;
  outline: none !important;
}

/* =============================================
   9. PAGINATION
   ============================================= */
.page-next-prev-btn a,
.page-next-prev-btn span,
.tx-pagination a,
.tx-pagination span {
  background: var(--neon-bg-card) !important;
  border: 1px solid var(--neon-border) !important;
  color: var(--neon-text-secondary) !important;
  border-radius: 8px !important;
  transition: all 0.3s ease !important;
}

.page-next-prev-btn a:hover,
.page-next-prev-btn button.active,
.page-next-prev-btn span.current,
.tx-pagination a:hover {
  background: var(--neon-purple) !important;
  border-color: var(--neon-purple) !important;
  color: #fff !important;
  box-shadow: var(--neon-glow-purple) !important;
}

/* =============================================
   10. FOOTER
   ============================================= */
.tx-footer,
footer {
  background: #060810 !important;
  border-top: 1px solid var(--neon-border) !important;
  color: var(--neon-text-secondary) !important;
}

.tx-footer a {
  color: var(--neon-text-secondary) !important;
  transition: color 0.3s !important;
}

.tx-footer a:hover {
  color: var(--neon-cyan) !important;
  text-shadow: var(--neon-glow-cyan) !important;
}

.tx-footer .footer-title,
.tx-footer .widget-title {
  color: var(--neon-text-primary) !important;
}

/* Footer bottom bar */
.tx-footer-bottom,
.footer-bottom {
  border-top: 1px solid rgba(162, 73, 237, 0.15) !important;
  background: rgba(0, 0, 0, 0.3) !important;
}

/* =============================================
   11. SECTION TITLES & HEADINGS
   ============================================= */
h1, h2, h3, h4, h5, h6,
.chy-heading-1,
.tx-title {
  color: var(--neon-text-primary) !important;
}

.chy-subtitle-1 {
  color: var(--neon-purple) !important;
}

p, .chy-para-1 {
  color: var(--neon-text-secondary) !important;
}

/* =============================================
   12. BUTTONS - GLOBAL NEON STYLE
   ============================================= */
.chy-pr-btn-1,
.tx-button,
button[type="submit"] {
  background: transparent !important;
  border: 1px solid var(--neon-purple) !important;
  color: var(--neon-purple) !important;
  border-radius: 8px !important;
  transition: all 0.3s ease !important;
}

.chy-pr-btn-1:hover,
.tx-button:hover,
button[type="submit"]:hover {
  background: var(--neon-purple) !important;
  color: #fff !important;
  box-shadow: var(--neon-glow-purple) !important;
}

/* =============================================
   13. FORMS & INPUTS
   ============================================= */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
textarea,
select,
.nice-select {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid var(--neon-border) !important;
  color: var(--neon-text-primary) !important;
  border-radius: 8px !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--neon-cyan) !important;
  box-shadow: 0 0 0 2px rgba(0, 240, 255, 0.12) !important;
  outline: none !important;
}

input::placeholder,
textarea::placeholder {
  color: var(--neon-text-muted) !important;
}

/* =============================================
   14. WOOCOMMERCE TOOLBAR
   ============================================= */
.woocommerce-toolbar-top,
.woocommerce-ordering select,
.woocommerce-result-count {
  color: var(--neon-text-secondary) !important;
}

.woocommerce-ordering select {
  background: var(--neon-bg-card) !important;
  border: 1px solid var(--neon-border) !important;
  color: var(--neon-text-primary) !important;
}

/* Sale badge */
.onsale,
.woocommerce span.onsale {
  background: var(--neon-pink) !important;
  box-shadow: var(--neon-glow-pink) !important;
  border-radius: 6px !important;
}

/* =============================================
   15. NEON GLOW ANIMATIONS
   ============================================= */
@keyframes neon-pulse {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0.6; }
}

@keyframes neon-border-flow {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Subtle ambient glow on section backgrounds */
.tx-blog-area::before,
.shop::before {
  content: '';
  position: fixed;
  top: -200px;
  left: 50%;
  transform: translateX(-50%);
  width: 600px;
  height: 400px;
  background: radial-gradient(ellipse, rgba(162, 73, 237, 0.08) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}

/* =============================================
   16. SCROLLBAR
   ============================================= */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: var(--neon-bg-deep);
}

::-webkit-scrollbar-thumb {
  background: var(--neon-purple);
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--neon-cyan);
  box-shadow: var(--neon-glow-cyan);
}

/* =============================================
   17. RESPONSIVE ADJUSTMENTS
   ============================================= */
@media (max-width: 991px) {
  .blog__wrapper.blog-page-item-wrap {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 20px !important;
  }

  ul.products {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
    gap: 18px !important;
  }
}

@media (max-width: 575px) {
  .blog__wrapper.blog-page-item-wrap {
    grid-template-columns: 1fr !important;
  }

  ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 14px !important;
  }
}

/* =============================================
   18. OFFCANVAS / MOBILE MENU
   ============================================= */
.offcanvas__area,
.tx-sideInfoWrapper {
  background: #0a0d18 !important;
  border-left: 1px solid var(--neon-border) !important;
}

.offcanvas__area .offcanvas__menu li a,
.tx-sideInfoWrapper a {
  color: var(--neon-text-secondary) !important;
}

.offcanvas__area .offcanvas__menu li a:hover {
  color: var(--neon-cyan) !important;
}

/* =============================================
   19. SELECTION COLOR
   ============================================= */
::selection {
  background: rgba(162, 73, 237, 0.4);
  color: #fff;
}

/* =============================================
   20. BLOG DETAILS - TEXT & LIST FIX
   ============================================= */

/* Chữ trong nội dung bài viết bị tối → đổi sang màu sáng */
.post-details-content,
.tx-detailsWrapper__prev,
.blog-details-content,
.tx-blogDetails-box__wrapper {
  color: var(--neon-text-secondary) !important;
}

.post-details-content p,
.tx-detailsWrapper__prev p,
.blog-details-content p {
  color: var(--neon-text-secondary) !important;
}

/* List items (ul/ol) trong bài viết */
.post-details-content ul li,
.post-details-content ol li,
.blog-details-content-list li,
.tx-detailsWrapper__prev ul li,
.tx-detailsWrapper__prev ol li {
  color: var(--neon-text-secondary) !important;
}

.blog-details-content-list li i {
  color: var(--neon-purple) !important;
}

/* Strong / bold text */
.post-details-content strong,
.post-details-content b {
  color: var(--neon-text-primary) !important;
}

/* =============================================
   21. BLOCKQUOTE - NEON DARK STYLE
   ============================================= */

/* Override hộp trắng blockquote */
.blog-details-blockquote-1,
blockquote,
.wp-block-quote {
  background-color: rgba(162, 73, 237, 0.08) !important;
  border-left: 4px solid var(--neon-purple) !important;
  border-radius: 0 12px 12px 0 !important;
  color: var(--neon-text-secondary) !important;
  box-shadow: inset 0 0 30px rgba(162, 73, 237, 0.05) !important;
}

.blog-details-blockquote-1 .author {
  color: var(--neon-cyan) !important;
}

.blog-details-blockquote-1 .author::after {
  background: var(--neon-cyan) !important;
  box-shadow: var(--neon-glow-cyan) !important;
}

.blog-details-blockquote-1 .icon {
  color: rgba(162, 73, 237, 0.2) !important;
}

blockquote p,
.wp-block-quote p {
  color: var(--neon-text-secondary) !important;
}

/* =============================================
   22. INFO BOX / WHITE CARD FIX (shortcode boxes)
   ============================================= */

/* Hộp thông tin trắng (thường là shortcode hoặc Elementor widget) */
.post-details-content table,
.post-details-content .wp-block-table,
.post-details-content .notice,
.post-details-content .info-box,
.post-details-content .wp-block-group,
.elementor-widget-container table {
  background: var(--neon-bg-card) !important;
  border: 1px solid var(--neon-border) !important;
  color: var(--neon-text-secondary) !important;
  border-radius: 12px !important;
}

/* Table cells */
.post-details-content table td,
.post-details-content table th {
  color: var(--neon-text-secondary) !important;
  border-color: var(--neon-border) !important;
  background: transparent !important;
}

.post-details-content table th {
  color: var(--neon-text-primary) !important;
  background: rgba(162, 73, 237, 0.1) !important;
}

/* Bất kỳ div/section nào có background trắng bên trong bài viết */
.post-details-content [style*="background:#fff"],
.post-details-content [style*="background: #fff"],
.post-details-content [style*="background:white"],
.post-details-content [style*="background-color:#fff"],
.post-details-content [style*="background-color: #fff"],
.post-details-content [style*="background-color: white"] {
  background-color: var(--neon-bg-card) !important;
  color: var(--neon-text-secondary) !important;
}

/* Elementor inner section / column với nền trắng */
.elementor-element .elementor-widget-wrap[style*="background"],
.elementor-column-wrap[style*="background:#fff"],
.elementor-column-wrap[style*="background: #fff"] {
  background: var(--neon-bg-card) !important;
}

/* =============================================
   23. BUTTON CAM → NEON PURPLE FIX
   ============================================= */

/* chy-pr-btn-2: button cam chính (dùng --chy-pr-2 làm bg) */
.chy-pr-btn-2 {
  background-color: var(--neon-purple) !important;
  box-shadow: var(--neon-glow-purple) !important;
}

.chy-pr-btn-2:hover {
  background-color: var(--neon-cyan) !important;
  color: var(--neon-bg-deep) !important;
  box-shadow: var(--neon-glow-cyan) !important;
}

.chy-pr-btn-2::after {
  background-color: var(--neon-bg-deep) !important;
}

/* chy-pr-btn-3 */
.chy-pr-btn-3 {
  background-color: var(--neon-purple) !important;
  color: #fff !important;
}

.chy-pr-btn-3::after {
  background-color: var(--neon-cyan) !important;
}

.chy-pr-btn-3:hover {
  color: var(--neon-bg-deep) !important;
}

/* Elementor button widget với inline style cam */
.elementor-button,
.elementor-button-wrapper .elementor-button {
  background-color: var(--neon-purple) !important;
  border-color: var(--neon-purple) !important;
  box-shadow: var(--neon-glow-purple) !important;
}

.elementor-button:hover,
.elementor-button-wrapper .elementor-button:hover {
  background-color: var(--neon-cyan) !important;
  border-color: var(--neon-cyan) !important;
  color: var(--neon-bg-deep) !important;
  box-shadow: var(--neon-glow-cyan) !important;
}

/* Override inline style background cam trực tiếp trên button */
a[style*="background-color: #ee4619"],
a[style*="background-color:#ee4619"],
a[style*="background-color: rgb(238, 70, 25)"],
button[style*="background-color: #ee4619"],
button[style*="background-color:#ee4619"],
.elementor-button[style*="background-color: #ee4619"],
.elementor-button[style*="background-color:#ee4619"] {
  background-color: var(--neon-purple) !important;
}

/* =============================================
   24. NAVBAR ACTIVE / CURRENT-MENU-ITEM FIX
   ============================================= */

/* Menu style 1 (has-menu-1) - dùng --chy-pr-1 (purple) → đã ok */
/* Menu style 2 (has-menu-2) - dùng --chy-pr-2 (cam) → cần fix */
.chy-main-menu-1:is(.has-menu-2) .main-navigation .navbar-nav li a:is(.active),
.chy-main-menu-1:is(.has-menu-2) .main-navigation .navbar-nav li:hover > a,
.chy-main-menu-1:is(.has-menu-2) .main-navigation .navbar-nav .current-menu-item > a,
.chy-main-menu-1:is(.has-menu-2) .main-navigation .navbar-nav .current-menu-ancestor > a {
  color: var(--neon-cyan) !important;
  text-shadow: var(--neon-glow-cyan) !important;
}

/* Dropdown border-top cam */
.chy-main-menu-1:is(.has-menu-2) .main-navigation .navbar-nav li .dropdown-menu {
  border-top-color: var(--neon-purple) !important;
}

/* Dropdown active item underline */
.chy-main-menu-1:is(.has-menu-2) .main-navigation .navbar-nav li .dropdown-menu li a::after {
  background: var(--neon-purple) !important;
}

/* Menu style 1 - current item (dùng --chy-pr-1 purple, nhưng đảm bảo neon) */
.chy-main-menu-1 .main-navigation .current-menu-item > a,
.chy-main-menu-1 .main-navigation .current-menu-item a,
.chy-main-menu-1 .main-navigation .navbar-nav li a:is(.active) {
  color: var(--neon-cyan) !important;
  text-shadow: var(--neon-glow-cyan) !important;
}

/* Mobile / offcanvas menu active */
.offcanvas__menu .current-menu-item > a,
.offcanvas__menu .current-menu-ancestor > a {
  color: var(--neon-cyan) !important;
}

/* =============================================
   25. ICON & HARDCODED ORANGE COLOR FIX
   ============================================= */

/* #F08441 hardcoded - xuất hiện ở icon, sidebar, faq, blog details, contact */
.latest-post-item .date i,
.latest-post-item .content .date i,
.projects-details-feature-list li i,
.career-details-page-sidebar .projects-details-info-item .title i,
.blog-details-content-list li i,
.blog-details-comment-item .social-link li a:hover,
.contact-form-2 label span,
.chy-faq-page-accordion .chy-sd-1-item .accordion-item .accordion-header .accordion-button .icon-2 {
  color: var(--neon-purple) !important;
  -webkit-text-fill-color: var(--neon-purple) !important;
}

/* Testimonial name màu cam */
.chy-testimonial-page-item .name {
  color: var(--neon-cyan) !important;
}

/* Sidebar icon download */
.sidebar-download li a .icon,
.sidebar-download li a i {
  color: var(--neon-purple) !important;
}

/* Blog meta icons (date, author) */
.chy-blog-2-item-meta .date i,
.chy-blog-2-item-meta .author i,
.blog-page-item .meta span i,
.tx-blog-box .meta span i {
  color: var(--neon-purple) !important;
}

/* Solutions / research list icons */
.solutions-2-list li i,
.chy-research-2-list li i,
.chy-price-2-list li i {
  color: var(--neon-green) !important;
}

/* Subtitle / section label cam */
.chy-subtitle-1,
.chy-subtitle-2 {
  color: var(--neon-purple) !important;
}

/* Counter numbers cam */
.chy-solutions-2-counter .number,
.chy-services-1-counter-item span {
  color: var(--neon-cyan) !important;
  text-shadow: var(--neon-glow-cyan) !important;
}

/* Portfolio subtitle */
.chy-portfolio-2-item .subtitle {
  color: var(--neon-purple) !important;
}

/* Testimonial bio role */
.chy-testimonial-2-item .person-wrap .bio {
  color: var(--neon-cyan) !important;
}

/* Footer links hover */
.chy-footer-2-content .copyright-link a:hover,
.chy-footer-2-widget .chy-footer-1-menu li a:hover,
.chy-footer-2-social-link li a:hover {
  color: var(--neon-cyan) !important;
}

/* FAQ accordion icon */
.chy-faq-page-accordion .chy-sd-1-item .accordion-item .accordion-header .accordion-button .icon-2 {
  color: var(--neon-purple) !important;
  -webkit-text-fill-color: var(--neon-purple) !important;
}

/* Breadcrumb arrow & current span (hardcoded --chy-pr-4) */
.breadcrumb-list a::before,
.breadcrumb-list a:hover {
  color: var(--neon-cyan) !important;
}

.breadcrumb-list span {
  color: var(--neon-cyan) !important;
}

/* Catch-all: bất kỳ <i> hoặc icon nào còn màu cam hardcode */
[style*="color: #F08441"],
[style*="color:#F08441"],
[style*="color: #f08441"],
[style*="color: #ee4619"],
[style*="color:#ee4619"],
[style*="color: #f28541"],
[style*="color:#f28541"] {
  color: var(--neon-purple) !important;
}