/*
Theme Name: Kadence Child
Theme URI: www.bestlocalseoservices.com
Template: kadence
Author: AMit N
Author URI: www.bestlocalseoservices.com
Description: A custom child theme based on the Kadence Framework.
Tags: responsive-layout, blog, one-column, two-columns, custom-header, custom-logo, translation-ready
Version: 1.0.0.1780804929
Updated: 2026-06-07 04:02:09

*/

/* Custom Styles & Micro-interactions */
body { background-color: #08090D !important; color: #FFFFFF; overflow-x: hidden; }

.glass-panel {
    background: rgba(17, 19, 24, 0.6);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(154, 77, 255, 0.2);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.5);
}

.neon-glow-primary {
    box-shadow: 0 0 15px rgba(255, 213, 0, 0.5), 0 0 30px rgba(255, 213, 0, 0.3);
    transition: all 0.3s ease;
}
.neon-glow-primary:hover {
    box-shadow: 0 0 25px rgba(255, 213, 0, 0.8), 0 0 50px rgba(255, 213, 0, 0.5);
    transform: translateY(-2px);
}

.neon-border-purple {
    border: 1px solid rgba(154, 77, 255, 0.5);
    box-shadow: inset 0 0 20px rgba(154, 77, 255, 0.2), 0 0 20px rgba(154, 77, 255, 0.2);
}

.text-glow { text-shadow: 0 0 20px rgba(114, 255, 0, 0.6); }
.text-glow-purple { text-shadow: 0 0 20px rgba(154, 77, 255, 0.6); }

#canvas-container {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    z-index: 0;
    pointer-events: none;
    opacity: 0.6;
}

/* Custom Scrollbar */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #08090D; }
::-webkit-scrollbar-thumb { background: #7A36FF; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #9A4DFF; }

.bento-card { transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.bento-card:hover { transform: scale(1.02); z-index: 10; border-color: #91FF4D; }

/* Requested CSS additions */
:root{
  --bg:#08090D;
  --bg2:#111318;
  --p:#9A4DFF;
  --g:#72FF00;
  --y:#FFD500;
  --o:#FF7B00;
  --b:#00DFFF;
}
h1, h2, h3, h4, h5 {
  color: #FFD500 !important;
}
.display{font-family:'Bricolage Grotesque',sans-serif}
.glass{
  background:rgba(12,14,22,.55);
  backdrop-filter:blur(16px);
  border:1px solid rgba(154,77,255,.25);
}
.neon{
  box-shadow:0 0 0 1px rgba(255,213,0,.2),0 0 24px rgba(154,77,255,.18),0 0 48px rgba(114,255,0,.12);
}
.btn{
  transition:.25s transform,.25s box-shadow,.25s background,.25s border-color;
}
.btn:hover{
  transform:translateY(-2px) scale(1.02);
}
.gridbg{
  background-image:
    linear-gradient(rgba(154,77,255,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(154,77,255,.08) 1px,transparent 1px);
  background-size:56px 56px;
}
.float{animation:float 7s ease-in-out infinite}
@keyframes float{
  50%{transform:translateY(-14px)}
}
.shimmer{
  position:relative;
  overflow:hidden;
}
.shimmer:after{
  content:'';
  position:absolute;
  inset:-120% -40%;
  background:linear-gradient(120deg,transparent 45%,rgba(255,255,255,.12) 50%,transparent 55%);
  transform:translateX(-40%);
  animation:shine 6s linear infinite;
}
@keyframes shine{
  to{transform:translateX(40%)}
}
.fog{
  position:absolute;
  inset:auto -10% 0 -10%;
  height:42%;
  background:
    radial-gradient(circle at 20% 60%,rgba(255,255,255,.09),transparent 35%),
    radial-gradient(circle at 50% 80%,rgba(154,77,255,.12),transparent 38%),
    radial-gradient(circle at 80% 60%,rgba(114,255,0,.08),transparent 32%);
  filter:blur(35px);
  opacity:.9;
  pointer-events:none;
}
.card{
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.08);
}

/* Continuous Horizontal Slider Marquee Animation */
@keyframes marquee {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-50%); }
}
.animate-marquee {
    animation: marquee 25s linear infinite;
}
.animate-marquee:hover {
    animation-play-state: paused;
}

/* Fix for text/paragraphs blending into the dark background */
p, 
.elementor-text-editor, 
.elementor-widget-text-editor {
    color: #F8FAFC !important; /* Very bright white/gray for high contrast */
}

/* Ensure sub-headings specifically stand out */
h1 + p, 
h2 + p, 
h3 + p {
    color: #E2E8F0 !important; /* Slightly softer white for sub-text */
    font-weight: 500;
}