/* Language Switcher */
.lang-switcher {
    position: absolute;
    top: 30px;
    right: 170px;
    display: flex;
    align-items: center;
    font-family: "Noto Serif JP", serif;
    font-size: 14px;
    color: #000;
    z-index: 100;
}

.lang-switch {
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 0.3s;
    font-weight: 500;
}

.lang-switch:hover,
.lang-switch.active {
    opacity: 1;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
}

.lang-switcher .divider {
    margin: 0 8px;
    opacity: 0.3;
}

/* Vertical Text Handling for EN/ID */
body.lang-en .txt-vertical,
body.lang-id .txt-vertical {
    writing-mode: horizontal-tb !important;
    -webkit-writing-mode: horizontal-tb !important;
    -ms-writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    height: auto !important;
    width: auto !important;
    margin-bottom: 20px;
    line-height: 1.6;
}

/* Adjustments for horizontal layout in EN/ID */
body.lang-en #sec2 .row .item .tit,
body.lang-id #sec2 .row .item .tit {
    margin-bottom: 20px;
    text-align: center;
}

body.lang-en #sec2 .row .item .tit h3,
body.lang-id #sec2 .row .item .tit h3 {
    font-size: 24px;
}

body.lang-en #sec3 .group,
body.lang-id #sec3 .group {
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
}

body.lang-en #sec3 .group h2,
body.lang-id #sec3 .group h2 {
    font-size: 32px;
    line-height: 1.4;
    margin-bottom: 10px;
}

/* Section 3 Layout Fix - Prevent text overlapping image */
body.lang-en #sec3,
body.lang-id #sec3 {
    display: block !important;
}

body.lang-en #sec3 .group,
body.lang-id #sec3 .group {
    position: relative !important;
    float: none !important;
    margin: 0 auto 40px auto !important;
    z-index: 10 !important;
    background: #fff;
    padding: 20px;
}

body.lang-en #sec3 .photo,
body.lang-id #sec3 .photo {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    margin: 0 auto 30px auto !important;
    width: 100% !important;
    max-width: 800px !important;
}

body.lang-en #sec3 .wrap,
body.lang-id #sec3 .wrap {
    display: block !important;
    clear: both !important;
}

body.lang-en #sec3 .text,
body.lang-id #sec3 .text {
    float: none !important;
    margin: 0 auto !important;
    width: 100% !important;
    max-width: 800px !important;
    text-align: left;
}

body.lang-en #sec3 .photo2,
body.lang-id #sec3 .photo2 {
    float: none !important;
    margin: 30px auto !important;
}

/* Section 6 Set2 Background Fix */
body.lang-en #sec6 .set2 .row h3,
body.lang-id #sec6 .set2 .row h3 {
    background: url("../img/shared/black_wood.jpg") repeat center top;
    color: #fff;
    padding: 20px;
    writing-mode: horizontal-tb !important;
    height: auto !important;
    width: auto !important;
    text-align: center;
}