/*
Theme Name: FunnelCore
Theme URI: http://companywebsite.local/
Author: Rizwan Saeed & ApexGrowth Team
Author URI: http://companywebsite.local/
Description: Ultra-modern VIP 3D Performance Growth Agency WordPress Theme engineered for high-converting sales funnels, AI automation, and seamless Elementor Pro editing.
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: funnelcore
Tags: agency, elementor, full-width, modern, dark-mode, responsive, performance
*/

/* Font already loaded by WordPress enqueue; duplicate import removed. */
/* Font already loaded by WordPress enqueue; duplicate import removed. */
/* Font already loaded by WordPress enqueue; duplicate import removed. */

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  background-color: #F8FAFC;
  color: #0F172A;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
}

/* Bulletproof Material Symbols and Icons Font Support */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined' !important;
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  line-height: 1 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
  user-select: none;
}

.material-icons {
  font-family: 'Material Icons' !important;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
  user-select: none;
}

/* Input Fields with Absolute Icons Normalization */
.relative > input {
  padding-right: 2.75rem !important;
}

.relative > .material-symbols-outlined {
  pointer-events: none;
}

/* Ensure Button with uppercase doesn't break icon ligatures */
button.uppercase .material-symbols-outlined,
a.uppercase .material-symbols-outlined {
  text-transform: none !important;
}

/* Ultra 3D Porcelain Depth Shadows */
.vip-card-3d {
  background: #FFFFFF;
  box-shadow: 
    0 24px 48px -12px rgba(15, 23, 42, 0.08),
    0 4px 12px -2px rgba(15, 23, 42, 0.03),
    inset 0 1px 0 rgba(255, 255, 255, 1),
    inset 0 -1px 0 rgba(226, 232, 240, 0.6);
  border: 1px solid rgba(226, 232, 240, 0.85);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.vip-card-3d:hover {
  transform: translateY(-6px);
  box-shadow: 
    0 32px 64px -16px rgba(255, 87, 34, 0.12),
    0 12px 24px -6px rgba(15, 23, 42, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 1);
  border-color: rgba(255, 87, 34, 0.35);
}

/* Dark VIP Card */
.dark-card-vip {
  background: #141416;
  box-shadow: 
    0 20px 40px -10px rgba(0, 0, 0, 0.35),
    0 4px 12px -2px rgba(0, 0, 0, 0.2),
    inset 0 1px 1px rgba(255, 255, 255, 0.08),
    inset 0 -1px 1px rgba(0, 0, 0, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.07);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.dark-card-vip:hover {
  border-color: rgba(255, 87, 34, 0.4);
  transform: translateY(-4px);
  box-shadow: 
    0 24px 50px -12px rgba(255, 87, 34, 0.2),
    0 6px 16px -3px rgba(0, 0, 0, 0.4),
    inset 0 1px 1px rgba(255, 255, 255, 0.15);
}

.vip-panel-glass {
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.9);
  box-shadow: 
    0 30px 60px -15px rgba(15, 23, 42, 0.09),
    0 0 0 1px rgba(255, 255, 255, 0.9) inset;
}

.btn-3d-orange {
  background: linear-gradient(135deg, #FF6B35 0%, #FF5722 50%, #E64A19 100%);
  box-shadow: 
    0 12px 28px -6px rgba(255, 87, 34, 0.45),
    0 4px 8px -2px rgba(255, 87, 34, 0.3),
    inset 0 1px 1px rgba(255, 255, 255, 0.4),
    inset 0 -2px 2px rgba(0, 0, 0, 0.2);
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.btn-3d-orange:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow: 
    0 20px 35px -6px rgba(255, 87, 34, 0.55),
    0 6px 12px -2px rgba(255, 87, 34, 0.35),
    inset 0 1px 2px rgba(255, 255, 255, 0.5);
}
.btn-3d-orange:active {
  transform: translateY(1px) scale(0.99);
  box-shadow: 0 4px 12px -2px rgba(255, 87, 34, 0.4);
}

.btn-3d-white {
  background: #FFFFFF;
  border: 1px solid rgba(203, 213, 225, 0.8);
  box-shadow: 
    0 10px 22px -5px rgba(15, 23, 42, 0.06),
    0 2px 5px -1px rgba(15, 23, 42, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 1),
    inset 0 -2px 0 rgba(226, 232, 240, 0.6);
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.btn-3d-white:hover {
  transform: translateY(-2px);
  background: #FAFAFA;
  box-shadow: 
    0 16px 30px -8px rgba(15, 23, 42, 0.1),
    0 4px 8px -2px rgba(15, 23, 42, 0.06);
}

.icon-3d-pill {
  background: linear-gradient(145deg, #FFFFFF, #EEF2F6);
  box-shadow: 
    0 12px 24px -6px rgba(15, 23, 42, 0.1),
    0 2px 6px -1px rgba(15, 23, 42, 0.04),
    inset 0 1px 0 #FFFFFF,
    inset 0 -1px 2px rgba(203, 213, 225, 0.6);
}

.icon-3d-orange {
  background: linear-gradient(135deg, #FF7A45 0%, #FF5722 70%, #D84315 100%);
  box-shadow: 
    0 14px 28px -6px rgba(255, 87, 34, 0.4),
    0 4px 10px -2px rgba(255, 87, 34, 0.25),
    inset 0 1.5px 1px rgba(255, 255, 255, 0.45),
    inset 0 -2px 3px rgba(139, 29, 0, 0.35);
}

/* Ambient Subtle Porcelain Radial Grid */
.vip-3d-grid {
  background-image: radial-gradient(rgba(15, 23, 42, 0.05) 1.2px, transparent 1.2px);
  background-size: 32px 32px;
}

/* Pause ticker on hover */
.marquee-container:hover .marquee-track {
  animation-play-state: paused;
}

/* Hide scrollbar */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Elementor container reset */
.elementor-section.elementor-section-boxed > .elementor-container {
  max-width: 1280px;
}