/*
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Tags: translation-ready,accessibility-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
Version: 1.4.3.1768730635
Updated: 2026-01-18 10:03:55

*/

/* ================================
   GLOBAL DESIGN TOKENS
================================ */

/*
Theme Name: Your Child Theme
Template: your-parent-theme
Version: 1.0.0
*/

/* ============================================
   VARIABILE CSS - Override Elementor
   ============================================ */

:root {
  /* Font size */
  --font-size: 16px;
  
  /* Colors - Light Mode */
  --background: #ffffff;
  --foreground: oklch(0.145 0 0);
  --card: #ffffff;
  --card-foreground: oklch(0.145 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.145 0 0);
  --primary: #030213;
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.95 0.0058 264.53);
  --secondary-foreground: #030213;
  --muted: #ececf0;
  --muted-foreground: #717182;
  --accent: #e9ebef;
  --accent-foreground: #030213;
  --destructive: #d4183d;
  --destructive-foreground: #ffffff;
  --border: rgba(0, 0, 0, 0.1);
  --input: transparent;
  --input-background: #f3f3f5;
  --switch-background: #cbced4;
  --font-weight-medium: 500;
  --font-weight-normal: 400;
  --ring: oklch(0.708 0 0);
  
  /* Charts */
  --chart-1: oklch(0.646 0.222 41.116);
  --chart-2: oklch(0.6 0.118 184.704);
  --chart-3: oklch(0.398 0.07 227.392);
  --chart-4: oklch(0.828 0.189 84.429);
  --chart-5: oklch(0.769 0.188 70.08);
  
  /* Radius */
  --radius: 0.625rem;
  --radius-sm: calc(var(--radius) - 4px);
  --radius-md: calc(var(--radius) - 2px);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) + 4px);
  
  /* Sidebar */
  --sidebar: oklch(0.985 0 0);
  --sidebar-foreground: oklch(0.145 0 0);
  --sidebar-primary: #030213;
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.97 0 0);
  --sidebar-accent-foreground: oklch(0.205 0 0);
  --sidebar-border: oklch(0.922 0 0);
  --sidebar-ring: oklch(0.708 0 0);
  
  /* Elementor Variables Override */
  --e-global-color-primary: var(--primary);
  --e-global-color-secondary: var(--secondary);
  --e-global-color-text: var(--foreground);
  --e-global-color-accent: var(--accent);
  --e-global-typography-primary-font-weight: var(--font-weight-medium);
  --e-global-typography-text-font-weight: var(--font-weight-normal);
}

/* Dark Mode Variables */
body.dark,
.dark {
  --background: oklch(0.145 0 0);
  --foreground: oklch(0.985 0 0);
  --card: oklch(0.145 0 0);
  --card-foreground: oklch(0.985 0 0);
  --popover: oklch(0.145 0 0);
  --popover-foreground: oklch(0.985 0 0);
  --primary: oklch(0.985 0 0);
  --primary-foreground: oklch(0.205 0 0);
  --secondary: oklch(0.269 0 0);
  --secondary-foreground: oklch(0.985 0 0);
  --muted: oklch(0.269 0 0);
  --muted-foreground: oklch(0.708 0 0);
  --accent: oklch(0.269 0 0);
  --accent-foreground: oklch(0.985 0 0);
  --destructive: oklch(0.396 0.141 25.723);
  --destructive-foreground: oklch(0.637 0.237 25.331);
  --border: oklch(0.269 0 0);
  --input: oklch(0.269 0 0);
  --ring: oklch(0.439 0 0);
  
  /* Charts Dark */
  --chart-1: oklch(0.488 0.243 264.376);
  --chart-2: oklch(0.696 0.17 162.48);
  --chart-3: oklch(0.769 0.188 70.08);
  --chart-4: oklch(0.627 0.265 303.9);
  --chart-5: oklch(0.645 0.246 16.439);
  
  /* Sidebar Dark */
  --sidebar: oklch(0.205 0 0);
  --sidebar-foreground: oklch(0.985 0 0);
  --sidebar-primary: oklch(0.488 0.243 264.376);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.269 0 0);
  --sidebar-accent-foreground: oklch(0.985 0 0);
  --sidebar-border: oklch(0.269 0 0);
  --sidebar-ring: oklch(0.439 0 0);
  
  /* Elementor Dark Override */
  --e-global-color-primary: var(--primary);
  --e-global-color-text: var(--foreground);
  --e-global-color-secondary: var(--secondary);
}

/* ============================================
   BASE STYLES
   ============================================ */

html {
  font-size: var(--font-size);
  scroll-behavior: smooth;
}

html body {
  background: var(--background);
  color: var(--foreground);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Reset pentru Elementor */
.elementor *,
.elementor-widget-container * {
  color: inherit;
  font-family: inherit;
}

/* ============================================
   TYPOGRAPHY
   ============================================ */

h1 {
  font-size: 2rem;
  font-weight: var(--font-weight-medium);
  line-height: 1.5;
}

h2 {
  font-size: 1.5rem;
  font-weight: var(--font-weight-medium);
  line-height: 1.5;
}

h3 {
  font-size: 1.25rem;
  font-weight: var(--font-weight-medium);
  line-height: 1.5;
}

h4 {
  font-size: 1rem;
  font-weight: var(--font-weight-medium);
  line-height: 1.5;
}

p {
  font-size: 1rem;
  font-weight: var(--font-weight-normal);
  line-height: 1.5;
}

label {
  font-size: 1rem;
  font-weight: var(--font-weight-medium);
  line-height: 1.5;
}

button {
  font-size: 1rem;
  font-weight: var(--font-weight-medium);
  line-height: 1.5;
}

input {
  font-size: 1rem;
  font-weight: var(--font-weight-normal);
  line-height: 1.5;
}

/* Elementor Widgets Typography Override */
.elementor-element .elementor-widget-heading .elementor-heading-title {
  font-family: inherit;
  font-weight: var(--font-weight-medium);
  color: inherit;
}

.elementor-element .elementor-widget-text-editor .elementor-text-editor {
  font-family: inherit;
  color: inherit;
}

.elementor-element .elementor-widget-text-editor .elementor-text-editor h1,
.elementor-element .elementor-widget-text-editor .elementor-text-editor h2,
.elementor-element .elementor-widget-text-editor .elementor-text-editor h3,
.elementor-element .elementor-widget-text-editor .elementor-text-editor h4 {
  font-weight: var(--font-weight-medium);
}

.elementor-element .elementor-widget-button .elementor-button {
  font-family: inherit;
  font-weight: var(--font-weight-medium);
}

/* ============================================
   PREMIUM LANDING PAGE UTILITIES
   ============================================ */

.text-gradient {
  background: linear-gradient(to right, #C9A961, #D4AF37, #B8860B);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.elementor-element.text-gradient .elementor-heading-title,
.elementor-element.text-gradient .elementor-widget-container {
  background: linear-gradient(to right, #C9A961, #D4AF37, #B8860B);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.text-gradient-burgundy {
  background: linear-gradient(to right, #A0153E, #8B1538, #6B0F2C);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.elementor-element.text-gradient-burgundy .elementor-heading-title,
.elementor-element.text-gradient-burgundy .elementor-widget-container {
  background: linear-gradient(to right, #A0153E, #8B1538, #6B0F2C);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.glow-gold {
  box-shadow: 0 0 30px rgba(212, 175, 55, 0.5), 0 0 60px rgba(212, 175, 55, 0.2);
}

.elementor-element.glow-gold {
  box-shadow: 0 0 30px rgba(212, 175, 55, 0.5), 0 0 60px rgba(212, 175, 55, 0.2);
}

.glow-burgundy {
  box-shadow: 0 0 25px rgba(160, 21, 62, 0.4), 0 0 50px rgba(160, 21, 62, 0.2);
}

.elementor-element.glow-burgundy {
  box-shadow: 0 0 25px rgba(160, 21, 62, 0.4), 0 0 50px rgba(160, 21, 62, 0.2);
}

.glow-soft-gold {
  box-shadow: 0 0 15px rgba(201, 169, 97, 0.3);
}

.elementor-element.glow-soft-gold {
  box-shadow: 0 0 15px rgba(201, 169, 97, 0.3);
}

.backdrop-blur-strong {
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.glass-gold {
  background: linear-gradient(135deg, rgba(201, 169, 97, 0.1) 0%, rgba(212, 175, 55, 0.05) 100%);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(212, 175, 55, 0.2);
}

.elementor-element.glass-gold {
  background: linear-gradient(135deg, rgba(201, 169, 97, 0.1) 0%, rgba(212, 175, 55, 0.05) 100%);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(212, 175, 55, 0.2);
}

.glass-burgundy {
  background: linear-gradient(135deg, rgba(160, 21, 62, 0.1) 0%, rgba(139, 21, 56, 0.05) 100%);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(160, 21, 62, 0.2);
}

.elementor-element.glass-burgundy {
  background: linear-gradient(135deg, rgba(160, 21, 62, 0.1) 0%, rgba(139, 21, 56, 0.05) 100%);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(160, 21, 62, 0.2);
}

/* ============================================
   CUSTOM SCROLLBAR
   ============================================ */

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #1a1410;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(to bottom, #C9A961, #D4AF37);
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(to bottom, #D4AF37, #B8860B);
}

/* ============================================
   ELEMENTOR CONTAINERS INHERIT
   ============================================ */

.elementor-section,
.elementor-container,
.elementor-column,
.elementor-widget-wrap,
.elementor-widget,
.elementor-widget-container {
  color: inherit;
  font-family: inherit;
}

/* ============================================
   SUCCESS STORIES - STORY CARDS
   ============================================ */

.story-card {
  position: relative;
  margin-bottom: 48px;
  transition: transform 0.3s ease;
  animation: fadeInUp 0.8s ease-out backwards;
}

.story-card-1 { animation-delay: 0.4s; }
.story-card-2 { animation-delay: 0.6s; }
.story-card-3 { animation-delay: 0.8s; }
.story-card-4 { animation-delay: 1s; }

.story-card:hover {
  transform: scale(1.02) translateY(-8px);
}

/* Glow effect on hover */
.story-card::before {
  content: '';
  position: absolute;
  inset: -4px;
  background: linear-gradient(to bottom right, #D4AF37, #C9A961);
  border-radius: 24px;
  filter: blur(30px);
  opacity: 0;
  transition: opacity 0.5s ease;
  z-index: -1;
}

.story-card:hover::before {
  opacity: 0.3;
}

/* Featured story special styling */
.story-card-1 {
  transform: scale(1.05);
}

.story-card-1::before {
  background: linear-gradient(to bottom right, #A0153E, #D4AF37);
}

.story-card-1:hover {
  transform: scale(1.07) translateY(-10px);
}

/* Inner Section styling */
.story-card .e-con-inner {
  background: linear-gradient(135deg, rgba(201, 169, 97, 0.1) 0%, rgba(212, 175, 55, 0.05) 100%);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 24px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
  padding: 40px !important;
border: 1px solid #ffffff;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Mobile */
@media (max-width: 767px) {
  .story-card {
    margin-bottom: 32px;
  }
  
  .story-card-1 {
    transform: scale(1);
  }
  
  .story-card:hover,
  .story-card-1:hover {
    transform: scale(1.01) translateY(-4px);
  }
  
  .story-card .e-con-inner {
    padding: 24px !important;
  }
  
  /* Stack columns on mobile */
  .story-card .elementor-column {
    width: 100% !important;
  }
  
  .story-card .elementor-column:first-child {
    margin-bottom: 24px;
  }
}

/* ============================================
   SERVICES SECTION - RESPONSIVE
   ============================================ */

@media (max-width: 767px) {
  
  /* Section padding */
  .services-section {
    padding: 60px 0 !important;
  }
  
  /* Services grid - single column */
  .services-grid {
    grid-template-columns: 1fr !important;
    gap: 20px;
    padding: 0 16px;
  }
  
  .service-highlight {
    grid-column: span 1 !important;
  }
  
  /* Service cards */
  .service-content,
  .service-content-highlight {
    padding: 24px !important;
  }
  
  .service-header {
    flex-direction: column !important;
    gap: 16px;
  }
  
  .service-icon,
  .service-icon-highlight {
    width: 48px !important;
    height: 48px !important;
  }
  
  .service-icon svg,
  .service-icon-highlight svg {
    width: 24px !important;
    height: 24px !important;
  }
  
  /* Guarantees grid - single column */
  .guarantees-grid {
    grid-template-columns: 1fr !important;
    gap: 16px;
  }
  
  .guarantees-box {
    padding: 24px !important;
    margin: 0 16px;
  }
}

/* Tablet: 768px - 1200px */
@media (min-width: 768px) and (max-width: 1200px) {
  
  .services-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px;
  }
  
  .service-highlight {
    grid-column: span 2 !important;
  }
  
  .guarantees-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Desktop Large: Peste 1200px */
@media (min-width: 1201px) {
  
  .services-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  
  .service-highlight {
    grid-column: span 3;
  }
}

/* ============================================
   GLOBAL PRESENCE SECTION - COMPLETE STYLES
   ============================================ */

/* Gallery Grid Layout Fix */
.cities-gallery .elementor-gallery {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

/* City Labels Integration */
.city-labels {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: -200px;
  position: relative;
  z-index: 10;
  pointer-events: none;
  margin-bottom: 48px;
}

/* Tablet: 768px - 1024px */
@media (min-width: 768px) and (max-width: 1024px) {
  
  .cities-gallery .elementor-gallery {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px;
  }
  
  .city-labels {
    grid-template-columns: repeat(2, 1fr);
    margin-top: -160px;
    gap: 20px;
  }
}

/* Mobile: Sub 768px */
@media (max-width: 767px) {
  
  /* Section padding */
  .global-presence-section {
    padding: 60px 0 !important;
  }
  
  /* Gallery - 2 columns on mobile */
  .cities-gallery .elementor-gallery {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px;
  }
  
  /* City Labels */
  .city-labels {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-top: -120px;
    margin-bottom: 40px;
    padding: 0 16px;
  }
  
  .city-name {
    font-size: 16px !important;
    padding: 0 8px !important;
  }
  
  .city-bar {
    height: 2px !important;
    margin: 0 8px !important;
  }
  
  /* Button full width */
  .global-cta {
    width: 100%;
    padding: 0 16px;
  }
}

/* Extra Small Mobile: Sub 375px */
@media (max-width: 374px) {
  
  .cities-gallery .elementor-gallery {
    gap: 8px;
  }
  
  .city-name {
    font-size: 14px !important;
  }
}

/* ============================================
   LIVE STATS SECTION - RESPONSIVE
   ============================================ */

/* Desktop Large: Peste 1400px */
@media (min-width: 1401px) {
  .metrics-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* Laptop/Desktop Mic: 1024px - 1400px */
@media (min-width: 1024px) and (max-width: 1400px) {
  .metrics-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px;
  }
}

/* Tablet: 768px - 1023px */
@media (min-width: 768px) and (max-width: 1023px) {
  
  .live-stats-section {
    padding: 80px 0 !important;
  }
  
  .metrics-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px;
  }
  
  .metric-content {
    padding: 20px !important;
  }
  
  .metric-value {
    font-size: 28px !important;
  }
  
  .payment-success-box {
    padding: 28px !important;
  }
  
  .success-value {
    font-size: 40px !important;
  }
}

/* Mobile: Sub 768px */
@media (max-width: 767px) {
  
  .live-stats-section {
    padding: 60px 0 !important;
  }
  
  .metrics-grid {
    grid-template-columns: 1fr !important;
    gap: 16px;
    margin-bottom: 40px;
    padding: 0 16px;
  }
  
  .metric-content {
    padding: 20px !important;
  }
  
  .metric-icon {
    width: 28px !important;
    height: 28px !important;
  }
  
  .metric-value {
    font-size: 28px !important;
  }
  
  .metric-label {
    font-size: 13px !important;
  }
  
  .payment-success-box {
    padding: 24px !important;
    margin: 0 16px;
  }
  
  .success-value {
    font-size: 36px !important;
  }
  
  .success-title {
    font-size: 16px !important;
  }
  
  .success-subtitle {
    font-size: 13px !important;
  }
}

/* Extra Small Mobile: Sub 375px */
@media (max-width: 374px) {
  
  .metric-content {
    padding: 16px !important;
  }
  
  .metric-value {
    font-size: 24px !important;
  }
  
  .success-value {
    font-size: 32px !important;
  }
}

/* ============================================
   FAQ SECTION - COMPLETE STYLES
   ============================================ */

/* Section responsive */
@media (max-width: 767px) {
  .faq-section {
    padding: 60px 0 !important;
  }
  
  .faq-section .elementor-widget-container {
    padding: 0 16px;
  }
}

/* Accordion spacing */
.faq-accordion .elementor-accordion {
  margin-bottom: 0;
}

.faq-accordion .elementor-accordion-item {
  margin-bottom: 16px !important;
}

.faq-accordion .elementor-accordion-item:last-child {
  margin-bottom: 0 !important;
}

/* Ensure smooth animations */
.faq-accordion .elementor-tab-content {
  overflow: hidden;
  transition: all 0.3s ease;
}

/* Mobile accordion adjustments */
@media (max-width: 767px) {
  
  .faq-accordion .elementor-accordion-item {
    margin-bottom: 12px !important;
  }
  
  .faq-accordion .elementor-tab-title {
    padding: 20px !important;
  }
  
  .faq-accordion .elementor-tab-content {
    padding: 20px !important;
  }
}
/* ============================================
   APPLICATION FORM SECTION - COMPLETE
   ============================================ */

/* Section responsive */
@media (max-width: 767px) {
  .application-form-section {
    padding: 60px 0 !important;
  }
  
  .application-form-section .elementor-widget-container {
    padding: 0 16px;
  }
}

/* Inner Section - 2 columns */
.application-form-section .elementor-inner-section {
  margin-top: 0;
}

/* Benefits column - sticky on desktop */
@media (min-width: 1024px) {
  .application-form-section .benefits-section {
    position: sticky;
    top: 96px;
  }
}

/* Stack columns on tablet/mobile */
@media (max-width: 1023px) {
  .application-form-section .elementor-inner-section .elementor-column {
    width: 100% !important;
  }
  
  .application-form-section .benefits-section {
    margin-bottom: 40px;
  }
}