/* ========================================
   MODERN COLOR THEME - Fresh & Vibrant
   ======================================== */

:root {
    /* Primary Colors - Turquoise & Ocean Blue */
    --primary-color: #00d4ff;
    --primary-dark: #0099cc;
    --primary-light: #5ce1e6;
    
    /* Secondary Colors - Coral & Sunset */
    --secondary-color: #ff6b6b;
    --secondary-dark: #ee5a6f;
    --secondary-light: #ff9999;
    
    /* Accent Colors - Purple & Magenta */
    --accent-color: #c44569;
    --accent-dark: #a53860;
    --accent-light: #ff6b9d;
    
    /* Neutral Colors */
    --dark-bg: #1a1a2e;
    --medium-bg: #16213e;
    --light-bg: #f8f9fa;
    --text-dark: #2d3436;
    --text-light: #636e72;
    
    /* Gradient Combinations */
    --gradient-primary: linear-gradient(135deg, #00d4ff 0%, #0099cc 100%);
    --gradient-secondary: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%);
    --gradient-accent: linear-gradient(135deg, #c44569 0%, #ff6b9d 100%);
    --gradient-ocean: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --gradient-sunset: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    --gradient-tropical: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}

/* Video Hero Section Colors */
.video-btn-primary {
    background: var(--gradient-primary) !important;
    color: #fff !important;
    box-shadow: 0 10px 30px rgba(0, 212, 255, 0.4) !important;
}

.video-btn-primary:hover {
    box-shadow: 0 15px 40px rgba(0, 212, 255, 0.6) !important;
}

.video-btn-secondary {
    background: transparent !important;
    color: #fff !important;
    border: 2px solid var(--primary-color) !important;
    box-shadow: 0 10px 30px rgba(0, 212, 255, 0.2) !important;
}

.video-btn-secondary:hover {
    background: var(--primary-color) !important;
    color: #fff !important;
}

/* Video Stats Glassmorphism */
.video-stat-item {
    background: rgba(0, 212, 255, 0.15) !important;
    border: 1px solid rgba(0, 212, 255, 0.3) !important;
}

.video-stat-item:hover {
    background: rgba(0, 212, 255, 0.25) !important;
    border-color: var(--primary-color) !important;
}

/* Scroll Progress Bar */
.scroll-progress-bar {
    background: var(--gradient-tropical) !important;
}

/* Section Dividers */
.section-divider {
    background: linear-gradient(90deg, transparent, var(--primary-color), transparent) !important;
}

/* Product Cards */
.product-main-box:hover {
    box-shadow: 0 20px 60px rgba(0, 212, 255, 0.2) !important;
    border-color: var(--primary-light) !important;
}

.product-main-box::before {
    background: linear-gradient(135deg, rgba(0, 212, 255, 0.1) 0%, rgba(255, 107, 107, 0.1) 100%) !important;
}

/* Service Boxes Hover */
.service-icon-1-box:hover,
.service-icon-2-box:hover {
    box-shadow: 0 15px 40px rgba(0, 212, 255, 0.2);
}

.service-icon-1-icon,
.service-icon-2-box i {
    color: var(--primary-color);
}

/* Buttons General */
.btn-primary,
.trigger-main-button {
    background: var(--gradient-primary) !important;
    border-color: var(--primary-color) !important;
}

.btn-primary:hover,
.trigger-main-button:hover {
    background: var(--gradient-secondary) !important;
    transform: translateY(-3px);
}

.btn-success {
    background: var(--gradient-tropical) !important;
}

.btn-danger {
    background: var(--gradient-secondary) !important;
}

.btn-info {
    background: var(--gradient-primary) !important;
}

.btn-warning {
    background: linear-gradient(135deg, #feca57 0%, #ff9ff3 100%) !important;
}

/* Links */
a {
    color: var(--primary-color);
    transition: all 0.3s ease;
}

a:hover {
    color: var(--primary-dark);
    text-decoration: none;
}

/* Gradient Text for Headers */
.modules-header-main-baslik {
    background: var(--gradient-tropical);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Top Level Menu Hover */
.top-level-menu > li:hover {
    background: rgba(0, 212, 255, 0.1) !important;
}

.top-level-menu > li::after {
    background: var(--gradient-primary) !important;
}

/* Mega Menu */
.mega-level-menu {
    border-top-color: var(--primary-color) !important;
}

.mega-level-menu:after {
    border-bottom-color: var(--primary-color) !important;
}

/* Shopping Cart Badge */
.shopping-detail {
    background: var(--gradient-secondary) !important;
}

/* Notification Toasts */
.notification-toast.success {
    border-left-color: var(--primary-color) !important;
}

.notification-toast.error {
    border-left-color: var(--secondary-color) !important;
}

.notification-toast.info {
    border-left-color: var(--primary-light) !important;
}

.notification-toast.warning {
    border-left-color: #feca57 !important;
}

/* Floating Elements Icons */
.floating-element {
    color: rgba(0, 212, 255, 0.1) !important;
}

/* Loading Screen */
.preload-main {
    background: var(--gradient-tropical) !important;
}

.modern-spinner {
    border-color: rgba(255, 255, 255, 0.2) !important;
    border-top-color: #fff !important;
}

/* Input Focus */
input:focus,
textarea:focus,
select:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 212, 255, 0.25) !important;
}

/* Badges */
.badge-primary {
    background: var(--gradient-primary) !important;
}

.badge-success {
    background: var(--gradient-tropical) !important;
}

.badge-danger {
    background: var(--gradient-secondary) !important;
}

/* Accordions */
.accordion-item.active .accordion-header {
    background: rgba(0, 212, 255, 0.05);
    color: var(--primary-color);
}

/* Animated Border */
.border-animation-card::before,
.border-animation-card::after {
    background: linear-gradient(90deg, transparent, var(--primary-color), transparent) !important;
}

/* Gradient Border Animation */
.gradient-border::before {
    background: linear-gradient(45deg, 
        var(--primary-color), 
        var(--primary-light), 
        var(--secondary-color), 
        var(--accent-color), 
        var(--primary-color)
    ) !important;
    background-size: 400% !important;
}

/* Progress Circle */
.progress-circle {
    background: conic-gradient(var(--primary-color) 0deg, transparent 0deg) !important;
}

/* Star Rating */
.star-rating-fill {
    color: #feca57 !important;
}

/* Timeline Items */
.timeline-item::before {
    border-color: var(--primary-color) !important;
}

.timeline-item::after {
    background: var(--primary-color) !important;
}

/* Spotlight Effect */
.spotlight-effect::before {
    background: radial-gradient(circle, rgba(0, 212, 255, 0.2) 0%, transparent 70%) !important;
}

/* Ripple Effect */
.ripple::after {
    background: rgba(0, 212, 255, 0.5) !important;
}

/* Back to Top Button */
#return-to-top {
    background: var(--gradient-primary) !important;
    box-shadow: 0 5px 20px rgba(0, 212, 255, 0.4) !important;
}

#return-to-top:hover {
    background: var(--gradient-secondary) !important;
}

/* Floating Action Button */
.floating-action-btn {
    background: var(--gradient-tropical) !important;
    box-shadow: 0 5px 25px rgba(0, 212, 255, 0.4) !important;
}

.floating-action-btn:hover {
    background: var(--gradient-secondary) !important;
}

/* Animated Underline Links */
a.animated-link::after {
    background: var(--primary-color) !important;
}

/* Form Validation */
input.is-valid,
textarea.is-valid {
    border-color: var(--primary-color) !important;
}

input.is-invalid,
textarea.is-invalid {
    border-color: var(--secondary-color) !important;
}

/* Skeleton Loading */
.skeleton {
    background: linear-gradient(90deg, 
        rgba(0, 212, 255, 0.1) 25%, 
        rgba(0, 212, 255, 0.2) 50%, 
        rgba(0, 212, 255, 0.1) 75%
    ) !important;
}

/* Image Comparison Slider */
.image-comparison-slider {
    background: var(--primary-color) !important;
}

/* Marquee Text Gradient */
.marquee span {
    background: var(--gradient-tropical);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Corner Decorations */
.corner-decoration {
    border-color: var(--primary-color) !important;
}

/* Ticaret Bilgilendirme Icons */
.ticaret-bilgilendirme-box-i {
    color: var(--primary-color) !important;
}

/* Animated Tooltips */
[data-tooltip]::before {
    background: rgba(0, 212, 255, 0.95) !important;
}

[data-tooltip]::after {
    border-top-color: rgba(0, 212, 255, 0.95) !important;
}

/* Video Overlay Gradient */
.video-overlay {
    background: linear-gradient(135deg, rgba(0, 153, 204, 0.3) 0%, rgba(26, 26, 46, 0.6) 100%) !important;
}

/* 3D Button Effect */
.button-3d {
    background: var(--gradient-primary) !important;
}

/* Flip Card Colors */
.flip-card-front {
    background: linear-gradient(135deg, rgba(0, 212, 255, 0.05), rgba(255, 107, 107, 0.05)) !important;
}

.flip-card-back {
    background: var(--gradient-tropical) !important;
    color: #fff !important;
}

/* Responsive Table Hover */
.responsive-table tr:hover td {
    background: rgba(0, 212, 255, 0.05) !important;
}

/* Sliding Panel */
.sliding-panel {
    box-shadow: -5px 0 15px rgba(0, 212, 255, 0.2) !important;
}

/* Text Shadow Animation */
.text-shadow-animation {
    text-shadow: 0 0 10px rgba(0, 212, 255, 0.3);
}

/* Modern Breadcrumb */
.modern-breadcrumb a:hover {
    color: var(--primary-color) !important;
}

/* Infinite Scroll Loader */
.infinite-scroll-loader::after {
    border-color: #f3f3f3 !important;
    border-top-color: var(--primary-color) !important;
}

/* Service Image Box Overlay */
.service-image-box::after {
    background: linear-gradient(135deg, 
        rgba(0, 212, 255, 0.8) 0%, 
        rgba(255, 107, 107, 0.8) 100%) !important;
}

/* Header Hover Effects */
.header-ust-bar-left-table-ic a:hover i {
    color: var(--primary-color) !important;
    transform: scale(1.3) rotate(360deg);
}

/* Product Price */
.product-main-box-price h1 {
    color: var(--primary-color) !important;
}

/* Rating Stars */
.product-main-box-rate {
    color: #feca57 !important;
}