/* =============================================
   ZenG Override — Portfólio Gabriel Muniz
   Substitui verde #45e77b pelo cyan #22d3ee
   ============================================= */

:root {
    --primary-color: #22d3ee !important;
    --primary-color-hover: #06b6d4 !important;
    --secondary-color: #0e7490 !important;
    --Bg-dark: #111111 !important;
    --White: #111111 !important;
    --Text-light: #ffffff !important;
}

body {
    background-color: #111111 !important;
    color: #ffffff !important;
}

#wrapper {
    background-color: #111111 !important;
}

/* Accent color overrides */
.text_primary-color,
.icon-quote::before,
.service-item .btn-arrow,
.nav_link.active i,
.nav_link:hover i,
.nav_link.active,
a.link:hover,
.education-item h5 a:hover,
.portfolio-item .tag,
.testimonial-item .athor span,
.tf-btn.style-1,
.tf-btn.style-border .title i,
.point::before,
.counter-number .sub,
.tag-heading {
    color: #22d3ee !important;
}

/* Botões primários */
.tf-btn.style-1,
.tf-btn.style-1.animate-hover-btn {
    background: #22d3ee !important;
    border-color: #22d3ee !important;
    color: #111111 !important;
}

.tf-btn.style-1:hover {
    background: #06b6d4 !important;
    border-color: #06b6d4 !important;
}

/* Botão outline/border */
.tf-btn.style-border .bg_btn {
    background: #22d3ee !important;
}

.tf-btn.style-border:hover .title {
    color: #111111 !important;
}

/* Links hover */
a.link:hover,
.hover-underline-link:hover {
    color: #22d3ee !important;
}

/* Linha nos education items */
.wrap-education-item .point::after,
.wrap-education-item:hover .point::before {
    background: #22d3ee !important;
}

/* Service item linha */
.service-item::after {
    background: linear-gradient(90deg, transparent, #22d3ee, transparent) !important;
}

/* Scroll nav ativo */
.nav-menu.style-2 li .nav_link.active,
.nav-menu.style-2 li .nav_link:hover {
    color: #22d3ee !important;
    border-color: #22d3ee !important;
}

/* Portfolio tag */
.portfolio-item .tag {
    color: #22d3ee !important;
}

/* Shapes e decorações */
.bg-shape {
    background: radial-gradient(ellipse at 20% 50%, rgba(34, 211, 238, 0.06) 0%, transparent 60%),
                radial-gradient(ellipse at 80% 20%, rgba(34, 211, 238, 0.04) 0%, transparent 50%) !important;
}

/* Counter numbers */
.odometer,
.counter-number {
    color: #ffffff !important;
}

.counter-number .sub {
    color: #22d3ee !important;
}

/* Nav sidebar tooltips */
.nav-menu.style-2 .nav_link .tooltip {
    background: rgba(17, 17, 17, 0.95) !important;
    color: #ffffff !important;
    border: 1px solid rgba(34, 211, 238, 0.3) !important;
}

/* Botão seta nos serviços */
.btn-arrow {
    border-color: rgba(34, 211, 238, 0.3) !important;
    color: #22d3ee !important;
}

.btn-arrow:hover {
    background: #22d3ee !important;
    color: #111111 !important;
}

/* User bar foto glow */
.user-bar .img-style img {
    box-shadow: 0 0 30px rgba(34, 211, 238, 0.2) !important;
}

/* Skill progress bars */
.progress-bar-custom {
    height: 6px;
    border-radius: 9999px;
    background: linear-gradient(90deg, #0ea5e9, #22d3ee);
    box-shadow: 0 0 10px rgba(34, 211, 238, 0.3);
}

/* Scroll dots effect */
.scrolling-effect.is-visible .point::before {
    background: #22d3ee !important;
}

/* FAQ items */
.faq-toggle:hover span {
    color: #22d3ee !important;
}

.faq-icon-active {
    color: #22d3ee !important;
}

/* Animação glow no botão CTA */
@keyframes glow-pulse {
    0%, 100% { box-shadow: 0 0 20px rgba(34, 211, 238, 0.3); }
    50% { box-shadow: 0 0 35px rgba(34, 211, 238, 0.5); }
}

.btn-glow-cyan {
    animation: glow-pulse 2.5s ease-in-out infinite;
}

/* Mobile header */
.header .header-sidebar .box .info .text-label {
    color: #22d3ee !important;
}

/* Remove verde da variável e força cyan globalmente */
[style*="--primary-color"] {
    --primary-color: #22d3ee !important;
}