/**
 * GTranslate Widget Position Override
 * 
 * These styles override the inline CSS of the GTranslate floating widget
 * to reposition it on different screen sizes
 */

/* Default position for all screens */
#gt_float_wrapper {
    position: fixed !important;
    bottom: 20px !important;
    right: 20px !important;
    z-index: 999999 !important;
}

/* Mobile position adjustments */
@media (max-width: 767px) {
    #gt_float_wrapper {
        bottom: 20px !important;
        right: 20px !important; /* Default position on mobile */
    }
}

/* Ensure the widget doesn't overlap with the hamburger menu */
.menu-style-hamburger.menu-above-hero #gt_float_wrapper {
    bottom: 20px !important; /* Move it down when hamburger menu is active */
}

/* Additional adjustments for very small screens */
@media (max-width: 480px) {
    #gt_float_wrapper {
        bottom: 10px !important;
        right: 10px !important;
    }
}