/*
Theme Name: Neve Child
Theme URI: https://themeisle.com/themes/neve/
Template: neve
Author: ThemeIsle
Author URI: https://themeisle.com
Description: Neve is a next-generation, ultra-fast WordPress theme designed for top performance, SEO, and Core Web Vitals. Its lightweight codebase and small size ensure minimal overhead and lightning-fast load times. Fully compatible with the block editor, popular page builders (Elementor, Bricks, Oxygen etc), and WooCommerce, it’s perfect for blogs, small businesses, agencies, portfolios, and online stores. With responsive design, multilingual translations, and easy customization options, Neve empowers you to create a future-proof, high-ranking online presence. Discover everything Neve has to offer and explore our powerful premium version at https://themeisle.com/themes/neve/.
Tags: blog,custom-logo,e-commerce,rtl-language-support,grid-layout,one-column,two-columns,custom-background,custom-colors,custom-header,custom-menu,featured-image-header,featured-images,flexible-header,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,accessibility-ready,wide-blocks,block-styles,footer-widgets,portfolio,left-sidebar,right-sidebar
Version: 4.1.3.1756836300
Updated: 2025-09-02 18:05:00

*/

/*
Theme Name: Neve Child
Theme URI: https://themeisle.com/themes/neve/
Description: Child theme for Neve, customized for 21CEL automation & AI
Author: Ashkan / 21CEL
Template: neve
Version: 1.0.0
*/

/* Import parent theme */
@import url("../neve/style.css");

/* ===========================
   CUSTOM DESIGN STARTS HERE
   =========================== */

/* HERO visuals */
.hero-wrap {
  position: relative;
  background:
    radial-gradient(600px 400px at 20% 20%, rgba(30,155,255,.08), transparent 70%),
    radial-gradient(500px 300px at 80% 40%, rgba(181,55,242,.06), transparent 70%),
    #ffffff;
  overflow: hidden;
}
.hero-wrap:before {
  content:"";
  position: absolute;
  top: -200px; left: -200px;
  width: 500px; height: 500px;
  background: radial-gradient(circle at center, rgba(30,155,255,.2), transparent 70%);
  filter: blur(80px);
  border-radius: 50%;
  z-index: 0;
}
.hero-wrap:after {
  content:"";
  position: absolute;
  bottom: -200px; right: -200px;
  width: 400px; height: 400px;
  background: radial-gradient(circle at center, rgba(181,55,242,.2), transparent 70%);
  filter: blur(80px);
  border-radius: 50%;
  z-index: 0;
}
.hero-grid { position: relative; z-index: 1; }

/* Neon cards */
.neon-card {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 14px;
  padding: 24px;
  transition: all .3s ease;
  position: relative;
}
.neon-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(0,0,0,.08), 0 0 18px rgba(30,155,255,.25);
}

/* Pills */
.pill {
  background: #fff;
  border:1px solid #ddd;
  border-radius: 999px;
  padding: 8px 14px;
  font-size: 13px;
  color:#444;
  transition: all .2s ease;
}
.pill:hover { border-color:#1E9BFF; color:#1E9BFF; }

/* Neon underline */
.neon-underline {
  display:inline-block;
  position:relative;
  padding-bottom:8px;
}
.neon-underline:after {
  content:"";
  position:absolute;
  bottom:0; left:0; right:0;
  height:3px;
  background: linear-gradient(90deg, #1E9BFF, #B537F2);
  box-shadow: 0 0 12px rgba(30,155,255,.35);
}

/* Section alternate background */
.section-alt {
  background: linear-gradient(180deg, #fafafa 0%, #f5f7fa 100%);
  position: relative;
  overflow: hidden;
}
.section-alt:before {
  content:"";
  position: absolute;
  top: -50px; left: 0; right: 0; height: 100px;
  background: linear-gradient(to bottom right, rgba(30,155,255,.08), transparent 70%);
  pointer-events: none;
}

/* === GLOBAL BACKGROUND === */
body {
  background-color: #ffffff;
  background-image:
    linear-gradient(90deg, rgba(0,0,0,0.02) 1px, transparent 1px),
    linear-gradient(rgba(0,0,0,0.02) 1px, transparent 1px);
  background-size: 40px 40px;
}