/* ==========================================================
   INSIGHT MEDIA V39
   T1 / T2 SWITCH
   Shared across both visual systems.
   ========================================================== */

.v39-template-switch{
    position:fixed;

    top:18px;
    right:18px;

    z-index:1900;

    display:flex;
    align-items:center;

    height:44px;

    padding:4px;

    border-radius:999px;

    background:
        rgba(20,19,18,.82);

    border:
        1px solid
        rgba(255,255,255,.13);

    box-shadow:
        0 12px 35px
        rgba(0,0,0,.18);

    backdrop-filter:
        blur(18px);

    -webkit-backdrop-filter:
        blur(18px);
}

.v39-template-option{
    min-width:47px;
    height:36px;

    padding:0 11px;

    border:0;
    border-radius:999px;

    background:transparent;
    color:
        rgba(255,255,255,.58);

    cursor:pointer;

    font-size:10px;
    font-weight:900;

    letter-spacing:.05em;

    transition:
        background .16s ease,
        color .16s ease,
        transform .10s ease;
}

.v39-template-option:active{
    transform:scale(.93);
}

.v39-template-option.active{
    background:#fff;
    color:#191715;
}

html[data-template="T2"]
.v39-template-option.active{
    background:#ead9ad;
    color:#18263c;
}


/* tiny identity mark */

.v39-template-name{
    position:fixed;

    top:66px;
    right:21px;

    z-index:1899;

    pointer-events:none;

    color:
        rgba(40,35,31,.48);

    font-size:7px;
    font-weight:900;

    letter-spacing:.13em;

    text-transform:uppercase;
}


/* T1 stays intentionally neutral */

html[data-template="T1"]
.v39-template-name::before{
    content:"ORIGINAL";
}


/* T2 is explicitly cultural */

html[data-template="T2"]
.v39-template-name::before{
    content:"ÌRÁNTÍ";
}


@media(max-width:640px){

    .v39-template-switch{
        top:10px;
        right:10px;

        height:40px;
    }

    .v39-template-option{
        min-width:41px;
        height:32px;

        padding:0 9px;

        font-size:9px;
    }

    .v39-template-name{
        display:none;
    }
}