/**
 * DCC Custom Google Translate CSS
 * Plugin version - configured through admin settings
 *
 * @package    local_dcc_googletranslate
 * @copyright  2025 DCC
 * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */

/* Hide ALL Google Translate UI elements */
.goog-te-gadget,
.goog-te-banner-frame,
.goog-te-banner-frame.skiptranslate,
#goog-gt-tt,
.goog-te-balloon-frame,
.goog-logo-link,
.translate-tooltip-mover,
.translate-tooltip,
div.skiptranslate,
#google_translate_element {
    display: none !important;
    visibility: hidden !important;
}

/* Hide any notification bars or frames */
.goog-te-banner-frame div,
.goog-te-banner-frame span,
.goog-te-banner-frame td,
iframe.goog-te-banner-frame,
iframe[src*="translate.google"] {
    display: none !important;
    visibility: hidden !important;
}

/* Reset body positioning that Google Translate might modify */
body,
body.translated-ltr,
body.translated-rtl {
    top: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Language selector positioning for fixed mode */
#custom-language-selector {
    position: fixed;
    top: 81px; /* Adjust based on your header height */
    right: 52px;
    z-index: 9999;
}

/* Make widget responsive */
@media (max-width: 768px) {
    #custom-language-selector {
        right: 10px;
        top: 81px;
    }
}