/**
 * Theme Colors Override
 * This file uses CSS variables defined by Vize Tema Core plugin
 */

/* Fallback values if CSS variables are not defined */
:root {
    /* General Colors - VTC Admin'den gelen renkler */
    --vtc-primary-color: #006233;
    --vtc-secondary-color: #d21034;
    --vtc-accent-color: #4a9d6f;
    --vtc-success-color: #4a9d6f;
    --vtc-error-color: #e85d75;
    --vtc-text-color: #666666;
    --vtc-heading-color: #222222;
    --vtc-muted-text-color: #999999;
    --vtc-link-color: #006233;
    --vtc-link-hover-color: #004d26;
    
    /* Map to main.css color variables */
    --color-primary: var(--vtc-primary-color);
    --color-secondary: var(--vtc-secondary-color);
    --color-white: #ffffff;
    --color-dark: #222222;
    
    /* RGB values for alpha transparency */
    --vtc-primary-color-rgb: 0, 98, 51;
    --vtc-secondary-color-rgb: 210, 16, 52;
    --vtc-accent-color-rgb: 74, 157, 111;
    
    /* Background Colors */
    --vtc-body-bg: #ffffff;
    --vtc-section-bg: #f8f9fa;
    --vtc-card-bg: #ffffff;
    --vtc-border-color: #e5e7eb;
    
    /* Header Colors */
    --vtc-header-bg: #ffffff;
    --vtc-header-text: #222222;
    --vtc-topbar-bg: #f8f9fa;
    --vtc-topbar-text: #666666;
    --vtc-menu-link: #222222;
    --vtc-menu-link-hover: #4A90E2;
    --vtc-menu-active: #4A90E2;
    --vtc-dropdown-bg: #ffffff;
    --vtc-dropdown-text: #222222;
    --vtc-sticky-header-bg: #ffffff;
    
    /* Footer Colors */
    --vtc-footer-bg: #222222;
    --vtc-footer-text: #999999;
    --vtc-footer-heading: #ffffff;
    --vtc-footer-link: #cccccc;
    --vtc-footer-link-hover: #ffffff;
    --vtc-footer-border: #333333;
    --vtc-copyright-bg: #111111;
    --vtc-copyright-text: #999999;
    
    /* Button Colors */
    --vtc-btn-primary-bg: #4A90E2;
    --vtc-btn-primary-text: #ffffff;
    --vtc-btn-primary-hover-bg: #2a5298;
    --vtc-btn-primary-border: #4A90E2;
    --vtc-btn-secondary-bg: #ffffff;
    --vtc-btn-secondary-text: #222222;
    --vtc-btn-secondary-hover-bg: #f8f9fa;
    --vtc-btn-secondary-border: #e5e7eb;
    
    /* Form Colors */
    --vtc-input-bg: #ffffff;
    --vtc-input-text: #222222;
    --vtc-input-border: #e5e7eb;
    --vtc-input-focus-border: #4A90E2;
    --vtc-input-placeholder: #999999;
    --vtc-label-color: #666666;
    --vtc-form-success: #28a745;
    --vtc-form-error: #dc3545;
}

/* Primary Color Usage */
.btn-one,
.theme-btn,
.btn-primary,
.btn.btn-primary {
    background-color: var(--vtc-btn-primary-bg) !important;
    border-color: var(--vtc-btn-primary-border) !important;
    color: var(--vtc-btn-primary-text) !important;
}

.btn-one:hover,
.theme-btn:hover,
.btn-primary:hover,
.btn.btn-primary:hover {
    background-color: var(--vtc-btn-primary-hover-bg) !important;
    border-color: var(--vtc-btn-primary-hover-bg) !important;
    color: var(--vtc-btn-primary-text) !important;
}

/* Secondary Color Usage */
.btn-two,
.btn-secondary,
.btn.btn-secondary {
    background-color: var(--vtc-btn-secondary-bg) !important;
    border-color: var(--vtc-btn-secondary-border) !important;
    color: var(--vtc-btn-secondary-text) !important;
}

.btn-two:hover,
.btn-secondary:hover,
.btn.btn-secondary:hover {
    background-color: var(--vtc-btn-secondary-hover-bg) !important;
    border-color: var(--vtc-btn-secondary-border) !important;
    color: var(--vtc-btn-secondary-text) !important;
}

/* Header Styles */
.header-top-bar,
.topbar-area {
    background-color: var(--vtc-topbar-bg);
    color: var(--vtc-topbar-text);
}

.header-area,
.main-header-area {
    background-color: var(--vtc-header-bg);
}

.main-menu > ul > li > a,
.navbar-nav > li > a {
    color: var(--vtc-menu-link);
}

.main-menu > ul > li > a:hover,
.main-menu > ul > li.active > a,
.navbar-nav > li > a:hover,
.navbar-nav > li.active > a {
    color: var(--vtc-menu-link-hover);
}

.main-menu ul li ul,
.dropdown-menu {
    background-color: var(--vtc-dropdown-bg);
}

.main-menu ul li ul li a,
.dropdown-menu li a {
    color: var(--vtc-dropdown-text);
}

/* Footer Styles */
.footer-area {
    background-color: var(--vtc-footer-bg);
    color: var(--vtc-footer-text);
}

.footer-area .footer-widget h3,
.footer-area .footer-widget h4 {
    color: var(--vtc-footer-heading);
}

.footer-area .footer-widget a {
    color: var(--vtc-footer-link);
}

.footer-area .footer-widget a:hover {
    color: var(--vtc-footer-link-hover);
}

.footer-bottom-area,
.copyright-area {
    background-color: var(--vtc-copyright-bg);
    color: var(--vtc-copyright-text);
}

/* Form Styles */
.form-control,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
textarea,
select {
    background-color: var(--vtc-input-bg);
    border-color: var(--vtc-input-border);
    color: var(--vtc-input-text);
}

.form-control:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    border-color: var(--vtc-input-focus-border);
    box-shadow: 0 0 0 0.2rem rgba(var(--vtc-primary-color), 0.25);
}

.form-control::placeholder,
input::placeholder,
textarea::placeholder {
    color: var(--vtc-input-placeholder);
}

label,
.form-label {
    color: var(--vtc-label-color);
}

/* Text Colors */
body {
    color: var(--vtc-text-color);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--vtc-heading-color);
}

.text-muted {
    color: var(--vtc-muted-text-color) !important;
}

a {
    color: var(--vtc-link-color);
}

a:hover {
    color: var(--vtc-link-hover-color);
}

/* Section Backgrounds */
.section-bg,
.gray-bg {
    background-color: var(--vtc-section-bg);
}

.card,
.service-item,
.blog-item,
.team-item {
    background-color: var(--vtc-card-bg);
}

/* Borders */
.border,
hr,
.service-item,
.blog-item,
.card {
    border-color: var(--vtc-border-color) !important;
}

/* Success/Error Colors */
.alert-success,
.text-success {
    color: var(--vtc-success-color);
}

.alert-danger,
.text-danger,
.error {
    color: var(--vtc-error-color);
}

/* Accent Color */
.icon-box i,
.feature-icon,
.service-icon {
    color: var(--vtc-accent-color);
}

.progress-bar,
.page-numbers.current,
.pagination .active a {
    background-color: var(--vtc-accent-color);
}

/* Override specific theme elements */
.breadcrumb-area {
    background-color: var(--vtc-section-bg);
}

.breadcrumb-area h1 {
    color: var(--vtc-heading-color);
}

.breadcrumb-area .breadcrumb-list li {
    color: var(--vtc-text-color);
}

.breadcrumb-area .breadcrumb-list li a {
    color: var(--vtc-link-color);
}

/* Sticky Header */
.sticky-header,
.header-area.sticky {
    background-color: var(--vtc-sticky-header-bg);
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* Mobile Menu */
.mean-container .mean-bar {
    background-color: var(--vtc-header-bg);
}

.mean-container .mean-nav {
    background-color: var(--vtc-dropdown-bg);
}

.mean-container .mean-nav ul li a {
    color: var(--vtc-dropdown-text);
}

/* Preloader */
.preloader {
    background-color: var(--vtc-body-bg);
}

.spinner {
    border-color: var(--vtc-primary-color);
    border-top-color: transparent;
}

/* Back to Top Button */
.back-to-top {
    background-color: var(--vtc-primary-color);
    color: var(--vtc-btn-primary-text);
}

.back-to-top:hover {
    background-color: var(--vtc-btn-primary-hover-bg);
}

/* Social Icons */
.social-links a {
    color: var(--vtc-text-color);
    border-color: var(--vtc-border-color);
}

.social-links a:hover {
    background-color: var(--vtc-primary-color);
    border-color: var(--vtc-primary-color);
    color: var(--vtc-btn-primary-text);
}

/* Contact Info */
.contact-info-box i {
    color: var(--vtc-accent-color);
}

/* Testimonials */
.testimonial-item {
    background-color: var(--vtc-card-bg);
    border-color: var(--vtc-border-color);
}

.testimonial-item .quote-icon {
    color: var(--vtc-accent-color);
}

/* Team */
.team-member {
    background-color: var(--vtc-card-bg);
}

.team-member .team-social a {
    color: var(--vtc-text-color);
    border-color: var(--vtc-border-color);
}

.team-member .team-social a:hover {
    background-color: var(--vtc-primary-color);
    border-color: var(--vtc-primary-color);
    color: var(--vtc-btn-primary-text);
}

/* Pricing Tables */
.pricing-table {
    background-color: var(--vtc-card-bg);
    border-color: var(--vtc-border-color);
}

.pricing-table.featured {
    border-color: var(--vtc-accent-color);
}

.pricing-table .price {
    color: var(--vtc-primary-color);
}

/* Tabs */
.nav-tabs .nav-link {
    color: var(--vtc-text-color);
    border-color: var(--vtc-border-color);
}

.nav-tabs .nav-link.active {
    color: var(--vtc-primary-color);
    border-bottom-color: var(--vtc-primary-color);
}

/* Accordions */
.accordion-item {
    border-color: var(--vtc-border-color);
}

.accordion-button {
    background-color: var(--vtc-card-bg);
    color: var(--vtc-heading-color);
}

.accordion-button:not(.collapsed) {
    background-color: var(--vtc-section-bg);
    color: var(--vtc-primary-color);
}

/* Blog */
.blog-post {
    background-color: var(--vtc-card-bg);
    border-color: var(--vtc-border-color);
}

.blog-post .post-meta {
    color: var(--vtc-muted-text-color);
}

.blog-post .post-meta a {
    color: var(--vtc-text-color);
}

.blog-post .post-meta a:hover {
    color: var(--vtc-primary-color);
}

/* Tags */
.tag-cloud a,
.tagcloud a {
    background-color: var(--vtc-section-bg);
    color: var(--vtc-text-color);
    border-color: var(--vtc-border-color);
}

.tag-cloud a:hover,
.tagcloud a:hover {
    background-color: var(--vtc-primary-color);
    border-color: var(--vtc-primary-color);
    color: var(--vtc-btn-primary-text);
}

/* Search */
.search-form input {
    background-color: var(--vtc-input-bg);
    border-color: var(--vtc-input-border);
    color: var(--vtc-input-text);
}

.search-form button {
    background-color: var(--vtc-primary-color);
    color: var(--vtc-btn-primary-text);
}

/* Widget Areas */
.widget {
    background-color: var(--vtc-card-bg);
}

.widget-title {
    color: var(--vtc-heading-color);
    border-bottom-color: var(--vtc-border-color);
}

/* Comments */
.comment-list .comment {
    border-color: var(--vtc-border-color);
}

.comment-author {
    color: var(--vtc-heading-color);
}

.comment-meta {
    color: var(--vtc-muted-text-color);
}

.comment-reply-link {
    color: var(--vtc-link-color);
}

.comment-reply-link:hover {
    color: var(--vtc-link-hover-color);
}

/* 404 Page */
.error-404 {
    color: var(--vtc-primary-color);
}

/* Animations */
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 var(--vtc-primary-color);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}