/* V3 ETIKA - Unified Theme Variables
 * Combines V1 (Professional Trust) + V2 (Dynamic Innovation) aesthetics
 * Font: Plus Jakarta Sans (unified)
 */

:root {
    /* Primary ETIKA Green */
    --etika-green: #448600;
    --etika-green-dark: #3d7600;
    --etika-green-light: #52a008;

    /* Secondary - Professional Navy */
    --navy: #1e3a5f;
    --navy-dark: #152c4a;
    --navy-light: #2a4d7a;

    /* Accent Colors */
    --accent-gold: #d4af37;
    --accent-cyan: #00d4ff;
    --accent-turquoise: #06b6d4;

    /* V2 Red Accent (consulter theme) */
    --red-accent: #e93314;
    --red-accent-dark: #c42a10;
    --red-accent-light: #ff4d33;

    /* ETIKA Brand Tricolor */
    --etika-red: #C1272D;
    --etika-bleu: #0055A4;

    /* Neutrals */
    --white: #ffffff;
    --off-white: #f8f9fa;
    --gray-100: #f1f5f9;
    --gray-200: #e9ecef;
    --gray-300: #cbd5e1;
    --gray-400: #94a3b8;
    --gray-500: #6c757d;
    --gray-600: #475569;
    --gray-700: #333333;
    --gray-800: #222222;
    --gray-900: #111111;
    --black: #000000;

    /* Background Colors */
    --bg-primary: var(--white);
    --bg-secondary: var(--off-white);
    --bg-dark: var(--gray-800);
    --bg-navy: var(--navy);

    /* Text Colors */
    --text-primary: var(--gray-800);
    --text-secondary: var(--gray-600);
    --text-muted: var(--gray-500);
    --text-light: var(--white);

    /* V1 Corpox Theme Colors */
    --color-primary: var(--etika-green);
    --color-primary-2: var(--etika-green-dark);
    --color-primary-3: var(--navy);
    --color-white: var(--white);
    --color-dark: var(--gray-800);
    --color-heading: var(--gray-800);
    --color-body: var(--gray-600);

    /* Border */
    --border-color: var(--gray-200);
    --border-color-light: var(--gray-100);

    /* Shadows */
    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);
    --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1);

    /* Transitions */
    --transition-fast: 0.15s ease;
    --transition-base: 0.3s ease;
    --transition-slow: 0.5s ease;

    /* Border Radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 20px;
    --radius-full: 9999px;

    /* Spacing */
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 2rem;
    --space-xl: 4rem;
    --space-2xl: 8rem;
}

/* Font Override - Unified Plus Jakarta Sans */
body,
.font-la,
h1, h2, h3, h4, h5, h6,
.title,
.description,
p {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

/* V1 Theme Color Overrides */
.tmp-btn,
.tmp-btn.btn-large,
.tmp-btn.btn-small {
    background: var(--etika-green);
    border-color: var(--etika-green);
}

.tmp-btn:hover {
    background: var(--etika-green-dark);
    border-color: var(--etika-green-dark);
}

.tmp-btn.btn-border {
    background: transparent;
    border-color: var(--etika-green);
    color: var(--etika-green);
}

.tmp-btn.btn-border:hover {
    background: var(--etika-green);
    color: var(--white);
}

/* Subtitle Color */
.subtitle,
.sub-title,
h4.subtitle {
    color: var(--etika-green);
}

/* Links */
a:hover {
    color: var(--etika-green);
}

/* Selection */
::selection {
    background: var(--etika-green);
    color: var(--white);
}

/* Scrollbar */
::-webkit-scrollbar-thumb {
    background: var(--etika-green);
}

/* V2 Wrapper Styles - Scoped to .v3-consulter */
.v3-consulter {
    --color-red: var(--red-accent);
    --color-primary: var(--red-accent);
}

.v3-consulter .theme-btn.btn-red,
.v3-consulter .bg-red {
    background-color: var(--etika-green) !important;
}

.v3-consulter .color-red {
    color: var(--etika-green) !important;
}

.v3-consulter .theme-btn.btn-red:hover {
    background-color: var(--etika-green-dark) !important;
}

/* Header Sticky State */
.header-sticky.sticky {
    background: var(--white);
    box-shadow: var(--shadow-md);
}

/* Counter Colors */
.odometer,
.count-number {
    color: var(--etika-green);
}

/* Service Icon Colors */
.tmp-single-service-style-three .icon i {
    color: var(--etika-green);
}

/* Tab Active State */
.tmp-default-tab .nav-link.active {
    color: var(--etika-green);
    border-color: var(--etika-green);
}

/* Rating Stars */
.rating i {
    color: var(--accent-gold);
}

/* Light Mode Adjustments */
.active-light-mode {
    --color-primary: var(--etika-green);
}

/* Footer Adjustments */
.footer-style-default {
    background: var(--gray-800);
}

.footer-style-default a:hover {
    color: var(--etika-green);
}

/* V3 Consulter Footer Override */
.v3-consulter.footer-1.footer-3 {
    background-color: var(--navy);
}

/* Line Separators */
.line-separator {
    background: var(--etika-green);
}

/* Feature Check Icons */
.feature-list-service .icon i {
    color: var(--etika-green);
}

/* Hover Effects */
.tmponhover:hover {
    border-color: var(--etika-green);
}

/* Service Cards Hover */
.single-service-list-area:hover .head .icon {
    background: var(--etika-green);
}

/* Portfolio Hover */
.our-portfolio-home__item:hover .content .left .post-author a {
    color: var(--etika-green);
}

.footer-3 {
    padding-top: 100px;
}

.footer-3 p {
    color: var(--white)!important;
}