/* =========================================================
   SREE JK DEVELOPERS
   GLOBAL — LANGUAGE SYSTEM CSS
========================================================= */


/* =========================================================
   LANGUAGE WRAPPER
========================================================= */

.lang-wrap {

    display: grid;

    grid-template-areas: "content";

}


/* =========================================================
   INLINE LANGUAGE WRAPPER
========================================================= */

span.lang-wrap {

    display: inline-grid;

}


/* =========================================================
   CENTERED LANGUAGE TEXT
========================================================= */

.lang-wrap.center-text {

    justify-items: center;

    text-align: center;

}


/* =========================================================
   ENGLISH + TELUGU
   Same grid position
========================================================= */

.lang-en,
.lang-te {

    grid-area: content;

    transition:
        opacity 0.6s ease-in-out,
        visibility 0.6s ease-in-out;

}


/* =========================================================
   DEFAULT ENGLISH STATE
========================================================= */

.lang-en {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

}


/* =========================================================
   DEFAULT TELUGU STATE
========================================================= */

.lang-te {

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

}


/* =========================================================
   TELUGU ACTIVE
========================================================= */

body.show-telugu .lang-en {

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

}


body.show-telugu .lang-te {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

}