/* ============================================
   PRESSMATIK - CORES PERSONALIZADAS
   ============================================ */

/* CORES PRINCIPAIS DO SITE */
:root {
    --main-color: #971b26;
    /* Vermelho escuro (bordô) */
    --highlight-color: #ed2f31;
    /* Vermelho vivo */
    --secondary-color: #58595b;
    /* Cinza escuro */
    --text-color: #333333;
    /* Cor do texto */
    --light-bg: #f8f9fa;
    /* Fundo claro */
    --white: #ffffff;
    /* Branco */
}

/* ============================================
   BOTÕES
   ============================================ */
.btn-primary {
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.btn-primary:hover {
    background-color: var(--highlight-color);
    border-color: var(--highlight-color);
}

.btn-secondary {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.btn-outline-primary {
    color: var(--main-color);
    border-color: var(--main-color);
}

.btn-outline-primary:hover {
    background-color: var(--main-color);
    border-color: var(--main-color);
    color: var(--white);
}

/* ============================================
   LINKS
   ============================================ */
a {
    color: var(--main-color);
}

a:hover {
    color: var(--highlight-color);
}

/* ============================================
   CABEÇALHO / HEADER
   ============================================ */
.header-area .main-menu ul li a:hover,
.header-area .main-menu ul li.active>a {
    color: var(--main-color);
}

.header-area .main-menu ul li ul li a:hover {
    color: var(--highlight-color);
}

/* ============================================
   TÍTULOS E DESTAQUES
   ============================================ */
.section-title .sub-title,
.theme-color {
    color: var(--main-color);
}

h2::after,
.underline-highlight::after {
    background: var(--highlight-color);
}

/* ============================================
   ÍCONES E ELEMENTOS DESTACADOS
   ============================================ */
.icon-box .icon,
.service-icon,
.feature-icon {
    color: var(--main-color);
}

.icon-box:hover .icon,
.service-icon:hover,
.feature-icon:hover {
    color: var(--highlight-color);
}

/* ============================================
   RODAPÉ / FOOTER
   ============================================ */
.footer-2 .footer-widgets-wrapper {
    background-color: var(--secondary-color);
}

.footer-bottom {
    background-color: #3d3e40;
}

.footer-wrap .single-footer-wid.site_info_widget .single-contact-info .icon {
    color: var(--highlight-color) !important;
}

/* ============================================
   WIDGETS E CARDS
   ============================================ */
.widget-title::after,
.card-header {
    background-color: var(--main-color);
}

.card:hover {
    border-color: var(--highlight-color);
}

/* ============================================
   FORMULÁRIOS
   ============================================ */
input:focus,
textarea:focus,
select:focus {
    border-color: var(--main-color);
    box-shadow: 0 0 0 0.2rem rgba(151, 27, 38, 0.25);
}

/* ============================================
   NAVEGAÇÃO / MENU
   ============================================ */
.navbar-nav .nav-link.active,
.navbar-nav .nav-link:hover {
    color: var(--main-color);
}

.dropdown-item:hover,
.dropdown-item.active {
    background-color: var(--main-color);
    color: var(--white);
}

/* ============================================
   BACKGROUNDS
   ============================================ */
.bg-primary,
.bg-theme {
    background-color: var(--main-color) !important;
}

.bg-secondary {
    background-color: var(--secondary-color) !important;
}

/* ============================================
   TEXTO COLORIDO
   ============================================ */
.text-primary,
.text-theme {
    color: var(--main-color) !important;
}

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

/* ============================================
   HOVER EFFECTS
   ============================================ */
.hover-primary:hover {
    background-color: var(--main-color);
    color: var(--white);
}

.hover-highlight:hover {
    background-color: var(--highlight-color);
    color: var(--white);
}

/* ============================================
   NOVAS CLASSES UTILITÁRIAS (Melhoria Visual)
   ============================================ */

/* Efeito de levitação nos cards de serviço */
.hover-lift {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hover-lift:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
}

/* Consistência de cores do Bootstrap com a Marca */
.text-danger {
    color: var(--highlight-color) !important;
}

.bg-danger {
    background-color: var(--main-color) !important;
}

.btn-danger {
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.btn-danger:hover {
    background-color: var(--highlight-color);
    border-color: var(--highlight-color);
}

.btn-dark {
    background-color: #2c3e50;
    border-color: #2c3e50;
}

.text-dark {
    color: #2c3e50 !important;
}

/* Ajuste no Hero Estático */
.hero-static h1 {
    font-family: 'Rubik', sans-serif;
    /* Usando a fonte do tema */
}

/* ============================================
   LANGUAGE SWITCHER DROPDOWN
   ============================================ */
.lang-switcher {
    position: relative;
}

.lang-switcher .lang-menu {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: auto;
    background: #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    list-style: none;
    padding: 10px 0;
    min-width: 150px;
    z-index: 999;
    border-radius: 4px;
    margin-top: 10px;
}

/* Invisible bridge for better hover experience */
.lang-switcher .lang-menu::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px;
}

/* Desktop: open on hover */
.lang-switcher:hover .lang-menu {
    display: block;
    animation: langFadeIn 0.2s ease-in-out;
}

/* Mobile/click: open on toggle */
.lang-switcher.open .lang-menu {
    display: block;
    animation: langFadeIn 0.2s ease-in-out;
}

.lang-switcher .lang-menu li {
    display: block;
    border-bottom: 1px solid #eee;
}

.lang-switcher .lang-menu li:last-child {
    border-bottom: none;
}

.lang-switcher .lang-menu li a {
    display: block;
    padding: 10px 20px;
    color: #333 !important;
    text-transform: uppercase;
    font-size: 14px;
    white-space: nowrap;
}

.lang-switcher .lang-menu li a:hover,
.lang-switcher .lang-menu li a.active {
    background: #f9f9f9;
    color: var(--main-color) !important;
}

/* Prevent meanmenu from hiding lang-menu */
.mean-nav .lang-switcher .lang-menu {
    display: none !important;
}

.mean-nav .lang-switcher.open .lang-menu {
    display: block !important;
    position: static;
    box-shadow: none;
    background: #f5f5f5;
    margin-top: 0;
    animation: none;
}

/* Close lang-menu when clicking outside */
@keyframes langFadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}