/* ================================================================
   TOPIC TRANSLATE - INTEGRATION FLATBOOTS (SiteSplat) - V2
   ================================================================ */

/* 1. CONTAINER DOS BOTÕES */
.translate-container {
    position: relative !important;
    display: inline-flex !important;
    vertical-align: middle;
    gap: 4px; /* um pouco mais de espaço entre os botões */
    margin-left: 8px; /* opcional: afasta um pouco do texto do post */
}

/* 2. BOTÕES QUADRADOS - MESMO TAMANHO E ESTILO */
.btn-translate-custom,
.btn-reset-custom {
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    border: 1px solid #dbdbdb !important;
    border-radius: 6px !important; /* um pouco mais arredondado - fica mais moderno */
    cursor: pointer;
    transition: all 0.2s ease !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
}

/* Ícones dentro dos botões */
.btn-translate-custom i,
.btn-reset-custom i {
    /*font-size: 16px !important;
    color: #0088cc !important; /* cor primária do Flatboots */
}

/* Hover nos botões */
.btn-translate-custom:hover,
.btn-reset-custom:hover {
    /*background: #0088cc !important;
    border-color: #0088cc !important; */
}

.btn-translate-custom:hover i,
.btn-reset-custom:hover i {
    color: #8c8c8c !important;
}

/* 3. MENU DE IDIOMAS */
.gtranslate_wrapper {
    display: none;
    position: absolute !important;
    top: 38px !important;
    right: 0 !important;
    z-index: 99999 !important;
    background: #fff !important;
    border: 1px solid #0088cc !important;
    padding: 12px !important;
    border-radius: 6px !important;
    box-shadow: 0 6px 16px rgba(0,0,0,0.15) !important;
    min-width: 180px !important;
}

/* Label "Traduzir" */
.gt_label_translate {
    display: block;
    padding: 6px 10px;
    margin-bottom: 10px;
    font-size: 11px;
    font-weight: 700;
    /*color: #0088cc; */
    background: #f8f8f8;
    border-radius: 4px;
    text-transform: uppercase;
    text-align: center;
    border-bottom: 1px solid #eee;
}

/* Select do GTranslate */
.gtranslate_wrapper select {
    font-family: 'Bai Jamjuree', sans-serif !important;
    font-size: 13px !important;
    height: 36px !important;
    padding: 0 10px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    width: 100% !important;
}

/* 4. CRÉDITOS DO GTRANSLATE - CORRIGIDO */
/* CRÉDITOS DO GTRANSLATE - AGORA NA MESMA LINHA */
.gtranslate-footer-credit {
    text-align: center;
    margin-top: 12px;
    font-size: 11px;
    color: #777;
    line-height: 1.4;
}

.gtranslate-footer-credit .gt-badge {
    display: inline-flex;      /* flex para alinhar tudo na mesma linha */
    align-items: center;       /* centraliza verticalmente */
    text-decoration: none !important;
    color: inherit;
    gap: 6px;                  /* espaço entre o texto e o logo */
}

.gtranslate-footer-credit .gt-text {
    display: inline;           /* remove a quebra de linha */
    color: #5f6368;
    white-space: nowrap;       /* evita quebra indesejada */
}

/* Mantém o logo grande e colorido */
.gtranslate-footer-credit span[style*="font-weight: bold"] {
    font-weight: bold !important;
    font-size: 14px !important;
    display: inline-flex;
    align-items: center;
    gap: 0;
}

/* Cores do logo Google */
.gt-g { color: #4285F4; }
.gt-o1 { color: #EA4335; }
.gt-o2 { color: #FBBC05; }
.gt-l { color: #34A853; }
.gt-e { color: #EA4335; }

/* 5. RESPONSIVIDADE MOBILE */
@media (max-width: 700px) {
    .translate-container {
        gap: 6px;
    }
    
    .gtranslate_wrapper {
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 90% !important;
        max-width: 320px;
        box-shadow: 0 0 0 100vh rgba(0,0,0,0.5) !important;
    }
    
    .gtranslate-footer-credit {
        font-size: 10px;
    }
}