/* ==========================================
   THEME TOGGLE BUTTONS
   ========================================== */

.rts-dark-light .rts-go-light {
    display: none;
}

.rts-dark-light .rts-go-dark {
    display: inline-flex;
}

html[data-theme="dark"] .rts-dark-light .rts-go-dark {
    display: none;
}

html[data-theme="dark"] .rts-dark-light .rts-go-light {
    display: inline-flex;
}

/* ==========================================
   Primary Color Override
   ========================================== */

html[data-theme="light"] .echo-hero-section.home-three * {
    color: #FFFFFF !important;
}

:root {
    --color-primary-m: var(--color-primary);
}

/* ==========================================
   BADGE TAGLINE HOME THREE
   ========================================== */

/* Default - transparan 50% */
html[data-theme="light"] .echo-hero-section.home-three .author {
    color: #FFFFFF !important;
    background: rgba(28, 46, 39, 0.5) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    border-radius: 6px !important;
    padding: 8px 18px !important;
    display: inline-block !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    transition: all 0.3s ease !important;
}

/* Hover - jadi solid putih */
html[data-theme="light"] .echo-hero-section.home-three .author:hover {
    background: #FFFFFF !important;
    color: #2F2F2F !important;
    border-color: #D4AF37 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* ==========================================
   Dark Color Override
   ========================================== */

html[data-theme="dark"] {
    --background-color-dark: #181823;
    --bg-dark-two: #181823;
    --bg-dark-three: #181823;
}

/* ==========================================
   HOME NINE HEADER
   ========================================== */

.home-nine .echo-header-area.header-seven .echo-header-top-home-2 {
    background: #2c3e36 !important;
}

html[data-theme="dark"] .home-nine .echo-header-area.header-seven .echo-header-top-home-2 {
    background: #1c2e27 !important;
}

/* ==========================================
   HOME NINE MENU
   ========================================== */

.home-nine .echo-header-area.header-seven .echo-home-2-menu,
.home-nine .echo-header-area.header-seven .echo-home-2-menu .echo-site-main-logo-menu-social {
    background: #2c3e36 !important;
}

html[data-theme="dark"] .home-nine .echo-header-area.header-seven .echo-home-2-menu,
html[data-theme="dark"] .home-nine .echo-header-area.header-seven .echo-home-2-menu .echo-site-main-logo-menu-social {
    background: #1c2e27 !important;
}

/* ==========================================
   HOME NINE - MAIN MENU TEXT WHITE (LIGHT MODE)
   ========================================== */

html[data-theme="light"] .home-nine li:not(li li) > a {
    color: #FFffff !important;
}

/* ==========================================
   Header Language & Login (Light Mode)
   ========================================== */

html[data-theme="light"] .header-language-toggle,
html[data-theme="light"] .header-language-toggle > span {
    color: #fff !important;
}

html[data-theme="light"] .sign-in-area .sign-in-btn {
    color: #fff !important;
}

/* ==========================================
   Premium Language Dropdown - Enhanced (Fixed)
   ========================================== */

.language-dropdown-wrapper {
    position: relative;
    display: inline-block;
}

/* Box dropdown - Light Mode */
html[data-theme="light"] .dropdown-menu {
    border: 0;
    border-radius: 12px;
    padding: 8px;
    min-width: 160px;
    background: #ffffff;
    box-shadow: 0 15px 50px rgba(0,0,0,0.12);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px) scale(0.96);
    transform-origin: top center;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
    display: block !important;
    pointer-events: none;
}

html[data-theme="light"] .dropdown-menu.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
    pointer-events: all;
}

/* Box dropdown - Dark Mode */
html[data-theme="dark"] .dropdown-menu {
    border: 0;
    border-radius: 12px;
    padding: 8px;
    min-width: 160px;
    background: #1c1c28;
    box-shadow: 0 15px 50px rgba(0,0,0,0.4);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px) scale(0.96);
    transform-origin: top center;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
    display: block !important;
    pointer-events: none;
}

html[data-theme="dark"] .dropdown-menu.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
    pointer-events: all;
}

/* ==========================================
   ITEM DROPDOWN
   ========================================== */

/* Item - Light Mode */
html[data-theme="light"] .dropdown-menu .dropdown-item,
html[data-theme="light"] .dropdown-menu .language-item {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 4px 4px 4px 8px;
    border-radius: 8px;
    color: #333 !important;
    background: transparent !important;
    font-weight: 500;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    position: relative;
    border: none;
}

/* Item - Dark Mode */
html[data-theme="dark"] .dropdown-menu .dropdown-item,
html[data-theme="dark"] .dropdown-menu .language-item {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 4px 4px 4px 8px;
    border-radius: 8px;
    color: #e0e0e0 !important;
    background: transparent !important;
    font-weight: 500;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    position: relative;
    border: none;
}

/* Separator */
html[data-theme="light"] .dropdown-menu .dropdown-item:not(:last-child),
html[data-theme="light"] .dropdown-menu .language-item:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    margin-bottom: 2px;
}

html[data-theme="dark"] .dropdown-menu .dropdown-item:not(:last-child),
html[data-theme="dark"] .dropdown-menu .language-item:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    margin-bottom: 2px;
}

/* Hover - Light Mode */
html[data-theme="light"] .dropdown-menu .dropdown-item:hover,
html[data-theme="light"] .dropdown-menu .language-item:hover {
    background: #d8e8e1 !important;
    color: #000 !important;
    transform: translateX(4px);
}

/* Hover - Dark Mode */
html[data-theme="dark"] .dropdown-menu .dropdown-item:hover,
html[data-theme="dark"] .dropdown-menu .language-item:hover {
    background: #2c3e36 !important;
    color: #ffffff !important;
    transform: translateX(4px);
}

/* ==========================================
   ACCENT LINE
   ========================================== */

html[data-theme="light"] .dropdown-menu .dropdown-item::after,
html[data-theme="light"] .dropdown-menu .language-item::after {
    content: '';
    position: absolute;
    left: -4px;
    top: 20%;
    height: 60%;
    width: 3px;
    background: #2c3e36;
    border-radius: 0 3px 3px 0;
    transform: scaleY(0);
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

html[data-theme="dark"] .dropdown-menu .dropdown-item::after,
html[data-theme="dark"] .dropdown-menu .language-item::after {
    content: '';
    position: absolute;
    left: -4px;
    top: 20%;
    height: 60%;
    width: 3px;
    background: #ffffff;
    border-radius: 0 3px 3px 0;
    transform: scaleY(0);
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

html[data-theme="light"] .dropdown-menu .dropdown-item:hover::after,
html[data-theme="light"] .dropdown-menu .language-item:hover::after,
html[data-theme="dark"] .dropdown-menu .dropdown-item:hover::after,
html[data-theme="dark"] .dropdown-menu .language-item:hover::after {
    transform: scaleY(1);
}

/* ==========================================
   FLAG
   ========================================== */

html[data-theme="light"] .dropdown-menu svg,
html[data-theme="dark"] .dropdown-menu svg {
    width: 24px;
    height: 24px;
    object-fit: fill;
    flex-shrink: 0;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

html[data-theme="light"] .dropdown-menu .dropdown-item:hover svg,
html[data-theme="light"] .dropdown-menu .language-item:hover svg,
html[data-theme="dark"] .dropdown-menu .dropdown-item:hover svg,
html[data-theme="dark"] .dropdown-menu .language-item:hover svg {
    transform: scale(1.08);
}

/* ==========================================
   ACTIVE CHECKMARK
   ========================================== */

html[data-theme="light"] .dropdown-menu .dropdown-item.active::before,
html[data-theme="light"] .dropdown-menu .language-item.active::before {
    content: '✓';
    position: absolute;
    right: 12px;
    font-size: 0.8rem;
    color: #2c3e36;
    font-weight: 700;
}

html[data-theme="dark"] .dropdown-menu .dropdown-item.active::before,
html[data-theme="dark"] .dropdown-menu .language-item.active::before {
    content: '✓';
    position: absolute;
    right: 12px;
    font-size: 0.8rem;
    color: #ffffff;
    font-weight: 700;
}

/* ==========================================
   STAGGER ANIMATION
   ========================================== */

html[data-theme="light"] .dropdown-menu.show .dropdown-item,
html[data-theme="light"] .dropdown-menu.show .language-item,
html[data-theme="dark"] .dropdown-menu.show .dropdown-item,
html[data-theme="dark"] .dropdown-menu.show .language-item {
    animation: slideInItem 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
    opacity: 0;
}

html[data-theme="light"] .dropdown-menu.show .dropdown-item:nth-child(1),
html[data-theme="light"] .dropdown-menu.show .language-item:nth-child(1),
html[data-theme="dark"] .dropdown-menu.show .dropdown-item:nth-child(1),
html[data-theme="dark"] .dropdown-menu.show .language-item:nth-child(1) {
    animation-delay: 0.05s;
}

html[data-theme="light"] .dropdown-menu.show .dropdown-item:nth-child(2),
html[data-theme="light"] .dropdown-menu.show .language-item:nth-child(2),
html[data-theme="dark"] .dropdown-menu.show .dropdown-item:nth-child(2),
html[data-theme="dark"] .dropdown-menu.show .language-item:nth-child(2) {
    animation-delay: 0.1s;
}

html[data-theme="light"] .dropdown-menu.show .dropdown-item:nth-child(3),
html[data-theme="light"] .dropdown-menu.show .language-item:nth-child(3),
html[data-theme="dark"] .dropdown-menu.show .dropdown-item:nth-child(3),
html[data-theme="dark"] .dropdown-menu.show .language-item:nth-child(3) {
    animation-delay: 0.15s;
}

@keyframes slideInItem {
    from {
        opacity: 0;
        transform: translateX(-10px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* ==========================================
   TOMBOL TOGGLE
   ========================================== */

.header-language-toggle-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px 8px 12px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
}

.header-language-toggle-btn:hover {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.2);
    transform: translateY(-1px);
}

.header-language-toggle-btn .arrow-icon {
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    font-size: 0.7rem;
}

.header-language-toggle-btn.active .arrow-icon {
    transform: rotate(180deg);
}

/* ==========================================
   RESPONSIF
   ========================================== */

@media (max-width: 768px) {
    html[data-theme="light"] .dropdown-menu,
    html[data-theme="dark"] .dropdown-menu {
        min-width: 140px;
        padding: 6px;
    }
    
    html[data-theme="light"] .dropdown-menu .dropdown-item,
    html[data-theme="light"] .dropdown-menu .language-item,
    html[data-theme="dark"] .dropdown-menu .dropdown-item,
    html[data-theme="dark"] .dropdown-menu .language-item {
        padding: 4px 4px 4px 6px;
        gap: 10px;
    }
    
    html[data-theme="light"] .dropdown-menu svg,
    html[data-theme="dark"] .dropdown-menu svg {
        width: 20px;
        height: 20px;
    }
}

/* ==========================================
   BUTTON SECONDARY
   ========================================== */

html[data-theme="light"] .rts-btn.btn-secondary {
    background: #d4af37 !important;
    color: #2F2F2F !important;
    border: 1px solid #2c3e36 !important;
}

html[data-theme="light"] .rts-btn.btn-secondary:hover {
    background: #FFFFFF !important;
    color: #2F2F2F !important;
    border-color: #2c3e36 !important;
}

html[data-theme="dark"] .rts-btn.btn-secondary {
    background: #d4af37 !important;
    color: #2F2F2F !important;
}

html[data-theme="dark"] .rts-btn.btn-secondary:hover {
    background: #FFFFFF !important;
    color: #2F2F2F !important;
    border-color: #2c3e36 !important;
}

/* ==========================================
   SEARCH ICON
   ========================================== */

html[data-theme="dark"] a.echo-header-top-search-btn {
    color: #ffffff !important;
}

html[data-theme="dark"] a.echo-header-top-search-btn svg,
html[data-theme="dark"] a.echo-header-top-search-btn svg path {
    color: currentColor !important;
    fill: currentColor !important;
    stroke: none !important;
}

html[data-theme="dark"] a.echo-header-top-search-btn:hover {
    color: #D4AF37 !important;
}

html[data-theme="light"] a.echo-header-top-search-btn:hover {
    color: #D4AF37 !important;
}

html[data-theme="dark"] a.echo-header-top-search-btn::after {
    background: rgba(255,255,255,.6) !important;
}

/* ==========================================
   TITLE HOVER - LIGHT & DARK MODE (FIX)
   ========================================== */

/* Light Mode - Hitam semua state dengan underline saat hover */
html[data-theme="light"] a.title-hover.text-heading,
html[data-theme="light"] a.title-hover.text-heading:hover,
html[data-theme="light"] a.title-hover.text-heading:focus {
    color: #000000 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

html[data-theme="light"] a.title-hover.text-heading:hover {
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
    text-decoration-color: #000000 !important;
    text-decoration-thickness: 2px !important;
}

/* Dark Mode - Putih semua state dengan underline saat hover */
html[data-theme="dark"] a.title-hover.text-heading,
html[data-theme="dark"] a.title-hover.text-heading:hover,
html[data-theme="dark"] a.title-hover.text-heading:focus {
    color: #FFFFFF !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

html[data-theme="dark"] a.title-hover.text-heading:hover {
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
    text-decoration-color: #FFFFFF !important;
    text-decoration-thickness: 2px !important;
}

/* ==========================================
   GLOBAL AUTHOR / CATEGORY / TAG BADGE
   ========================================== */

html[data-theme="light"] p.author,
html[data-theme="light"] .author,
html[data-theme="dark"] p.author,
html[data-theme="dark"] .author {
    display: inline-block !important;
    padding: 8px 18px !important;
    background: var(--color-primary) !important;
    color: #2F2F2F !important;
    border: 1px solid #D4AF37 !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    transition: background-color .25s ease, color .25s ease, border-color .25s ease;
}

html[data-theme="light"] p.author a,
html[data-theme="light"] .author a,
html[data-theme="dark"] p.author a,
html[data-theme="dark"] .author a {
    color: inherit !important;
    text-decoration: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

html[data-theme="light"] p.author:hover,
html[data-theme="light"] .author:hover, 
html[data-theme="dark"] p.author:hover,
html[data-theme="dark"] .author:hover {
    background: #FFFFFF !important;
    color: #2F2F2F !important;
    border-color: #D4AF37 !important;
}

html[data-theme="light"] p.author:hover a,
html[data-theme="light"] .author:hover a,
html[data-theme="dark"] p.author:hover a,
html[data-theme="dark"] .author:hover a {
    color: inherit !important;
}

/* ==========================================
   HOME THREE - SECTION TITLE BORDER
   ========================================== */

html[data-theme="light"] .echo-feature-area.home-three .echo-feature-area-content .section-title {
    border-bottom: 1px solid #dee2e6 !important;
}

/* ==========================================
   DISCOVER CATEGORY - LIGHT & DARK MODE
   ========================================== */

/* Light Mode - Black Text + Underline Hitam */
html[data-theme="light"] .echo-popular-area .echo-popular-content .echo-popular-left-jt-heading a.title-hover {
    color: #000000 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

html[data-theme="light"] .echo-popular-area .echo-popular-content .echo-popular-left-jt-heading a.title-hover:hover {
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
    text-decoration-color: #000000 !important;
    text-decoration-thickness: 2px !important;
}

/* Dark Mode - White Text + Underline Putih */
html[data-theme="dark"] .echo-popular-area .echo-popular-content .echo-popular-left-jt-heading a.title-hover {
    color: #FFFFFF !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

html[data-theme="dark"] .echo-popular-area .echo-popular-content .echo-popular-left-jt-heading a.title-hover:hover {
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
    text-decoration-color: #FFFFFF !important;
    text-decoration-thickness: 2px !important;
}
/* ==========================================
   HOME 2 AREA LABEL - Premium Gold
   ========================================== */

html[data-theme="light"] .home-2-area-shep p,
html[data-theme="dark"] .home-2-area-shep p {
    background: #D4AF37 !important;
    border: 1px solid #B8860B;
    clip-path: polygon(5% 1%, 85% 0, 80% 100%, 0 100%);
    box-shadow: none !important;
    filter: none !important;
}

html[data-theme="light"] .home-2-area-shep:after,
html[data-theme="dark"] .home-2-area-shep:after {
    background: #B8860B !important;
    box-shadow: none !important;
}

html[data-theme="light"] .home-2-area-shep p span,
html[data-theme="light"] .home-2-area-shep p a,
html[data-theme="dark"] .home-2-area-shep p span,
html[data-theme="dark"] .home-2-area-shep p a {
    color: #2F2F2F !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

html[data-theme="light"] .home-2-area-shep:hover p,
html[data-theme="dark"] .home-2-area-shep:hover p {
    background: #FFFFFF !important;
    border-color: #2F2F2F !important;
}

html[data-theme="light"] .home-2-area-shep:hover:after,
html[data-theme="dark"] .home-2-area-shep:hover:after {
    background: #2F2F2F !important;
}

html[data-theme="light"] .home-2-area-shep:hover p span,
html[data-theme="light"] .home-2-area-shep:hover p a,
html[data-theme="dark"] .home-2-area-shep:hover p span,
html[data-theme="dark"] .home-2-area-shep:hover p a {
    color: #2F2F2F !important;
}

/* ==========================================
   READ TIME BADGE - HIDE ALL (LIGHT & DARK)
   ========================================== */

/* HIDE - Light Mode */
html[data-theme="light"] .echo-hero-section.home-three .post-meta .echo-hero-area-like-read-comment-share:has(.svg-icon-ti-ti-clock) {
    display: none !important;
}

/* HIDE - Dark Mode */
html[data-theme="dark"] .echo-hero-section.home-three .post-meta .echo-hero-area-like-read-comment-share:has(.svg-icon-ti-ti-clock) {
    display: none !important;
}

/* ==========================================
   POPULAR AREA TITLE - BLACK TEXT, TRANSPARENT BG
   ========================================== */

html[data-theme="light"] .echo-popular-area .echo-popular-content .echo-popular-left-jt-heading a.title-hover {
    color: #000000 !important;
    background: transparent !important;
}

/* ==========================================
   HIDE ALL READ TIME BADGES (ALL WIDGETS)
   ========================================== */

/* Sembunyikan semua badge yang punya icon clock - Light Mode */
html[data-theme="light"] .echo-hero-area-like-read-comment-share:has(.svg-icon-ti-ti-clock) {
    display: none !important;
}

/* Sembunyikan semua badge yang punya icon clock - Dark Mode */
html[data-theme="dark"] .echo-hero-area-like-read-comment-share:has(.svg-icon-ti-ti-clock) {
    display: none !important;
}

/* ==========================================
   READ MORE ARROW - BLACK ALL MODES
   ========================================== */

.echo-hero-section.home-three .echo-button-wrapper .rts-btn.btn-secondary i.fa-arrow-right,
.echo-hero-section.home-three .echo-button-wrapper .rts-btn.btn-secondary:hover i.fa-arrow-right {
    color: #2F2F2F !important;
}

/* ==========================================
   EDITOR PICK - LIGHT & DARK MODE
   ========================================== */

html[data-theme="light"] h2.section-title {
    color: #000000 !important;
}

html[data-theme="dark"] h2.section-title {
    color: #FFFFFF !important;
}

/* ==========================================
   READ MORE BUTTON - di DISCOVER CATEGORY (FIX)
   ========================================== */
/* ==========================================
   NEW READ MORE BUTTON - OVERRIDE ALL DEFAULTS
   ========================================== */

/* Reset semua aturan default */
.home-2-read-more-btn a.new-read-more-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
    padding: 0 40px !important;
    min-width: 180px !important;
    height: 54px !important;
    background: #d4af37 !important;
    color: #2F2F2F !important;  /* Override color: #fff */
    border: 1px solid #2c3e36 !important;
    border-radius: 10px !important;
    font-family: var(--primary-font) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    transition: all .3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    position: static !important;  /* Override position: relative */
}

/* Hapus pseudo element */
.home-2-read-more-btn a.new-read-more-btn::before,
.home-2-read-more-btn a.new-read-more-btn::after {
    display: none !important;
    content: none !important;
}

/* Arrow - paksa hitam */
.home-2-read-more-btn a.new-read-more-btn i[class*="fa-arrow-right"] {
    display: inline-flex !important;
    color: #2F2F2F !important;
    font-size: 14px !important;
    transition: transform 0.3s ease !important;
    margin-left: 6px !important;
    flex-shrink: 0 !important;
}

.home-2-read-more-btn a.new-read-more-btn:hover i[class*="fa-arrow-right"] {
    transform: translateX(4px) !important;
}

/* Hover */
.home-2-read-more-btn a.new-read-more-btn:hover {
    background: #FFFFFF !important;
    color: #2F2F2F !important;
    border-color: #2c3e36 !important;
}


/* ==========================================
   JUDUL HEADER di BAGIAN BAWAH Widget category LIGHT & DARK MODE
   ========================================== */

/* ==========================================
   POPULAR AREA TITLE - WITH UNDERLINE ON HOVER
   ========================================== */

/* Light Mode */
html[data-theme="light"] .echo-popular-area .echo-popular-content .echo-popular-left-bt-title a.title-hover {
    color: #000000 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

html[data-theme="light"] .echo-popular-area .echo-popular-content .echo-popular-left-bt-title a.title-hover:hover {
    color: #000000 !important;
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
    text-decoration-color: #000000 !important;
    text-decoration-thickness: 2px !important;
}

/* Dark Mode */
html[data-theme="dark"] .echo-popular-area .echo-popular-content .echo-popular-left-bt-title a.title-hover {
    color: #FFFFFF !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

html[data-theme="dark"] .echo-popular-area .echo-popular-content .echo-popular-left-bt-title a.title-hover:hover {
    color: #FFFFFF !important;
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
    text-decoration-color: #FFFFFF !important;
    text-decoration-thickness: 2px !important;
}
/* ==========================================
   DOWNLOAD BUTTONS - SOFTWARE DOWNLOAD AREA
   ========================================== */

.echo-software-download-place a.echo-py-hover-white {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 12px 28px !important;
    background: #d4af37 !important;
    color: #000000 !important;
    border: 1px solid #2c3e36 !important;
    border-radius: 10px !important;
    font-family: var(--primary-font) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all .3s ease !important;
}

.echo-software-download-place a.echo-py-hover-white:hover {
    background: #FFFFFF !important;
    color: #000000 !important;
    border-color: #2c3e36 !important;
}

.echo-software-download-place a.echo-py-hover-white svg {
    color: #000000 !important;
    stroke: #000000 !important;
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0 !important;
}

.echo-software-download-place a.echo-py-hover-white:hover svg {
    color: #000000 !important;
    stroke: #000000 !important;
}
/* ==========================================
   HIDE LANGUAGE SWITCHER - FOOTER (ALL MODES)
   ========================================== */

#lang-switcher-footer {
    display: none !important;
}

/* Sembunyikan container-nya juga */
.echo-footer-area .echo-footer-copyright-area .copyright-area-inner .select-area {
    display: none !important;
}

/* ==========================================
   SCROLL TO TOP BUTTON - ARROW HITAM (ALL MODES)
   ========================================== */

.scroll-top-btn i.fa-angles-up,
.scroll-top-btn i.fa-regular.fa-angles-up,
.scroll-top-btn i.fa-solid.fa-angles-up,
.scroll-top-btn i[class*="fa-angles-up"] {
    color: #000000 !important;
}

.scroll-top-btn:hover i.fa-angles-up,
.scroll-top-btn:hover i.fa-regular.fa-angles-up,
.scroll-top-btn:hover i.fa-solid.fa-angles-up,
.scroll-top-btn:hover i[class*="fa-angles-up"] {
    color: #000000 !important;
}

/* ==========================================
   FEATURED TITLE - NORMAL CASE
   ========================================== */

.echo-feature-area-content h2.section-title {
    text-transform: none !important;
}

/* ==========================================
   PAGINATION - LIGHT & DARK MODE
   ========================================== */

/* ========== LIGHT MODE ========== */

html[data-theme="light"] .pagination-wrap .pagination .page-item.active .page-link {
    background: #d4af37 !important;
    color: #000000 !important;
    border-color: #2c3e36 !important;
}

html[data-theme="light"] .pagination-wrap .pagination .page-item.active .page-link:hover {
    background: #d4af37 !important;
    color: #000000 !important;
    border-color: #2c3e36 !important;
}

html[data-theme="light"] .pagination-wrap .pagination .page-item:not(.active) .page-link {
    background: transparent !important;
    color: #000000 !important;
    border-color: #e0e0e0 !important;
}

html[data-theme="light"] .pagination-wrap .pagination .page-item:not(.active) .page-link:hover {
    background: #f0e1b1 !important;
    color: #000000 !important;
    border-color: #2c3e36 !important;
}


/* ========== DARK MODE ========== */

html[data-theme="dark"] .pagination-wrap .pagination .page-item.active .page-link {
    background: #d4af37 !important;
    color: #000000 !important;
    border-color: #2c3e36 !important;
}

html[data-theme="dark"] .pagination-wrap .pagination .page-item.active .page-link:hover {
    background: #d4af37 !important;
    color: #000000 !important;
    border-color: #2c3e36 !important;
}

html[data-theme="dark"] .pagination-wrap .pagination .page-item:not(.active) .page-link {
    background: transparent !important;
    color: #FFFFFF !important;  /* Text putih */
    border-color: #555555 !important;
}

html[data-theme="dark"] .pagination-wrap .pagination .page-item:not(.active) .page-link:hover {
    background: #f0e1b1 !important;
    color: #000000 !important;
    border-color: #2c3e36 !important;
}

/* ==========================================
   SCROLL TO TOP BUTTON - FORCE OVERRIDE
   ========================================== */

/* Default - override background */
.home-nine .scroll-top-btn {
    background: #d4af37 !important;
    color: #000000 !important;
    border: 1px solid #2c3e36 !important;
}

/* Hover - override background hover */
.home-nine .scroll-top-btn:hover {
    background: #FFFFFF !important;
    color: #000000 !important;
    border-color: #2c3e36 !important;
}

/* Arrow */
.home-nine .scroll-top-btn i.fa-angles-up {
    color: #000000 !important;
}

.home-nine .scroll-top-btn:hover i.fa-angles-up {
    color: #000000 !important;
}

/* ==========================================
   Premium iOS Liquid Glass Route Button
   ========================================== */

.ios-route-btn{

    --glass-top:rgba(255,255,255,.20);
    --glass-bottom:rgba(255,255,255,.08);
    --glass-border:rgba(255,255,255,.20);

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    position:relative;
    overflow:hidden;

    padding:13px 26px;

    border-radius:9999px;

    color:#2F2F2F !important;
    text-decoration:none !important;

    font-family:
        "SF Pro Display",
        "SF Pro Text",
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    font-size:16px;
    font-weight:600;
    letter-spacing:.2px;

    background: #d4af37 !important;

    border:1px solid #2c3e36 !important;

    backdrop-filter:blur(18px) saturate(180%);
    -webkit-backdrop-filter:blur(18px) saturate(180%);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        0 8px 18px rgba(0,0,0,.18);

    transition:
        transform .28s cubic-bezier(.2,.8,.2,1),
        box-shadow .28s,
        border-color .28s,
        background .6s ease .3s,  /* BG berubah setelah 0.3s (delay) */
        color .6s ease .3s;       /* Color berubah setelah 0.3s (delay) */

    cursor:pointer;

}


/* ==========================================
   Font Awesome Icon - SOLID ROUTE (HIJAU)
   ========================================== */

.ios-route-btn::before{

    content:"\f4d7";

    font-family:"Font Awesome 6 Pro";
    font-weight:900;
    font-style:normal;
    font-variant:normal;

    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;

    display:inline-block;

    font-size:18px;
    line-height:1;

    color:#2c3e36 !important;

    margin-right:10px;

    position:relative;
    z-index:2;

    transition:
        transform .28s ease,
        color .28s ease;

}

.ios-route-btn:hover::before{

    color:#2c3e36 !important;

    transform:translateX(2px);

}


/* ==========================================
   GLASS SHIMMER - CAHAYA PUTIH BERJALAN
   ========================================== */

.ios-route-btn::after{

    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            110deg,
            transparent 30%,
            rgba(255,255,255,.25) 45%,
            rgba(255,255,255,.35) 50%,
            rgba(255,255,255,.25) 55%,
            transparent 70%
        );

    transform:translateX(-150%);

    transition:transform .9s cubic-bezier(.25,.46,.45,.94);

    pointer-events:none;

    border-radius:9999px;

}


/* ==========================================
   HOVER - ANIMASI CAHAYA DULU, BARU BG PUTIH
   ========================================== */

.ios-route-btn:hover{

    transform:translateY(-1px);

    /* Background dan color berubah setelah animasi selesai (delay 0.3s) */
    background: #FFFFFF !important;
    color: #2F2F2F !important;

    border-color:#2c3e36 !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.25),
        0 12px 26px rgba(0,0,0,.22);

}

.ios-route-btn:hover::after{

    transform:translateX(150%);

}


/* ==========================================
   Active
   ========================================== */

.ios-route-btn:active{

    transform:scale(.975);

}


/* ==========================================
   Focus
   ========================================== */

.ios-route-btn:focus-visible{

    outline:none;

    box-shadow:
        0 0 0 3px rgba(255,255,255,.12),
        0 10px 24px rgba(0,0,0,.20);

}

/* ==========================================
   Apartement Rent Input
   ========================================== */
.apartment-rent-card{
    background: var(--color-background);
    border: 1px solid var(--color-border);
    border-radius: 20px;
    padding: 32px;
    margin: 32px 0;
    box-shadow: 0 10px 30px rgba(0,0,0,.06);
}

.rent-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:20px;
    padding-bottom:12px;
    border-bottom:1px solid var(--color-border);
    margin-bottom:16px;
}

.rent-label{
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.12em;
    color: var(--color-text-secondary);
    margin-bottom:8px;
}

.rent-title{
    font-size:30px;
    font-weight:700;
    color: var(--color-text-primary);
    margin:0;
    line-height:1.25;
}

.rent-badge{
    background: #4a4a4a !important;  /* Grey gelap */
    border: 1px solid #4a4a4a !important;
    color: #FFFFFF !important;
    padding: 8px 14px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
}

.rent-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
    margin-bottom:28px;
}

.rent-item{
    background: var(--color-surface);
    border:1px solid var(--color-border);
    border-radius:16px;
    padding:18px 20px;
}

.rent-item-label{
    font-size:13px;
    color: var(--color-text-secondary);
    margin-bottom:8px;
}

.rent-item-value{
    font-size:22px;
    font-weight:700;
    color: var(--color-text-primary);
    line-height:1.2;
}

.rent-description{
    border-top:1px solid var(--color-border);
    padding-top:24px;
    margin-top:4px;
}

.rent-description p{
    color: var(--color-text-secondary);
    font-size:15px;
    line-height:1.8;
    margin:0;
}

.rent-footer{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    border-top:1px solid var(--color-border);
    padding-top:24px;
    margin-top:28px;
}

.rent-contact-label{
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.12em;
    color: var(--color-text-secondary);
    margin-bottom:6px;
}

.rent-contact a{
    font-size:24px;
    font-weight:700;
    color: var(--color-text-primary);
    text-decoration:none;
}

.rent-contact a:hover{
    color: var(--color-primary);
}

.rent-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:14px 22px;
    border-radius:12px;
    background: var(--color-primary);
    color:#fff;
    text-decoration:none;
    font-weight:600;
    transition:all .25s ease;
}

.rent-button:hover{
    filter: brightness(1.08);
    color:#fff;
}

[data-bs-theme="dark"] .apartment-rent-card{
    box-shadow: 0 10px 30px rgba(0,0,0,.35);
}

@media (max-width:768px){
    .apartment-rent-card{
        padding:24px;
    }

    .rent-header,
    .rent-footer{
        flex-direction:column;
        align-items:flex-start;
    }

    .rent-grid{
        grid-template-columns:1fr;
    }

    .rent-title{
        font-size:24px;
    }

    .rent-button{
        width:100%;
    }

    .rent-contact a{
        font-size:20px;
    }
}

/* ==========================================
   Apartement Rent Gallery
   ========================================== */

.rent-gallery{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
    margin-bottom:28px;
}

.rent-gallery-item{
    aspect-ratio:1 / 1;
    overflow:hidden;
    border-radius:16px;
    background:var(--color-surface);
}

.rent-gallery-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .35s ease;
}

.rent-gallery-item:hover img{
    transform:scale(1.04);
}

@media (max-width:768px){
    .rent-gallery{
        grid-template-columns:1fr 1fr;
        gap:10px;
    }
}

.rent-whatsapp-link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#25D366;
    font-size:22px;
    font-weight:700;
    text-decoration:none;
}

.rent-whatsapp-link i{
    font-size:24px;
}

.rent-whatsapp-link:hover{
    color:#1ebe5d;
}

.rent-button.whatsapp{
    background:#25D366;
    color:#fff;
}

.rent-button.whatsapp:hover{
    background:#1ebe5d;
    color:#fff;
}

[data-bs-theme="dark"] .rent-whatsapp-link{
    color:#4ade80;
}

[data-bs-theme="dark"] .rent-whatsapp-link:hover{
    color:#22c55e;
}

.rent-button.whatsapp i.fa-whatsapp {
    font-size: 1.3em !important;  /* 130% dari ukuran default */
    margin-right: 10px !important;
}


/* ==========================================
   WHATSAPP BUTTON - SHIMMER ANIMATION (SAMA SEPERTI GET DIRECTIONS)
   ========================================== */

.rent-button.whatsapp {
    position: relative !important;
    overflow: hidden !important;
    transition: transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s, background .6s ease .3s, color .6s ease .3s !important;
}

/* Shimmer - cahaya putih berjalan */
.rent-button.whatsapp::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(110deg, transparent 30%, rgba(255,255,255,.25) 45%, rgba(255,255,255,.35) 50%, rgba(255,255,255,.25) 55%, transparent 70%) !important;
    transform: translateX(-150%) !important;
    transition: transform .9s cubic-bezier(.25,.46,.45,.94) !important;
    pointer-events: none !important;
    border-radius: 12px !important;
}

/* Hover - background putih, text hitam */
.rent-button.whatsapp:hover {
    background: #FFFFFF !important;
    color: #2F2F2F !important;
}

/* Shimmer jalan saat hover */
.rent-button.whatsapp:hover::after {
    transform: translateX(150%) !important;
}

/* Icon tetap hijau saat hover */
.rent-button.whatsapp:hover i.fa-whatsapp {
    color: #25D366 !important;
    transform: translateX(2px) !important;
}

.rent-button.whatsapp:active {
    transform: scale(.975) !important;
}

/* ==========================================
   Apartement SALE Input
   ========================================== */
.apartment-sale-card{
    background: var(--color-background);
    border: 1px solid var(--color-border);
    border-radius: 20px;
    padding: 32px;
    margin: 32px 0;
    box-shadow: 0 10px 30px rgba(0,0,0,.06);
}

.sale-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:20px;
    padding-bottom:12px;
    border-bottom:1px solid var(--color-border);
    margin-bottom:16px;
}

.sale-label{
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.12em;
    color: var(--color-text-secondary);
    margin-bottom:8px;
}

.sale-title{
    font-size:30px;
    font-weight:700;
    color: var(--color-text-primary);
    margin:0;
    line-height:1.25;
}

.sale-badge{
    background: #4a4a4a !important;  /* Grey gelap */
    border: 1px solid #4a4a4a !important;
    color: #FFFFFF !important;
    padding: 8px 14px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
}

.sale-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
    margin-bottom:28px;
}

.sale-item{
    background: var(--color-surface);
    border:1px solid var(--color-border);
    border-radius:16px;
    padding:18px 20px;
}

.sale-item-label{
    font-size:13px;
    color: var(--color-text-secondary);
    margin-bottom:8px;
}

.sale-item-value{
    font-size:22px;
    font-weight:700;
    color: var(--color-text-primary);
    line-height:1.2;
}

.sale-description{
    border-top:1px solid var(--color-border);
    padding-top:24px;
    margin-top:4px;
}

.sale-description p{
    color: var(--color-text-secondary);
    font-size:15px;
    line-height:1.8;
    margin:0;
}

.sale-footer{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    border-top:1px solid var(--color-border);
    padding-top:24px;
    margin-top:28px;
}

.sale-contact-label{
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.12em;
    color: var(--color-text-secondary);
    margin-bottom:6px;
}

.sale-contact a{
    font-size:24px;
    font-weight:700;
    color: var(--color-text-primary);
    text-decoration:none;
}

.sale-contact a:hover{
    color: var(--color-primary);
}

.sale-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:14px 22px;
    border-radius:12px;
    background: var(--color-primary);
    color:#fff;
    text-decoration:none;
    font-weight:600;
    transition:all .25s ease;
}

.sale-button:hover{
    filter: brightness(1.08);
    color:#fff;
}

[data-bs-theme="dark"] .apartment-sale-card{
    box-shadow: 0 10px 30px rgba(0,0,0,.35);
}

@media (max-width:768px){
    .apartment-sale-card{
        padding:24px;
    }

    .sale-header,
    .sale-footer{
        flex-direction:column;
        align-items:flex-start;
    }

    .sale-grid{
        grid-template-columns:1fr;
    }

    .sale-title{
        font-size:24px;
    }

    .sale-button{
        width:100%;
    }

    .sale-contact a{
        font-size:20px;
    }
}

/* ==========================================
   Apartement SALE Gallery
   ========================================== */

.sale-gallery{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
    margin-bottom:28px;
}

.sale-gallery-item{
    aspect-ratio:1 / 1;
    overflow:hidden;
    border-radius:16px;
    background:var(--color-surface);
}

.sale-gallery-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .35s ease;
}

.sale-gallery-item:hover img{
    transform:scale(1.04);
}

@media (max-width:768px){
    .sale-gallery{
        grid-template-columns:1fr 1fr;
        gap:10px;
    }
}

.sale-whatsapp-link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#25D366;
    font-size:22px;
    font-weight:700;
    text-decoration:none;
}

.sale-whatsapp-link i{
    font-size:24px;
}

.sale-whatsapp-link:hover{
    color:#1ebe5d;
}

.sale-button.whatsapp{
    background:#25D366;
    color:#fff;
}

.sale-button.whatsapp:hover{
    background:#1ebe5d;
    color:#fff;
}

[data-bs-theme="dark"] .sale-whatsapp-link{
    color:#4ade80;
}

[data-bs-theme="dark"] .sale-whatsapp-link:hover{
    color:#22c55e;
}

.sale-button.whatsapp i.fa-whatsapp {
    font-size: 1.3em !important;  /* 130% dari ukuran default */
    margin-right: 10px !important;
}


/* ==========================================
   WHATSAPP BUTTON - SHIMMER ANIMATION (SAMA SEPERTI GET DIRECTIONS)
   ========================================== */

.sale-button.whatsapp {
    position: relative !important;
    overflow: hidden !important;
    transition: transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s, background .6s ease .3s, color .6s ease .3s !important;
}

/* Shimmer - cahaya putih berjalan */
.sale-button.whatsapp::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(110deg, transpasale 30%, rgba(255,255,255,.25) 45%, rgba(255,255,255,.35) 50%, rgba(255,255,255,.25) 55%, transpasale 70%) !important;
    transform: translateX(-150%) !important;
    transition: transform .9s cubic-bezier(.25,.46,.45,.94) !important;
    pointer-events: none !important;
    border-radius: 12px !important;
}

/* Hover - background putih, text hitam */
.sale-button.whatsapp:hover {
    background: #FFFFFF !important;
    color: #2F2F2F !important;
}

/* Shimmer jalan saat hover */
.sale-button.whatsapp:hover::after {
    transform: translateX(150%) !important;
}

/* Icon tetap hijau saat hover */
.sale-button.whatsapp:hover i.fa-whatsapp {
    color: #25D366 !important;
    transform: translateX(2px) !important;
}

.sale-button.whatsapp:active {
    transform: scale(.975) !important;
}
/* Text deskripsi di hero banner */
.desc .truncate-custom.truncate-2-custom {
    color: #cdfafa !important;  
}
html[data-theme="light"] .desc .truncate-custom.truncate-2-custom {
    color: #000000 !important;
    background: rgba(255, 255, 255, 0.9) !important;  /* Putih 80% transparan */
    padding: 4px 12px !important;
    border-radius: 6px !important;
    display: inline-block !important;
}

/* ==========================================
   TELEPHONE INPUT - GESER 12 KARAKTER (PALING KUAT)
   ========================================== */

#botble-contact-forms-fronts-contact-form .contact-field-phone_wrapper input.js-phone-number-mask {
    padding-left: 93px !important;
}

/* ==========================================
   LOGO di DASHBOARD BM
   ========================================== */
.header__center .ps-logo img,
.ps-sidebar__footer a img {
    width: min(60px, 100%) !important;
    height: auto !important;
    max-height: 60px !important;
    object-fit: contain !important;
}

/* ==========================================
   MANIPULASI TEXT ENGLISH KE INDONESIA DI TAMPILAN DASHBOARD MEMBER
   ========================================== */
.alert.alert-info .current_language_text {
    font-size: 0;
}

.alert.alert-info .current_language_text::before {
    content: "Indonesia";
    font-size: 14px;
    font-weight: 700;
    color: #182433;
}
/* ==========================================
   SEMBUNYIKAN LANGUAGE SELECTOR MEMBER
   ========================================== */
header:has(h3.fs-1) > .d-flex.align-items-center.gap-4 > .dropdown {
    display: none !important;
}
/* ==========================================
   SEMBUNYIKAN LANGUAGE BOX DI MEMBER
   ========================================== */
#language_advanced_wrap {
    display: none !important;
}
/* ==========================================
   ANIMASI LOADING DI TAMPILAN DASHBOARD MEMBER
   ========================================== */

.upload-loading-overlay {
    position: fixed;
    inset: 0;
    background: rgba(255,255,255,0.72);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
}

.upload-loading-box {
    background: #fff;
    border-radius: 24px;
    padding: 40px 48px;
    min-width: 340px;
    max-width: 400px;
    text-align: center;
    box-shadow: 0 20px 50px rgba(0,0,0,0.15);
}

.upload-loading-box video {
    width: 160px;
    height: 160px;
    display: block;
    margin: 0 auto 20px;
}

.upload-loading-text h5 {
    margin: 0 0 10px;
    font-size: 20px;
    font-weight: 600;
    color: #1f2937;
}

.upload-loading-text p {
    margin: 0;
    font-size: 15px;
    line-height: 1.7;
    color: #6b7280;
}

/* ===== FIX SOCIAL MEDIA TEXT COLOR ===== */
/* Follow Us - teks gelap di light mode */
html[data-theme="light"] .echo-feature-area-right-site-follower,
html[data-theme="light"] .echo-feature-area-right-site-follower a,
html[data-theme="light"] .echo-feature-area-right-site-follower .truncate-custom,
html[data-theme="light"] .echo-feature-area-right-site-follower span {
    color: #1f2937 !important;
}

/* Ikon juga ikut gelap */
html[data-theme="light"] .echo-feature-area-right-site-follower svg {
    color: #1f2937 !important;
    stroke: currentColor !important;
}

/* ==========================================
   SEMBUNYIKAN STATUS DI FORM RESIDENTS
   ========================================== */
.card:has(select[id^="status-select-"]) {
    display: none !important;
}
#botble-member-forms-fronts-profile-form .col-lg-6:has(select[name="role"]),
#botble-member-forms-fronts-profile-form .col-lg-6:has(select[name="module"]) {
    display: none !important;
}