/**
 * ============================================================
 * FILE: /assets/css/site-multilingual-v1.0.2.2.css
 * VERSION: MAN Website Multilingual v1.0.2.2
 * Arabic RTL & Language Switcher Polish
 *
 * CSS/UI override only — tidak mengubah PHP translation core.
 * Muat SETELAH site-multilingual-v1.0.2.css.
 * ============================================================
 */

/* ---------- Language switcher: konsisten seperti portal Kemenag ---------- */
.mkb-site-language {
    position: relative;
    flex: 0 0 auto;
    direction: ltr !important;
}

.mkb-language-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 14px;
    border: 1px solid rgba(8,120,63,.24);
    border-radius: 10px;
    background: #fff;
    color: #08783f;
    font: inherit;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    white-space: nowrap;
}

.mkb-language-toggle:hover,
.mkb-language-toggle:focus-visible,
.mkb-language-toggle[aria-expanded="true"] {
    background: #f2faf5;
    border-color: #08783f;
    outline: none;
}

.mkb-language-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 27px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: -1px;
    direction: ltr !important;
}

.mkb-language-caret {
    display: inline-block;
    font-size: 13px;
    line-height: 1;
    transition: transform .18s ease;
}

.mkb-language-toggle[aria-expanded="true"] .mkb-language-caret {
    transform: rotate(180deg);
}

.mkb-language-menu {
    position: absolute;
    z-index: 99999;
    top: calc(100% + 8px);
    right: 0;
    left: auto;
    min-width: 205px;
    padding: 8px;
    background: #fff;
    border: 1px solid rgba(0,0,0,.10);
    border-radius: 12px;
    box-shadow: 0 14px 34px rgba(0,0,0,.15);
    direction: ltr !important;
}

.mkb-language-menu[hidden] {
    display: none !important;
}

.mkb-language-menu a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 44px;
    padding: 10px 12px;
    border-radius: 8px;
    color: #26362e;
    text-decoration: none;
    font-weight: 700;
}

.mkb-language-menu a:hover,
.mkb-language-menu a:focus-visible {
    background: #f1f8f4;
    color: #08783f;
    outline: none;
}

.mkb-language-menu a.is-active {
    background: #e8f5ed;
    color: #08783f;
}

.mkb-language-menu a[lang="ar"] {
    direction: rtl !important;
    text-align: right;
    font-family: Tahoma, Arial, sans-serif;
}

/* Tombol bahasa tidak ikut terbalik saat halaman Arab */
.mkb-site-lang-ar .mkb-site-language,
.mkb-site-lang-ar .mkb-language-toggle {
    direction: ltr !important;
}

/* Label Arab pada tombol tetap terbaca natural */
.mkb-site-lang-ar .mkb-language-toggle > span:nth-child(2) {
    direction: rtl;
    unicode-bidi: isolate;
    font-family: Tahoma, Arial, sans-serif;
}

/* ---------- Header/navigation Arab: RTL terkontrol ---------- */
.mkb-site-lang-ar .mkb-main-header-inner,
.mkb-site-lang-ar .mkb-header-actions {
    direction: ltr !important;
}

.mkb-site-lang-ar .mkb-nav {
    direction: rtl;
}

.mkb-site-lang-ar .mkb-primary-menu,
.mkb-site-lang-ar .mkb-sub-menu {
    direction: rtl;
}

.mkb-site-lang-ar .mkb-primary-menu a,
.mkb-site-lang-ar .mkb-sub-menu a {
    text-align: right;
}

/* ---------- Homepage Arab: RTL hanya konten teks ---------- */
.mkb-home-lang-ar .mkb-hero-copy-v060,
.mkb-home-lang-ar .mkb-hero-card-v060,
.mkb-home-lang-ar .mkb-section-heading-copy,
.mkb-home-lang-ar .mkb-service-card,
.mkb-home-lang-ar .mkb-student-stats-copy-v191,
.mkb-home-lang-ar .mkb-student-stat-v191,
.mkb-home-lang-ar .mkb-featured-news-content-v070,
.mkb-home-lang-ar .mkb-latest-news-copy-v070,
.mkb-home-lang-ar .mkb-info-panel-v070,
.mkb-home-lang-ar .mkb-achievement-body-v080,
.mkb-home-lang-ar .mkb-gallery-overlay-v080,
.mkb-home-lang-ar .mkb-quick-card-v080 {
    direction: rtl !important;
    text-align: right;
}

/* Struktur/grid utama jangan dibalik */
.mkb-home-lang-ar .mkb-hero-grid-v060,
.mkb-home-lang-ar .mkb-services,
.mkb-home-lang-ar .mkb-student-stats-grid-v191,
.mkb-home-lang-ar .mkb-news-layout-v070,
.mkb-home-lang-ar .mkb-info-grid-v070,
.mkb-home-lang-ar .mkb-achievement-grid-v080,
.mkb-home-lang-ar .mkb-gallery-grid-v080,
.mkb-home-lang-ar .mkb-quick-grid-v080 {
    direction: ltr !important;
}

/* Isi kartu Portal Layanan */
.mkb-home-lang-ar .mkb-hero-card-v060 .mkb-hero-card-item,
.mkb-home-lang-ar .mkb-service-card {
    direction: rtl !important;
}

.mkb-home-lang-ar .mkb-hero-card-v060 .mkb-hero-card-item > *,
.mkb-home-lang-ar .mkb-service-card > * {
    text-align: right;
}

/* Nomor layanan tetap LTR agar 01/02/03 tidak berubah */
.mkb-home-lang-ar .mkb-hero-card-v060 .mkb-hero-card-number,
.mkb-home-lang-ar .mkb-service-number {
    direction: ltr !important;
    unicode-bidi: isolate;
    text-align: center !important;
}

/* Panah CTA menghadap sesuai arah baca Arab */
.mkb-home-lang-ar .mkb-hero-card-v060 .mkb-hero-card-arrow,
.mkb-home-lang-ar .mkb-service-arrow {
    transform: scaleX(-1);
}

/* Latin/nama resmi tetap natural */
.mkb-home-lang-ar .mkb-hero-card-v060 strong,
.mkb-home-lang-ar .mkb-service-card strong {
    unicode-bidi: plaintext;
}

/* Tombol hero: susunan stabil, teks Arab natural */
.mkb-home-lang-ar .mkb-hero-actions-v060 {
    direction: rtl;
    justify-content: flex-start;
}

.mkb-home-lang-ar .mkb-hero-actions-v060 a {
    direction: rtl;
}

/* ---------- Mobile ---------- */
@media (max-width: 900px) {
    .mkb-language-toggle {
        min-width: 44px;
        padding: 0 11px;
    }

    .mkb-language-menu {
        right: 0;
        left: auto;
        min-width: 190px;
    }

    /* Pertahankan label bahasa jika ruang masih memungkinkan */
    .mkb-language-toggle > span:nth-child(2) {
        display: inline-block;
    }
}

@media (max-width: 560px) {
    .mkb-language-toggle {
        padding: 0 9px;
    }

    .mkb-language-toggle > span:nth-child(2) {
        display: none;
    }

    .mkb-language-menu {
        min-width: 180px;
    }
}

/* ============================================================
 * MAN Multilingual v1.0.2.2.1
 * Compact Language Switcher
 * ============================================================ */

.mkb-language-toggle {
    min-height: 42px;
    padding: 0 12px;
    gap: 7px;

    font-size: 14px !important;
    font-weight: 800;
    letter-spacing: .03em;
}

.mkb-language-icon {
    min-width: 23px;
    font-size: 13px !important;
}

.mkb-language-caret {
    font-size: 11px;
}

/* Dropdown tetap mudah dibaca */
.mkb-language-menu {
    min-width: 185px;
}

.mkb-language-menu a {
    min-height: 40px;
    padding: 8px 11px;
    font-size: 14px;
}