/* ==========================================================
   ALFA — SELETOR DE IDIOMAS
   ========================================================== */

#alfa-idiomas,
#alfa-idiomas-autor {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;

    position: static !important;

    width: auto !important;
    height: auto !important;

    margin-left: 6px !important;
    margin-top: 0 !important;
    padding: 0 !important;

    vertical-align: middle !important;

    visibility: visible !important;
    opacity: 1 !important;

    transform: none !important;
}


/* ==========================================================
   ÁREA DO AUTOR
   ========================================================== */

.entry-meta .alfa-meta-info {
    display: inline-flex !important;
    align-items: center !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.entry-meta .byline {
    display: inline-flex !important;
    align-items: center !important;
    visibility: visible !important;
    opacity: 1 !important;
}


/* ==========================================================
   BOTÕES
   ========================================================== */

#alfa-idiomas button,
#alfa-idiomas-autor button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 36px !important;
    height: 30px !important;

    min-width: 36px !important;
    min-height: 30px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 5px !important;

    background: rgba(255,255,255,0.95) !important;

    box-shadow: 0 1px 3px rgba(0,0,0,0.3) !important;

    cursor: pointer !important;

    vertical-align: middle !important;

    visibility: visible !important;
    opacity: 1 !important;
}


/* ==========================================================
   BANDEIRAS
   ========================================================== */

#alfa-idiomas button svg,
#alfa-idiomas-autor button svg {
    display: block !important;

    width: 28px !important;
    height: 19px !important;

    min-width: 28px !important;
    min-height: 19px !important;

    max-width: none !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 2px !important;

    pointer-events: none !important;

    visibility: visible !important;
    opacity: 1 !important;
}


/* ==========================================================
   CELULAR
   ========================================================== */

@media (max-width: 768px) {

    #alfa-idiomas,
    #alfa-idiomas-autor {
        margin-left: 6px !important;
        gap: 3px !important;
    }

    #alfa-idiomas button,
    #alfa-idiomas-autor button {
        width: 34px !important;
        height: 28px !important;

        min-width: 34px !important;
        min-height: 28px !important;
    }

    #alfa-idiomas button svg,
    #alfa-idiomas-autor button svg {
        width: 27px !important;
        height: 18px !important;
    }
}


/* ==========================================================
   DESKTOP
   ========================================================== */

@media (min-width: 769px) {

    /* Garante que a área de informações apareça */
    .entry-meta {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .entry-meta .alfa-meta-info {
        display: inline-flex !important;
        align-items: center !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .entry-meta .byline {
        display: inline-flex !important;
        align-items: center !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    #alfa-idiomas,
    #alfa-idiomas-autor {
        display: inline-flex !important;
        align-items: center !important;

        position: static !important;

        width: auto !important;
        height: auto !important;

        margin-left: 10px !important;
        padding: 0 !important;

        visibility: visible !important;
        opacity: 1 !important;

        transform: none !important;
    }

    #alfa-idiomas button,
    #alfa-idiomas-autor button {
        display: inline-flex !important;

        width: 36px !important;
        height: 30px !important;

        min-width: 36px !important;
        min-height: 30px !important;

        visibility: visible !important;
        opacity: 1 !important;
    }

    #alfa-idiomas button svg,
    #alfa-idiomas-autor button svg {
        display: block !important;

        width: 28px !important;
        height: 19px !important;

        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* ==========================================================
   ALFA — PÁGINAS E POSTS
   ========================================================== */

@media (min-width: 769px) {

    .entry-meta .alfa-meta-info {
        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
    }

    .entry-meta .byline {
        display: block !important;
        width: auto !important;
        max-width: none !important;
        flex: 0 0 auto !important;
        white-space: nowrap !important;
    }

    .entry-meta .byline a {
        display: inline !important;
        white-space: nowrap !important;
    }

    .entry-meta #alfa-idiomas,
    .entry-meta #alfa-idiomas-autor {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex: 1 1 auto !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        position: static !important;
    }
}

#alfa-idiomas-autor button svg,
#alfa-idiomas button svg {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 28px !important;
    height: 19px !important;
    max-width: 28px !important;
    max-height: 19px !important;
}

/* ==========================================================
   ALFA — BANDEIRAS INLINE NO AUTOR
   ========================================================== */

#alfa-idiomas-autor {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    width: auto !important;
    height: auto !important;
    margin-left: 8px !important;
    padding: 0 !important;
    vertical-align: middle !important;
}

#alfa-idiomas-autor button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 36px !important;
    height: 30px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #fff !important;
    border: 0 !important;
    border-radius: 4px !important;

    box-shadow: 0 1px 3px rgba(0,0,0,.3) !important;

    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;

    cursor: pointer !important;
}

#alfa-idiomas-autor button svg {
    display: block !important;

    width: 28px !important;
    height: 19px !important;

    min-width: 28px !important;
    min-height: 19px !important;

    max-width: 28px !important;
    max-height: 19px !important;

    margin: 0 !important;
    padding: 0 !important;

    visibility: visible !important;
    opacity: 1 !important;

    overflow: visible !important;

    pointer-events: none !important;
}

#alfa-idiomas-autor button {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

/* ==========================================================
   ALFA — BANDEIRAS SEM FUNDO
   ========================================================== */

#alfa-idiomas-autor button,
#alfa-idiomas button {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

#alfa-idiomas-autor button:hover,
#alfa-idiomas button:hover,
#alfa-idiomas-autor button:focus,
#alfa-idiomas button:focus,
#alfa-idiomas-autor button:active,
#alfa-idiomas button:active {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* ==========================================================
   ALFA — BANDEIRAS SVG EXTERNAS
   ========================================================== */

#alfa-idiomas button img,
#alfa-idiomas-autor button img {
    display: block !important;

    width: 28px !important;
    height: 19px !important;

    min-width: 28px !important;
    min-height: 19px !important;

    max-width: 28px !important;
    max-height: 19px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 2px !important;

    background: transparent !important;

    box-shadow: none !important;

    pointer-events: none !important;
}