/* ============================================
   VAPEVEX DARK OVERRIDE v1.0
   Matches Next.js dark theme exactly
   Charcoal #0a0a0a + Electric Orange #ff6b00 + Sky Blue #0ea5e9
   ============================================ */

:root {
  --vv-primary: #0a0a0a;
  --vv-primary-light: #111111;
  --vv-accent: #ff6b00;
  --vv-accent-hover: #e55f00;
  --vv-accent-light: #ff8533;
  --vv-info: #0ea5e9;
  --vv-info-hover: #0284c7;
  --vv-success: #22c55e;
  --vv-warning: #f59e0b;
  --vv-danger: #ef4444;
  --vv-text: #e5e7eb;
  --vv-text-light: #9ca3af;
  --vv-text-muted: #6b7280;
  --vv-bg: #0a0a0a;
  --vv-bg-white: #111111;
  --vv-bg-card: #1a1a1a;
  --vv-border: #2a2a2a;
  --vv-border-light: #1f1f1f;
  --vv-shadow: 0 2px 8px rgba(0,0,0,0.3);
  --vv-shadow-hover: 0 8px 24px rgba(0,0,0,0.5);
}

/* ---- GLOBAL BODY ---- */
body,
.ast-plain-container,
.ast-woo-shop-archive .site-content,
.vapevex-premium-theme,
.vapevex-dark-theme {
  background-color: #0a0a0a !important;
  color: #e5e7eb !important;
}

/* Remove any white backgrounds from Astra defaults */
#page,
.site-content,
.ast-container,
.ast-plain-container,
.entry-content,
.page-content {
  background-color: #0a0a0a !important;
  color: #e5e7eb !important;
}

/* ---- TYPOGRAPHY ---- */
h1, h2, h3, h4, h5, h6,
.entry-title,
.entry-title a,
.page-title {
  color: #ffffff !important;
}
.entry-title a:hover {
  color: #ff6b00 !important;
}
a {
  color: #ff6b00 !important;
}
a:hover {
  color: #ff8533 !important;
}

/* ---- PAGE HEADER / BREADCRUMB ---- */
.ast-archive-entry-header,
.entry-header,
.page-header {
  background-color: #0a0a0a !important;
  border-color: #2a2a2a !important;
}
.ast-breadcrumbs,
.ast-breadcrumbs a,
.breadcrumb-trail a {
  color: #9ca3af !important;
}
.ast-breadcrumbs a:hover,
.breadcrumb-trail a:hover {
  color: #ff6b00 !important;
}

/* ---- ENTRY CONTENT ---- */
.entry-content p,
.entry-content li,
.entry-content td,
.entry-content th,
.entry-content blockquote,
.entry-content dl,
.entry-content dd,
.comment-content p {
  color: #d1d5db !important;
}
.entry-content h1 { color: #ffffff !important; }
.entry-content h2 { color: #ffffff !important; border-color: #2a2a2a !important; }
.entry-content h3 { color: #f3f4f6 !important; }
.entry-content h4 { color: #f3f4f6 !important; }
.entry-content blockquote {
  border-left-color: #ff6b00 !important;
  background: rgba(255,107,0,0.05) !important;
  color: #d1d5db !important;
}

/* ---- PAGE SPECIFIC: ABOUT, CONTACT, FAQ, etc ---- */
.page .entry-content,
.single .entry-content {
  background-color: #0a0a0a !important;
}
.page .ast-container {
  max-width: 1200px !important;
}

/* ---- ABOUT PAGE ---- */
.page-id-13 .entry-content h2,
.page-id-13 .entry-content h3 {
  border-bottom: 1px solid #2a2a2a !important;
  padding-bottom: 12px !important;
}

/* ---- CONTACT PAGE ---- */
.page-id-15 .entry-content .wpcf7,
.page-id-15 .entry-content form {
  background: #1a1a1a !important;
  border: 1px solid #2a2a2a !important;
  border-radius: 12px !important;
  padding: 30px !important;
}
.page-id-15 .entry-content .wpcf7 input,
.page-id-15 .entry-content .wpcf7 textarea,
.page-id-15 .entry-content .wpcf7 select {
  background: #111111 !important;
  border: 1px solid #333333 !important;
  color: #e5e7eb !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
}
.page-id-15 .entry-content .wpcf7 input:focus,
.page-id-15 .entry-content .wpcf7 textarea:focus {
  border-color: #ff6b00 !important;
  box-shadow: 0 0 0 2px rgba(255,107,0,0.15) !important;
}
.page-id-15 .entry-content .wpcf7 input[type="submit"],
.page-id-15 .entry-content .wpcf7 button {
  background: linear-gradient(135deg, #ff6b00, #e55f00) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 14px 32px !important;
  font-family: 'Saira Condensed', sans-serif !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: 0.5px !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
}
.page-id-15 .entry-content .wpcf7 input[type="submit"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 16px rgba(255,107,0,0.4) !important;
}

/* ---- FAQ PAGE ---- */
.page-id-17 .entry-content details,
.page-id-17 .entry-content .faq-item,
.faq-item {
  background: #1a1a1a !important;
  border: 1px solid #2a2a2a !important;
  border-radius: 8px !important;
  margin-bottom: 12px !important;
  overflow: hidden !important;
}
.page-id-17 .entry-content summary,
.page-id-17 .entry-content .faq-question {
  color: #ffffff !important;
  font-weight: 600 !important;
  padding: 16px 20px !important;
  cursor: pointer !important;
}
.page-id-17 .entry-content details[open] summary {
  border-bottom: 1px solid #2a2a2a !important;
  color: #ff6b00 !important;
}

/* ---- BLOG / ARCHIVE PAGES ---- */
.blog .ast-article-post,
.archive .ast-article-post,
.search .ast-article-post {
  background: #1a1a1a !important;
  border: 1px solid #2a2a2a !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
}
.blog .ast-article-post:hover,
.archive .ast-article-post:hover {
  border-color: #ff6b00 !important;
  box-shadow: 0 4px 20px rgba(255,107,0,0.15) !important;
  transform: translateY(-2px) !important;
}
.blog .ast-article-post .posted-on,
.archive .ast-article-post .posted-on,
.blog .ast-article-post .comments-link,
.blog .ast-article-post .ast-blog-meta-container {
  color: #6b7280 !important;
}
.blog .ast-article-post .posted-on a,
.archive .ast-article-post .posted-on a {
  color: #9ca3af !important;
}
.blog .ast-article-post .posted-on a:hover {
  color: #ff6b00 !important;
}
.blog .ast-article-post .entry-title a,
.archive .ast-article-post .entry-title a {
  color: #ffffff !important;
}
.blog .ast-article-post .entry-title a:hover,
.archive .ast-article-post .entry-title a:hover {
  color: #ff6b00 !important;
}
.blog .ast-article-post .entry-content,
.archive .ast-article-post .entry-content {
  color: #9ca3af !important;
}
.read-more a,
.read-more a:hover {
  color: #ff6b00 !important;
  font-weight: 600 !important;
}

/* ---- SINGLE POST ---- */
.single-post .entry-content {
  color: #d1d5db !important;
  line-height: 1.8 !important;
}
.single-post .entry-meta,
.single-post .entry-meta a {
  color: #6b7280 !important;
}
.single-post .entry-meta a:hover {
  color: #ff6b00 !important;
}
.single-post .ast-author-bio {
  background: #1a1a1a !important;
  border: 1px solid #2a2a2a !important;
  border-radius: 10px !important;
}
.single-post .nav-links a {
  color: #e5e7eb !important;
  background: #1a1a1a !important;
  border: 1px solid #2a2a2a !important;
  border-radius: 8px !important;
  padding: 16px !important;
}
.single-post .nav-links a:hover {
  border-color: #ff6b00 !important;
  color: #ff6b00 !important;
}

/* ---- SIDEBAR ---- */
.sidebar-main,
.widget {
  background: #1a1a1a !important;
  border: 1px solid #2a2a2a !important;
  border-radius: 10px !important;
  padding: 20px !important;
  color: #e5e7eb !important;
}
.widget-title {
  color: #ffffff !important;
  border-bottom: 2px solid #ff6b00 !important;
  padding-bottom: 10px !important;
  margin-bottom: 15px !important;
}
.widget a {
  color: #9ca3af !important;
}
.widget a:hover {
  color: #ff6b00 !important;
}

/* ---- RETURNS / COOKIE POLICY PAGES ---- */
.page-id-11806 .entry-content,
.page-id-11807 .entry-content {
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: 40px 20px !important;
}

/* ---- WOOCOMMERCE PAGES ---- */
.woocommerce .site-content,
.woocommerce-page .site-content {
  background: #0a0a0a !important;
}
.woocommerce .woocommerce-products-header {
  background: #0a0a0a !important;
}
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering select {
  color: #9ca3af !important;
}
.woocommerce .woocommerce-ordering select {
  background: #1a1a1a !important;
  border: 1px solid #2a2a2a !important;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  color: #e5e7eb !important;
  background: #1a1a1a !important;
  border-color: #2a2a2a !important;
}
.woocommerce nav.woocommerce-pagination ul li a:hover {
  background: #ff6b00 !important;
  color: #ffffff !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: #ff6b00 !important;
  color: #ffffff !important;
  border-color: #ff6b00 !important;
}

/* ---- FOOTER ---- */
.vv-enhanced-footer,
footer.site-footer,
#colophon {
  background: #050505 !important;
  border-top: 1px solid #2a2a2a !important;
  color: #9ca3af !important;
}
.vv-enhanced-footer h4,
footer.site-footer h4 {
  color: #ffffff !important;
}
.vv-enhanced-footer a:hover,
footer.site-footer a:hover {
  color: #ff6b00 !important;
}

/* ---- TOP BAR ---- */
.vv-top-bar {
  background: #050505 !important;
  color: #9ca3af !important;
  border-bottom: 1px solid #1f1f1f !important;
}
.vv-top-bar a {
  color: #e5e7eb !important;
}
.vv-top-bar a:hover {
  color: #ff6b00 !important;
}

/* ---- MOBILE MENU ---- */
.ast-header-break-point .main-header-menu {
  background: #0a0a0a !important;
}
.ast-header-break-point .main-header-menu .menu-item a {
  color: #e5e7eb !important;
  border-bottom: 1px solid #1f1f1f !important;
}
.ast-header-break-point .main-header-menu .menu-item a:hover {
  color: #ff6b00 !important;
  background: rgba(255,107,0,0.08) !important;
}

/* ---- SEARCH ---- */
.ast-header-search .search-field {
  background: #1a1a1a !important;
  border: 1px solid #2a2a2a !important;
  color: #e5e7eb !important;
}

/* ---- MISC ---- */
img {
  max-width: 100%;
  height: auto;
}
.wp-block-image figcaption {
  color: #6b7280 !important;
}
code, pre {
  background: #1a1a1a !important;
  color: #e5e7eb !important;
  border: 1px solid #2a2a2a !important;
  border-radius: 6px !important;
}
table {
  border-color: #2a2a2a !important;
}
th {
  background: #1a1a1a !important;
  color: #ffffff !important;
}
td {
  border-color: #2a2a2a !important;
  color: #d1d5db !important;
}
hr {
  border-color: #2a2a2a !important;
}

/* ---- SCROLLBAR ---- */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #0a0a0a;
}
::-webkit-scrollbar-thumb {
  background: #333333;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #555555;
}

/* ---- SELECTION ---- */
::selection {
  background: rgba(255,107,0,0.3);
  color: #ffffff;
}

/* ---- BACK TO TOP ---- */
.vv-back-to-top {
  background: #1a1a1a !important;
  border: 1px solid #2a2a2a !important;
  color: #ff6b00 !important;
}
.vv-back-to-top:hover {
  background: #ff6b00 !important;
  color: #ffffff !important;
}

/* ---- PAGE LAYOUT: add vertical padding and max-width ---- */
.page .entry-content {
  padding: 40px 0 !important;
}
.page .ast-container {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* ---- COMMENT SECTION ---- */
.comments-area,
#comments {
  background: #1a1a1a !important;
  border: 1px solid #2a2a2a !important;
  border-radius: 10px !important;
  padding: 24px !important;
}
.comment-body {
  border-color: #2a2a2a !important;
}
.comment-author {
  color: #ffffff !important;
}
.comment-content p {
  color: #d1d5db !important;
}

/* ---- ELEMENTOR WIDGETS DARK OVERRIDE ---- */
.elementor-widget {
  color: #d1d5db !important;
}
.elementor-widget h1,
.elementor-widget h2,
.elementor-widget h3,
.elementor-widget h4,
.elementor-widget h5,
.elementor-widget h6 {
  color: #ffffff !important;
}
.elementor-section {
  background-color: transparent !important;
}

/* ---- LOGO: Replace image with text matching Next.js ---- */
.ast-site-identity {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
.site-logo-img,
.custom-logo-link img {
  display: none !important;
}
.ast-site-identity::before {
  content: '';
  display: inline-flex !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #ff6b00, #e55f00) !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 12px rgba(255,107,0,0.25) !important;
  flex-shrink: 0 !important;
}
.custom-logo-link,
.site-logo-img a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  text-decoration: none !important;
}
.custom-logo-link::after,
.site-logo-img a::after {
  content: 'VAPEVEX' !important;
  display: block !important;
  font-family: 'Orbitron', sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  color: #ffffff !important;
  line-height: 1 !important;
}
.ast-site-identity .site-description {
  display: none !important;
}
/* Logo icon V letter */
.ast-site-identity::after {
  content: 'V' !important;
  position: absolute !important;
  margin-left: 8px !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  font-family: 'Inter', sans-serif !important;
  line-height: 36px !important;
  pointer-events: none !important;
}
.ast-site-identity {
  position: relative !important;
}
/* Orange accent on VEX */
.custom-logo-link::after,
.site-logo-img a::after {
  content: 'VAPE\1D63EX' !important;
}

/* ---- HEADER: Match Next.js exactly ---- */
#masthead.site-header,
.ast-main-header-wrap,
.ast-primary-header-bar,
#ast-desktop-header,
.ast-header-break-point .main-header-bar {
  background: rgba(10,10,10,0.95) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid rgba(255,255,255,0.05) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.3) !important;
}

/* Header height */
.ast-primary-header-bar {
  min-height: 72px !important;
}

/* Navigation links - match Next.js */
.main-header-menu .menu-link,
.ast-header-navigation a {
  color: #d1d5db !important;
  font-family: 'Saira Condensed', sans-serif !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  letter-spacing: 0.3px !important;
  padding: 8px 14px !important;
  transition: all 0.25s ease !important;
  text-transform: uppercase !important;
  border-radius: 8px !important;
}
.main-header-menu .menu-link:hover,
.ast-header-navigation a:hover,
.main-header-menu .current-menu-item .menu-link {
  color: #ffffff !important;
  background: rgba(255,255,255,0.05) !important;
}
.main-header-menu .current-menu-item .menu-link {
  color: #ff6b00 !important;
}

/* Dropdown menus */
.ast-header-navigation .sub-menu {
  background: #111111 !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.5) !important;
  border-radius: 12px !important;
  min-width: 200px !important;
  padding: 8px !important;
}
.ast-header-navigation .sub-menu .menu-link {
  color: #d1d5db !important;
  font-size: 13px !important;
  padding: 10px 16px !important;
  text-transform: none !important;
  border-radius: 8px !important;
}
.ast-header-navigation .sub-menu .menu-link:hover {
  color: #ff6b00 !important;
  background: rgba(255,107,0,0.08) !important;
}

/* Cart in header */
.ast-header-woo-cart {
  color: #9ca3af !important;
}
.ast-header-woo-cart:hover {
  color: #ffffff !important;
}

/* Search */
.astra-search-icon,
.ast-search-menu-icon {
  color: #9ca3af !important;
}
.astra-search-icon:hover,
.ast-search-menu-icon:hover {
  color: #ffffff !important;
}

/* Mobile menu */
.ast-mobile-menu-buttons .menu-toggle {
  color: #d1d5db !important;
  background: transparent !important;
}
.ast-mobile-menu-buttons .menu-toggle:hover {
  color: #ff6b00 !important;
}
.ast-header-break-point .main-navigation {
  background: #0a0a0a !important;
}

/* ---- CTA BUTTON IN HEADER (Get Quote) ---- */
.vv-header-cta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px 16px !important;
  background: linear-gradient(135deg, #ff6b00, #e55f00) !important;
  color: #ffffff !important;
  font-family: 'Saira Condensed', sans-serif !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  text-transform: none !important;
  letter-spacing: 0.5px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 2px 8px rgba(255,107,0,0.25) !important;
  white-space: nowrap !important;
}
.vv-header-cta:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 16px rgba(255,107,0,0.4) !important;
  color: #ffffff !important;
}

/* ---- PAGE HEADER BANNER ---- */
.vv-page-header {
  background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #0a0a0a 100%) !important;
  border-bottom: 1px solid #2a2a2a !important;
  padding: 48px 0 40px !important;
  position: relative !important;
  overflow: hidden !important;
}
.vv-page-header::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent, #ff6b00, #0ea5e9, transparent) !important;
}
.vv-page-header::after {
  content: '' !important;
  position: absolute !important;
  top: -50% !important;
  right: -10% !important;
  width: 300px !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(255,107,0,0.06) 0%, transparent 70%) !important;
  pointer-events: none !important;
}
.vv-page-header-inner {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
}
.vv-page-title {
  font-family: 'Orbitron', sans-serif !important;
  font-size: 2rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  margin: 0 0 8px !important;
  position: relative !important;
}
.vv-page-subtitle {
  font-family: 'Inter', sans-serif !important;
  font-size: 1rem !important;
  color: #9ca3af !important;
  font-weight: 400 !important;
  margin: 0 !important;
}

/* ---- ENTRY CONTENT: Max width and better typography ---- */
.page .entry-content,
.single-post .entry-content {
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: 40px 20px 60px !important;
}
.page .entry-content h2 {
  font-family: 'Saira Condensed', sans-serif !important;
  font-size: 1.5rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  color: #ffffff !important;
  margin-top: 40px !important;
  margin-bottom: 16px !important;
  padding-bottom: 10px !important;
  border-bottom: 2px solid #ff6b00 !important;
}
.page .entry-content h3 {
  font-family: 'Saira Condensed', sans-serif !important;
  font-size: 1.2rem !important;
  color: #f3f4f6 !important;
  margin-top: 32px !important;
  margin-bottom: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.3px !important;
}
.page .entry-content p {
  color: #d1d5db !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
  margin-bottom: 16px !important;
}
.page .entry-content ul {
  color: #d1d5db !important;
  padding-left: 20px !important;
  margin-bottom: 20px !important;
}
.page .entry-content li {
  color: #d1d5db !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
  margin-bottom: 8px !important;
}
.page .entry-content li strong {
  color: #ffffff !important;
}
.page .entry-content a {
  color: #ff6b00 !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(255,107,0,0.3) !important;
  text-underline-offset: 2px !important;
}
.page .entry-content a:hover {
  color: #ff8533 !important;
  text-decoration-color: #ff8533 !important;
}

/* ---- BLOG CARD STYLING ---- */
.ast-article-post .ast-blog-featured-section img {
  border-radius: 8px 8px 0 0 !important;
}

/* ---- WOOCOMMERCE SHOP PAGE ---- */
.woocommerce ul.products li.product {
  background: #1a1a1a !important;
  border: 1px solid #2a2a2a !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  padding: 0 !important;
  margin-bottom: 24px !important;
}
.woocommerce ul.products li.product:hover {
  border-color: #ff6b00 !important;
  box-shadow: 0 4px 20px rgba(255,107,0,0.15) !important;
  transform: translateY(-2px) !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  color: #ffffff !important;
  font-family: 'Saira Condensed', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}
.woocommerce ul.products li.product .price {
  color: #ff6b00 !important;
  font-weight: 700 !important;
}
.woocommerce ul.products li.product .price del {
  color: #6b7280 !important;
}
.woocommerce ul.products li.product a img {
  border-radius: 8px 8px 0 0 !important;
}
.woocommerce ul.products li.product .button {
  background: linear-gradient(135deg, #ff6b00, #e55f00) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px !important;
  font-family: 'Saira Condensed', sans-serif !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}
.woocommerce ul.products li.product .button:hover {
  background: #e55f00 !important;
}
.woocommerce ul.products li.product .added_to_cart {
  color: #22c55e !important;
}

/* Starfield Deep Space Background */
body {
  background-color: #0a0a0a;
  background-image:
    radial-gradient(ellipse at 10% 35%, rgba(255, 107, 0, 0.06) 0%, transparent 50%),
    radial-gradient(ellipse at 85% 15%, rgba(14, 165, 233, 0.05) 0%, transparent 45%),
    radial-gradient(ellipse at 50% 80%, rgba(139, 92, 246, 0.035) 0%, transparent 40%),
    radial-gradient(ellipse at 75% 90%, rgba(255, 107, 0, 0.03) 0%, transparent 35%);
}

/* Star dots layer */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image:
    radial-gradient(1px 1px at 20px 30px, rgba(255,255,255,0.5), transparent),
    radial-gradient(1px 1px at 40px 70px, rgba(255,255,255,0.35), transparent),
    radial-gradient(1.5px 1.5px at 50px 160px, rgba(255,255,255,0.45), transparent),
    radial-gradient(1px 1px at 90px 40px, rgba(255,255,255,0.4), transparent),
    radial-gradient(1px 1px at 130px 80px, rgba(255,255,255,0.5), transparent),
    radial-gradient(1.5px 1.5px at 160px 120px, rgba(255,255,255,0.3), transparent),
    radial-gradient(1px 1px at 180px 30px, rgba(255,255,255,0.45), transparent),
    radial-gradient(1px 1px at 70px 180px, rgba(255,255,255,0.25), transparent);
  background-size: 200px 200px;
  animation: wpStarTwinkle1 6s ease-in-out infinite alternate;
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image:
    radial-gradient(1.5px 1.5px at 30px 90px, rgba(255,255,255,0.3), transparent),
    radial-gradient(2px 2px at 80px 140px, rgba(255,255,255,0.4), transparent),
    radial-gradient(1px 1px at 140px 50px, rgba(255,255,255,0.35), transparent),
    radial-gradient(1.5px 1.5px at 170px 180px, rgba(255,255,255,0.45), transparent),
    radial-gradient(1px 1px at 60px 200px, rgba(255,255,255,0.25), transparent),
    radial-gradient(2px 2px at 200px 100px, rgba(255,255,255,0.35), transparent);
  background-size: 300px 300px;
  animation: wpStarTwinkle2 8s ease-in-out infinite alternate;
}

@keyframes wpStarTwinkle1 {
  0% { opacity: 0.6; }
  50% { opacity: 0.9; }
  100% { opacity: 1; }
}

@keyframes wpStarTwinkle2 {
  0% { opacity: 0.4; }
  50% { opacity: 0.7; }
  100% { opacity: 0.85; }
}