.gm-main-lang {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 4px;
    border: 1px solid rgba(181, 139, 59, 0.28);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 10px 26px rgba(31, 25, 15, 0.08);
    direction: ltr;
    white-space: nowrap;
}

.gm-main-lang-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 8px 16px;
    border-radius: 999px;
    color: #3d3020;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none !important;
    letter-spacing: 0.2px;
    transition: all 0.2s ease;
}

.gm-main-lang-link:hover {
    color: #8a6424;
    background: rgba(181, 139, 59, 0.10);
}

.gm-main-lang-link.is-active {
    color: #ffffff;
    background: linear-gradient(135deg, #b58b3b, #8a6424);
    box-shadow: 0 6px 16px rgba(138, 100, 36, 0.22);
}

.gm-main-lang-emoji {
    display: none !important;
}

/* Hide only the old TranslatePress floating switcher */
#trp-floater-ls,
.trp-floater-ls {
    display: none !important;
}

/* Mobile: hide our custom pill only if someone placed it in the top header */
@media (max-width: 768px) {
    .ct-header .gm-main-lang {
        display: none !important;
    }
}
/* Gift Makkah mobile offcanvas style */
@media (max-width: 768px) {
    #offcanvas,
    .ct-panel,
    .ct-panel-inner {
        background: #fffdf8 !important;
    }

    .ct-panel {
        color: #3d3020 !important;
    }

    .ct-panel a,
    .ct-panel .ct-menu-link {
        color: #3d3020 !important;
        font-weight: 800 !important;
        font-size: 17px !important;
        letter-spacing: 0.1px;
    }

    .ct-panel a:hover,
    .ct-panel .ct-menu-link:hover {
        color: #a8841b !important;
    }

    .ct-panel .ct-toggle-close,
    .ct-panel .ct-toggle-close svg {
        color: #6b5414 !important;
        fill: #6b5414 !important;
    }

    .ct-panel .mobile-menu,
    .ct-panel nav {
        padding-top: 12px;
    }

    .ct-panel li {
        margin-bottom: 8px;
    }

    .ct-panel .gm-main-lang {
        width: 100%;
        max-width: 220px;
        margin: 0 0 22px 0;
        box-shadow: none;
        border-color: rgba(181, 139, 59, 0.35);
        background: #ffffff;
    }

    .ct-panel .gm-main-lang-link {
        min-height: 38px;
        font-size: 14px;
    }

    .ct-panel .gm-main-lang-link.is-active {
        display: none !important;
    }
}