/* JTII Luxury Business Footer • scoped stylesheet • navy/gold */
.jtii-lf, .jtii-lf * { box-sizing: border-box; }
.jtii-lf { --lf-navy:#071a30; --lf-navy2:#0b213d; --lf-gold:#cba05a; --lf-milk:#f8f7f3; --lf-muted:#aebfd0; font-family:Arial,Helvetica,sans-serif; color:#fff; background:var(--lf-navy); position:relative; isolation:isolate; overflow:hidden; border-top:2px solid var(--lf-gold); }
.jtii-lf a { color:inherit; text-decoration:none; transition:color .2s ease, border-color .2s ease, transform .2s ease; }
.jtii-lf a:focus-visible { outline:2px solid #e4ba70; outline-offset:4px; }
.jtii-lf a:hover { color:#f0c884; }
.jtii-lf__image { position:absolute; z-index:-2; width:48%; max-width:900px; height:100%; top:0; right:0; background-image: linear-gradient(90deg,#071a30 0%, rgba(7,26,48,.73) 40%, rgba(7,26,48,.75) 100%), url('/wp-content/uploads/2026/10/Luxury-Corporate-Cityscape-at-Golden-Hour.webp'); background-size:cover; background-position:center right; opacity:.7; pointer-events:none; }
.jtii-lf::after {content:""; position:absolute; z-index:-1; right:-110px; bottom:20px; height:220px; width:330px; opacity:.17; background-image: repeating-radial-gradient(circle at 50% 100%,transparent 0 12px, #cba05a 13px 14px, transparent 15px 28px); background-size:72px 38px; -webkit-mask-image:linear-gradient(90deg,transparent,#000); mask-image:linear-gradient(90deg,transparent,#000); pointer-events:none; }
.jtii-lf__wrap { width:min(1480px, calc(100% - 96px)); margin-inline:auto; position:relative; z-index:1; }
.jtii-lf__cta { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:31px 0 26px; border-bottom:1px solid rgba(210,170,100,.23); }
.jtii-lf__eyebrow { color:var(--lf-gold); font-size:10px; font-weight:800; letter-spacing:.2em; text-transform:uppercase; display:flex; align-items:center; gap:12px; margin:0 0 9px; }
.jtii-lf__eyebrow::before {content:""; height:1px; width:29px; background:var(--lf-gold); }
.jtii-lf__cta-title { font-family:Georgia,'Times New Roman',serif; color:#fff; font-size:clamp(22px,2vw,31px); line-height:1.18; font-weight:700; margin:0 0 7px; }
.jtii-lf__cta-title em { font-style:normal; color:#e1b774; }
.jtii-lf__cta-desc { margin:0; color:#bdcbd8; font-size:13px; line-height:1.65; }
.jtii-lf__cta-link { display:inline-flex; align-items:center; justify-content:center; white-space:nowrap; gap:27px; min-height:48px; padding:0 26px; background:linear-gradient(110deg,#b7873c,#dfb971); color:#071a30 !important; border-radius:4px; font-weight:800; font-size:13px; box-shadow:0 10px 32px rgba(0,0,0,.18); }
.jtii-lf__cta-link:hover { transform:translateY(-2px); background:linear-gradient(110deg,#d0a35b,#ebcc90); }
.jtii-lf__main { display:grid; grid-template-columns:minmax(320px,1.65fr) repeat(3,minmax(130px,1fr)); column-gap:clamp(30px,4.2vw,75px); padding:39px 0 44px; }
.jtii-lf__brand { max-width:385px; }
.jtii-lf__brand-logo { display:inline-flex; align-items:center; gap:13px; margin-bottom:18px; max-width:100%; }
.jtii-lf__logo-symbol { height:48px; width:48px; flex:0 0 48px; border:1px solid rgba(220,179,110,.65); border-radius:12px 2px 12px 2px; color:var(--lf-gold); display:grid; place-items:center; font-family:Georgia,'Times New Roman',serif; font-size:21px; font-weight:700; }
.jtii-lf__wordmark strong { display:block; color:#fff; font-family:Georgia,'Times New Roman',serif; font-size:21px; letter-spacing:.015em; line-height:1.15; }
.jtii-lf__wordmark small { display:block; color:var(--lf-gold); font-size:9px; font-weight:800; letter-spacing:.17em; margin-top:6px; text-transform:uppercase; }
.jtii-lf__custom-logo { max-width:255px; max-height:73px; width:auto; height:auto; object-fit:contain; }
.jtii-lf__brand p { color:#becad7; line-height:1.75; font-size:13px; margin:0 0 17px; }
.jtii-lf__signature { color:#d2a664; font-size:10px; text-transform:uppercase; letter-spacing:.15em; font-weight:800; }
.jtii-lf__col-title { font-size:11px; text-transform:uppercase; letter-spacing:.17em; color:#ddb777; margin:4px 0 22px; font-weight:800; }
.jtii-lf__links { margin:0; padding:0; list-style:none; display:grid; align-content:start; gap:17px; }
.jtii-lf__links li { margin:0; padding:0; font-size:13px; color:#c4cfdb; line-height:1.35; }
.jtii-lf__location { color:#e1e8ee; display:flex; align-items:flex-start; gap:10px; }
.jtii-lf__location .jtii-lf__pin {color:#cba05a; font-size:15px; }
.jtii-lf__bottom { border-top:1px solid rgba(218,229,241,.16); padding:16px 0 19px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px 25px; color:#92a7be; font-size:11px; }
.jtii-lf__bottom-right { display:flex; flex-wrap:wrap; align-items:center; gap:14px; }
.jtii-lf__dot { color:var(--lf-gold); }
@media(max-width:1050px) { .jtii-lf__wrap {width:min(100% - 56px,1480px);} .jtii-lf__main {grid-template-columns:1.4fr 1fr 1fr; row-gap:28px;} .jtii-lf__main > :last-child {grid-column:2 / 4;} .jtii-lf__main > :last-child .jtii-lf__links {grid-template-columns:repeat(2,minmax(0,1fr));} }
@media(max-width:700px) { .jtii-lf__wrap {width:calc(100% - 36px);} .jtii-lf__image {width:100%;opacity:.30;} .jtii-lf__cta {display:block;padding:31px 0 28px;} .jtii-lf__cta-desc {margin-bottom:19px;} .jtii-lf__cta-link {min-height:44px;} .jtii-lf__main {grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:22px; row-gap:26px; padding:31px 0;} .jtii-lf__brand {grid-column:1/-1;} .jtii-lf__main > :last-child {grid-column:auto;} .jtii-lf__main > :last-child .jtii-lf__links {grid-template-columns:1fr;} .jtii-lf__col-title {margin:0 0 15px;} .jtii-lf__links {gap:12px;} .jtii-lf__bottom {align-items:flex-start; flex-direction:column;line-height:1.55;} }
@media(prefers-reduced-motion:reduce) {.jtii-lf a {transition:none;} }

/* Logo footer utama: gambar J Trust dari WordPress Media (tanpa merenggangkan proporsi). */
.jtii-lf__brand-logo:has(.jtii-lf__brand-image){
  display:inline-flex; max-width:100%; padding:10px 14px;
  background:#fff; border:1px solid rgba(223,188,131,.75); border-radius:9px;
  box-shadow:0 7px 22px rgba(0,0,0,.12);
}
.jtii-lf__brand-image{
  display:block; width:auto; height:auto; max-width:min(250px,100%); max-height:72px;
  object-fit:contain; object-position:left center;
}
@media(max-width:700px){.jtii-lf__brand-image{max-width:210px;max-height:64px}}

/* JTII FOOTER BALANCED SKYLINE V3 START */
/* Menjaga layout menu dan wordmark V2. Memperjelas skyline dan mengurangi ruang kosong. */
.jtii-lf {
    background:#081b32 !important;
    border-top:1px solid #c59b57 !important;
    min-height:0 !important;
}
.jtii-lf::after {content:none !important;display:none !important;}
.jtii-lf .jtii-lf__cta {display:none !important;}
.jtii-lf .jtii-lf__image {
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    opacity:1 !important;
    background-color:#081b32 !important;
    background-image:
        linear-gradient(180deg,
            rgba(5,20,38,.98) 0%,
            rgba(5,20,38,.90) 32%,
            rgba(5,20,38,.63) 62%,
            rgba(5,20,38,.23) 100%),
        url('/wp-content/uploads/2026/10/Jakarta-Twilight-Skyline-with-Golden-Reflections.webp') !important;
    background-size:100% 100%, cover !important;
    background-position:center, center 43% !important;
    background-repeat:no-repeat !important;
    pointer-events:none !important;
}
.jtii-lf .jtii-lf__wrap {
    width:min(1500px,calc(100% - 96px)) !important;
    margin:0 auto !important;
}
.jtii-lf .jtii-lf__main {
    display:grid !important;
    grid-template-columns:minmax(280px,1.4fr) repeat(3,minmax(140px,1fr)) !important;
    gap:clamp(20px,3vw,50px) !important;
    align-items:start !important;
    padding:25px 0 64px !important;
    margin:0 !important;
}
.jtii-lf .jtii-lf__brand {max-width:400px !important;min-width:0 !important;}
.jtii-lf .jtii-lf__brand-logo {
    display:inline-flex !important;
    align-items:center !important;
    max-width:100% !important;
    gap:12px !important;
    padding:0 !important;
    margin:0 0 10px !important;
    background:none !important;
    border:0 !important;
    box-shadow:none !important;
    text-decoration:none !important;
}
/* Jangan memaksa gambar yang pucat dengan filter yang bisa merusak identitas logo. */
.jtii-lf .jtii-lf__brand-image {
    display:block !important;
    width:68px !important;
    height:68px !important;
    max-width:68px !important;
    max-height:68px !important;
    flex:0 0 68px !important;
    object-fit:contain !important;
    padding:4px !important;
    background:#fff !important;
    border:1px solid rgba(197,155,87,.55) !important;
    border-radius:8px !important;
}
.jtii-lf .jtii-lf__brand-title {
    display:flex !important;
    flex-direction:column !important;
    gap:4px !important;
    color:#fff !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:23px !important;
    font-weight:800 !important;
    line-height:1.06 !important;
}
.jtii-lf .jtii-lf__brand-title small {
    font-size:11px !important;
    font-weight:700 !important;
    letter-spacing:.07em !important;
    line-height:1.3 !important;
}
.jtii-lf .jtii-lf__brand p {
    max-width:365px !important;
    font-size:13px !important;
    line-height:1.55 !important;
    margin:0 !important;
    color:#e6ebf1 !important;
}
.jtii-lf .jtii-lf__signature {display:none !important;}
.jtii-lf .jtii-lf__col-title {
    color:#e2b36c !important;
    font-size:12px !important;
    line-height:1.35 !important;
    letter-spacing:.13em !important;
    margin:8px 0 12px !important;
}
.jtii-lf .jtii-lf__links {
    display:grid !important;
    gap:10px !important;
    margin:0 !important;
    padding:0 !important;
}
.jtii-lf .jtii-lf__links li,
.jtii-lf .jtii-lf__links a {
    font-size:13px !important;
    line-height:1.35 !important;
    color:#f0f3f7 !important;
}
.jtii-lf .jtii-lf__link-unavailable {color:#adbdcb !important;}
.jtii-lf .jtii-lf__bottom {
    position:relative !important;
    z-index:2 !important;
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:8px 24px !important;
    padding:11px 0 13px !important;
    border-top:1px solid rgba(225,178,103,.65) !important;
    background:rgba(5,18,34,.72) !important;
    color:#e0e6ee !important;
    font-size:11px !important;
}
@media(max-width:1020px) {
    .jtii-lf .jtii-lf__wrap {width:calc(100% - 54px) !important;}
    .jtii-lf .jtii-lf__main {
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:22px !important;
        padding:26px 0 56px !important;
    }
    .jtii-lf .jtii-lf__brand {grid-column:1/-1 !important;}
    .jtii-lf .jtii-lf__main > :last-child {grid-column:auto !important;}
}
@media(max-width:650px) {
    .jtii-lf .jtii-lf__wrap {width:calc(100% - 34px) !important;}
    .jtii-lf .jtii-lf__main {
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:20px 17px !important;
        padding:25px 0 48px !important;
    }
    .jtii-lf .jtii-lf__brand {grid-column:1/-1 !important;}
    .jtii-lf .jtii-lf__main > :last-child {grid-column:1/-1 !important;}
    .jtii-lf .jtii-lf__brand-title {font-size:20px !important;}
    .jtii-lf .jtii-lf__brand-title small {font-size:10px !important;}
    .jtii-lf .jtii-lf__brand-image {width:58px !important;height:58px !important;max-width:58px !important;max-height:58px !important;flex-basis:58px !important;}
    .jtii-lf .jtii-lf__image {
        background-image:
            linear-gradient(180deg,rgba(5,20,38,.96),rgba(5,20,38,.78) 55%,rgba(5,20,38,.42)),
            url('/wp-content/uploads/2026/10/Jakarta-Twilight-Skyline-with-Golden-Reflections.webp') !important;
        background-size:100% 100%,auto 100% !important;
        background-position:center,74% bottom !important;
    }
    .jtii-lf .jtii-lf__bottom {font-size:11px !important;align-items:flex-start !important;}
}
/* JTII FOOTER BALANCED SKYLINE V3 END */

/* JTII FOOTER FIT 1920x450 V5 START */
/* Background sudah dipersiapkan dengan rasio footer desktop. Tidak distorsi. */
@media (min-width: 1021px) {
    .jtii-lf .jtii-lf__main {
        min-height: 355px !important;
        padding: 28px 0 110px !important;
        align-items: start !important;
    }
    .jtii-lf .jtii-lf__image {
        background-color: #071a30 !important;
        background-image:
            linear-gradient(180deg,
                rgba(5,20,38,.86) 0%,
                rgba(5,20,38,.77) 31%,
                rgba(5,20,38,.46) 63%,
                rgba(5,20,38,.11) 100%),
            url('/wp-content/uploads/2026/10/JTII-Skyline-Footer-Fit-1920x450.webp') !important;
        /* 100% auto menahan rasio gambar; bottom menjaga skyline dan refleksi. */
        background-size: 100% 100%, 100% auto !important;
        background-position: center center, center bottom !important;
        background-repeat: no-repeat !important;
        opacity: 1 !important;
    }
    .jtii-lf .jtii-lf__bottom {
        background: rgba(4,17,32,.82) !important;
        border-top: 1px solid rgba(214,169,96,.72) !important;
        padding: 12px 0 13px !important;
    }
}
/* Tablet dan mobile tetap memakai tata letak responsif dari footer V3. */
/* JTII FOOTER FIT 1920x450 V5 END */

/* JTII FOOTER LOGO TRANSPARENT V3 START */
/* Pakai SATU logo asli HD-05 lengkap. Jangan crop ikon dan jangan buat kotak putih. */
.jtii-lf .jtii-lf__brand-logo {
    display: inline-flex !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    gap: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    text-decoration: none !important;
}
.jtii-lf .jtii-lf__brand-logo img.jtii-lf__brand-image,
.jtii-lf .jtii-lf__brand-logo img.jtii-lf__custom-logo {
    display: block !important;
    box-sizing: border-box !important;
    width: min(320px, 100%) !important;
    height: auto !important;
    max-width: 320px !important;
    max-height: 115px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    flex: 0 1 auto !important;
    object-fit: contain !important;
    object-position: left center !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    clip-path: none !important;
    filter: none !important;
    mix-blend-mode: normal !important;
}
/* Gambar logo sudah memuat nama J Trust: jangan menggandakan teks HTML. */
.jtii-lf .jtii-lf__brand-logo .jtii-lf__brand-title,
.jtii-lf .jtii-lf__brand-logo .jtii-lf__wordmark,
.jtii-lf .jtii-lf__brand-logo .jtii-lf__logo-symbol {
    display: none !important;
}
@media (max-width: 700px) {
    .jtii-lf .jtii-lf__brand-logo img.jtii-lf__brand-image,
    .jtii-lf .jtii-lf__brand-logo img.jtii-lf__custom-logo {
        width: min(290px, 100%) !important;
        max-width: 290px !important;
        max-height: 105px !important;
    }
}
/* JTII FOOTER LOGO TRANSPARENT V3 END */

/* JTII SOCIAL CORPORATE MINIMAL V3 START */
/* Compact editorial treatment: less gold, no oversized circles or shadows. */
.jtii-lf .jtii-lf__socials {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    margin: 14px 0 12px;
    padding: 0;
    max-width: 310px;
}
/* Small brand-safe section heading, no PHP changes needed. */
.jtii-lf .jtii-lf__socials::before {
    content: 'IKUTI KAMI';
    display: block;
    flex: 0 0 100%;
    margin: 0 0 3px;
    color: #a6b7ca;
    font: 700 10px/1.4 Arial, Helvetica, sans-serif;
    letter-spacing: 0.15em;
}
.jtii-lf .jtii-lf__socials .jtii-lf__social-link {
    display: inline-flex;
    flex: 0 0 34px;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    color: #d4dee9;
    background: rgba(255, 255, 255, .035);
    border: 1px solid rgba(231, 238, 246, .20);
    border-radius: 6px;
    box-shadow: none;
    text-decoration: none;
    transform: none;
    transition: color .18s ease, border-color .18s ease, background .18s ease;
}
.jtii-lf .jtii-lf__socials .jtii-lf__social-link svg {
    display: block;
    width: 17px;
    height: 17px;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.8;
    stroke-linejoin: round;
    stroke-linecap: round;
    vertical-align: middle;
}
.jtii-lf .jtii-lf__socials .jtii-lf__social-link:hover {
    color: #f3cb83;
    background: rgba(215, 171, 96, .12);
    border-color: rgba(224, 183, 113, .65);
    box-shadow: none;
    transform: none;
}
.jtii-lf .jtii-lf__socials .jtii-lf__social-link:focus-visible {
    outline: 2px solid #eac382;
    outline-offset: 3px;
}
/* Keep desired reference order. Footer links remain unchanged. */
.jtii-lf .jtii-lf__socials .jtii-lf__social-link[aria-label*='LinkedIn'] { order: 1; }
.jtii-lf .jtii-lf__socials .jtii-lf__social-link[aria-label*='Instagram'] { order: 2; }
.jtii-lf .jtii-lf__socials .jtii-lf__social-link[aria-label*='YouTube'] { order: 3; }
.jtii-lf .jtii-lf__socials .jtii-lf__social-link[aria-label*='Facebook'] { order: 4; }
@media (max-width: 700px) {
    .jtii-lf .jtii-lf__socials { gap: 8px; margin-top: 12px; }
    .jtii-lf .jtii-lf__socials .jtii-lf__social-link {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .jtii-lf .jtii-lf__socials .jtii-lf__social-link { transition: none; }
}
/* JTII SOCIAL CORPORATE MINIMAL V3 END */

/* JTII FOOTER MENU DIVIDER V1 START */
/* Gaya corporate referensi: divider tipis di sisi kiri navigasi footer. */
.jtii-lf .jtii-lf__main > nav {
    position: relative;
    align-self: start;
    border-left: 1px solid rgba(204, 166, 103, .46);
    padding: 3px 0 6px 18px;
    min-height: 126px;
}
.jtii-lf .jtii-lf__main > nav .jtii-lf__col-title {
    margin: 0 0 15px;
    color: #e2b873;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .10em;
    line-height: 1.4;
}
.jtii-lf .jtii-lf__main > nav .jtii-lf__links {
    gap: 12px;
}
.jtii-lf .jtii-lf__main > nav .jtii-lf__links li,
.jtii-lf .jtii-lf__main > nav .jtii-lf__links a {
    font-size: 13px;
    line-height: 1.4;
}
.jtii-lf .jtii-lf__main > nav .jtii-lf__links a {
    color: #e1e7ee;
    text-decoration: none;
}
.jtii-lf .jtii-lf__main > nav .jtii-lf__links a:hover {
    color: #efc782;
}
@media (max-width: 1050px) {
    .jtii-lf .jtii-lf__main > nav {
        min-height: 116px;
        padding-left: 15px;
    }
}
@media (max-width: 700px) {
    .jtii-lf .jtii-lf__main > nav {
        min-height: 0;
        padding: 2px 0 2px 12px;
    }
    .jtii-lf .jtii-lf__main > nav .jtii-lf__col-title {
        font-size: 11px;
        margin-bottom: 12px;
    }
    .jtii-lf .jtii-lf__main > nav .jtii-lf__links {
        gap: 10px;
    }
    .jtii-lf .jtii-lf__main > nav .jtii-lf__links li,
    .jtii-lf .jtii-lf__main > nav .jtii-lf__links a {
        font-size: 12px;
    }
}
/* JTII FOOTER MENU DIVIDER V1 END */

/* JTII FOOTER CONTACT BAR V1 START */
/* Compact contact strip, preserves skyline and main menu layout. */
.jtii-lf .jtii-lf__contactbar {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  gap: clamp(14px, 2.5vw, 34px);
  padding: 14px 20px;
  margin: 0 0 16px;
  border: 1px solid rgba(211, 177, 120, .28);
  border-left: 2px solid #d6b076;
  border-radius: 5px;
  background: rgba(7, 26, 48, .86);
  box-shadow: none;
}
.jtii-lf .jtii-lf__contactbar-heading {
  display: grid;
  gap: 4px;
  flex: 0 0 142px;
}
.jtii-lf .jtii-lf__contactbar-kicker {
  font: 700 10px/1.3 Arial, Helvetica, sans-serif;
  letter-spacing: .13em;
  color: #dcbc84;
}
.jtii-lf .jtii-lf__contactbar-subtitle {
  color: #eef3f8;
  font: 600 13px/1.4 Arial, Helvetica, sans-serif;
}
.jtii-lf .jtii-lf__contactbar-items {
  display: grid;
  grid-template-columns: 1.05fr .92fr .95fr 1.28fr;
  width: 100%;
  min-width: 0;
  align-items: center;
  gap: 15px;
}
.jtii-lf .jtii-lf__contactbar-item {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  color: #ecf2f8;
  text-decoration: none;
}
.jtii-lf .jtii-lf__contactbar-item span:last-child {
  min-width: 0;
  display: grid;
  gap: 2px;
}
.jtii-lf .jtii-lf__contactbar-item small {
  display: block;
  color: #aabacd;
  font-size: 10px;
  line-height: 1.4;
}
.jtii-lf .jtii-lf__contactbar-item strong {
  display: block;
  color: #ecf2f8;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.jtii-lf .jtii-lf__contactbar-icon,
.jtii-lf .jtii-lf__contactbar-svg {
  flex: 0 0 23px;
  width: 23px;
  height: 23px;
  color: #dfbf86;
}
.jtii-lf .jtii-lf__contactbar-icon {
  display: grid;
  place-items: center;
  border: 1px solid rgba(223,191,134,.7);
  border-radius: 50%;
  font-size: 8px;
  font-weight: 700;
}
.jtii-lf a.jtii-lf__contactbar-item:hover strong,
.jtii-lf a.jtii-lf__contactbar-item:focus-visible strong {
  color: #e6bc77;
}
@media (max-width: 1100px) {
  .jtii-lf .jtii-lf__contactbar {align-items: flex-start; flex-direction: column; gap: 13px;}
  .jtii-lf .jtii-lf__contactbar-heading {flex-basis: auto;}
  .jtii-lf .jtii-lf__contactbar-items {grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 14px;}
}
@media (max-width: 520px) {
  .jtii-lf .jtii-lf__contactbar {padding: 15px; margin-bottom: 16px;}
  .jtii-lf .jtii-lf__contactbar-items {grid-template-columns: 1fr; gap: 14px;}
  .jtii-lf .jtii-lf__contactbar-item strong {font-size: 12px;}
}
/* JTII FOOTER CONTACT BAR V1 END */

/* JTII FOOTER SELECTED COMPACT V1 START */
/* Referensi disetujui: skyline atas, menu 4 kolom, kontak strip horizontal dan copyright. */
.jtii-lf {
  --jtii-footer-contact-gold: #d6ad70;
  overflow: clip !important;
  background: #061930 !important;
}
.jtii-lf .jtii-lf__cta { display:none !important; }
.jtii-lf .jtii-lf__main {
  min-height: 350px !important;
  height: auto !important;
  padding: 30px 0 0 !important;
  margin: 0 !important;
  align-content: start !important;
  align-items: start !important;
  row-gap: 22px !important;
}
.jtii-lf .jtii-lf__image {
  top: 0 !important;
  bottom: auto !important;
  height: calc(100% - 129px) !important;
  min-height: 300px !important;
  width: 100% !important;
  max-width: none !important;
  opacity: 1 !important;
  background-image:
    linear-gradient(180deg, rgba(5,22,41,.96) 0%, rgba(5,22,41,.91) 25%, rgba(5,22,41,.60) 52%, rgba(5,22,41,.10) 100%),
    url('/wp-content/uploads/2026/10/Jakarta-Twilight-Skyline-with-Golden-Reflections.webp') !important;
  background-size: 100% 100%, cover !important;
  background-position: center, center bottom !important;
  background-repeat: no-repeat !important;
}
.jtii-lf .jtii-lf__brand p {
  max-width: 385px !important;
  margin: 0 0 10px !important;
  line-height: 1.6 !important;
}
.jtii-lf .jtii-lf__socials { margin: 12px 0 0 !important; gap: 10px !important; }
.jtii-lf .jtii-lf__socials::before { display: none !important; content: none !important; }
.jtii-lf .jtii-lf__socials .jtii-lf__social-link {
  width: 36px !important;
  height: 36px !important;
  flex-basis: 36px !important;
  border-radius: 6px !important;
}
.jtii-lf .jtii-lf__main > nav {
  border-left: 1px solid rgba(214,173,112,.6) !important;
  padding: 5px 0 6px 20px !important;
  min-height: 145px !important;
}
.jtii-lf .jtii-lf__main > nav .jtii-lf__col-title {
  color: #ecc181 !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  letter-spacing: .16em !important;
  margin: 0 0 17px !important;
}
.jtii-lf .jtii-lf__main > nav .jtii-lf__links { gap: 12px !important; }
.jtii-lf .jtii-lf__main > nav .jtii-lf__links a { font-size: 13px !important; }

/* Kontak merupakan strip sendiri, bukan card yang menumpuk di atas foto kota. */
.jtii-lf .jtii-lf__contactbar {
  display: block !important;
  position: relative !important;
  z-index: 2 !important;
  width: 100vw !important;
  max-width: none !important;
  box-sizing: border-box !important;
  margin: 0 0 0 calc(50% - 50vw) !important;
  padding: 15px max(34px, calc((100vw - 1750px)/2)) !important;
  background: rgba(3,18,36,.98) !important;
  border: 0 !important;
  border-top: 1px solid rgba(216,174,103,.82) !important;
  border-bottom: 1px solid rgba(216,174,103,.82) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.jtii-lf .jtii-lf__contactbar-heading { display: none !important; }
.jtii-lf .jtii-lf__contactbar-items {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr 1.27fr !important;
  align-items: center !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  width: 100% !important;
}
.jtii-lf .jtii-lf__contactbar-item {
  position: relative !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 15px !important;
  padding: 0 24px !important;
  color: #f0f5fa !important;
  text-decoration: none !important;
}
.jtii-lf .jtii-lf__contactbar-item:first-child { padding-left: 0 !important; }
.jtii-lf .jtii-lf__contactbar-item:not(:first-child)::before {
  content: '';
  position: absolute;
  display: block;
  top: 3px;
  bottom: 3px;
  left: 0;
  width: 1px;
  background: rgba(219,174,106,.64);
}
.jtii-lf .jtii-lf__contactbar-item > span:last-child { display: grid !important; gap: 4px !important; }
.jtii-lf .jtii-lf__contactbar-item small {
  font-size: 12px !important;
  line-height: 1.25 !important;
  color: #b5c3d5 !important;
}
.jtii-lf .jtii-lf__contactbar-item strong {
  font-size: clamp(12px, 1vw, 15px) !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
  color: #fff !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}
.jtii-lf .jtii-lf__contactbar-icon,
.jtii-lf .jtii-lf__contactbar-svg {
  width: 30px !important;
  height: 30px !important;
  flex: 0 0 30px !important;
  color: #ecc181 !important;
}
.jtii-lf .jtii-lf__bottom {
  position: relative !important;
  z-index: 2 !important;
  width: 100vw !important;
  max-width: none !important;
  box-sizing: border-box !important;
  margin: 0 0 0 calc(50% - 50vw) !important;
  padding: 14px max(34px, calc((100vw - 1750px)/2)) 16px !important;
  background: #061930 !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-size: 11px !important;
  color: #bdcbd9 !important;
}
@media (max-width: 1100px) {
  .jtii-lf .jtii-lf__main { min-height: 345px !important; padding-top: 28px !important; }
  .jtii-lf .jtii-lf__contactbar { padding: 16px 28px !important; }
  .jtii-lf .jtii-lf__contactbar-items { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; row-gap: 16px !important; }
  .jtii-lf .jtii-lf__contactbar-item:nth-child(3) { padding-left: 0 !important; }
  .jtii-lf .jtii-lf__contactbar-item:nth-child(3)::before { display:none !important; }
  .jtii-lf .jtii-lf__bottom { padding: 13px 28px !important; }
  .jtii-lf .jtii-lf__image { height: calc(100% - 171px) !important; }
}
@media (max-width: 700px) {
  .jtii-lf .jtii-lf__main {
    min-height: 0 !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    padding: 25px 0 80px !important;
    row-gap: 26px !important;
  }
  .jtii-lf .jtii-lf__brand { grid-column: 1/-1 !important; }
  .jtii-lf .jtii-lf__main > nav {
    min-height: 0 !important;
    padding: 4px 0 4px 12px !important;
  }
  .jtii-lf .jtii-lf__main > nav:last-child { grid-column: 1/-1 !important; }
  .jtii-lf .jtii-lf__contactbar { padding: 17px 18px !important; }
  .jtii-lf .jtii-lf__contactbar-items { grid-template-columns: 1fr 1fr !important; row-gap: 20px !important; }
  .jtii-lf .jtii-lf__contactbar-item { gap: 9px !important; padding: 0 9px !important; }
  .jtii-lf .jtii-lf__contactbar-item .jtii-lf__contactbar-svg { width:23px !important; height:23px !important; flex-basis:23px !important; }
  .jtii-lf .jtii-lf__contactbar-item small { font-size: 11px !important; }
  .jtii-lf .jtii-lf__contactbar-item strong { font-size: 12px !important; }
  .jtii-lf .jtii-lf__bottom { padding: 14px 18px !important; }
  .jtii-lf .jtii-lf__image { height: calc(100% - 202px) !important; background-position: center, 75% bottom !important; }
}
@media (max-width: 430px) {
  .jtii-lf .jtii-lf__contactbar-items { grid-template-columns: 1fr !important; row-gap: 15px !important; }
  .jtii-lf .jtii-lf__contactbar-item { padding: 0 !important; }
  .jtii-lf .jtii-lf__contactbar-item::before { display:none !important; }
  .jtii-lf .jtii-lf__image { height: calc(100% - 320px) !important; }
}
/* JTII FOOTER SELECTED COMPACT V1 END */