/* ================= SIDEBAR ================= */
.sidebar-overlay{
    position:fixed;
    inset:0;
    background:var(--shadow_card);
    backdrop-filter:blur(3px);
    opacity:0;
    visibility:hidden;
    transition:opacity .25s ease,visibility .25s ease;
    z-index:1990;
}
.sidebar-overlay.active{
    opacity:1;
    visibility:visible;
}

.side-menu{
    position:fixed;
    top:0;
    left:0;
    width:min(86vw,360px);
    height:100dvh;
    background:linear-gradient(180deg,var(--bg_page) 0%,var(--bg_page_dark) 100%);
    border-right:1px solid var(--border_default);
    box-shadow:14px 0 40px var(--shadow_card);
    transform:translateX(-105%);
    transition:transform .28s cubic-bezier(.22,.61,.36,1);
    z-index:2000;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:none;
}
.side-menu::-webkit-scrollbar{display:none}
.side-menu.active{transform:translateX(0)}

.side-head{
    height:64px;
    padding:9px 11px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid var(--border_default);
    background:var(--bg_icon);
    position:sticky;
    top:0;
    z-index:2;
}
.side-logo{
    width:110px;
    max-height:38px;
    object-fit:contain;
}
.side-close{
    width:38px;
    height:38px;
    border:1px solid var(--border_hover);
    border-radius:10px;
    background:var(--bg_card);
    color:var(--text_primary);
    cursor:pointer;
    font-size:22px;
    line-height:1;
}

.side-promo{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
    padding:10px;
}
.side-promo-card{
    min-height:75px;
    border:1px solid var(--border_default);
    border-radius:10px;
    padding:10px;
    background:linear-gradient(145deg,var(--bg_card_darker),var(--bg_card));
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
}
.side-promo-card:first-child{
    border-color:var(--border_primary);
    background:linear-gradient(145deg,var(--bg_card_darker),var(--bg_page_dark));
}
.side-promo-card strong{font-size:11px;color:var(--text_primary)}
.side-promo-card small{font-size:8px;color:var(--text_secondary);margin-top:4px}

.side-tabs{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:6px;
    padding:0 10px 11px;
}
.side-tab{
    height:35px;
    border:1px solid var(--border_default);
    border-radius:8px;
    background:var(--bg_card);
    color:var(--text_secondary);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    font-size:10px;
    font-weight:800;
    text-decoration:none;
}
.side-tab.active{
    color:var(--primary_light);
    border-color:var(--border_primary);
    background:var(--bg_card_darker);
}

.side-section{
    padding:10px 10px 5px;
    color:var(--text_secondary);
    font-size:9px;
    font-weight:900;
    letter-spacing:1.3px;
}
.side-link{
    margin:2px 8px;
    min-height:43px;
    padding:0 11px;
    display:flex;
    align-items:center;
    gap:11px;
    border-radius:9px;
    color:var(--text_secondary);
    text-decoration:none;
    font-size:11px;
    font-weight:700;
    border:1px solid transparent;
}
.side-link:hover,
.side-link.active{
    color:var(--primary_light);
    background:var(--bg_card_darker);
    border-color:var(--border_primary);
}
.side-icon{
    width:20px;
    text-align:center;
    font-size:15px;
    color:var(--text_secondary);
}
.side-link:hover .side-icon,
.side-link.active .side-icon{color:var(--primary)}
.side-arrow{
    margin-left:auto;
    color:var(--text_secondary);
    font-size:13px;
}
.side-divider{
    height:1px;
    background:var(--border_default);
    margin:8px 18px;
}
.side-auth{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
    padding:14px 18px 22px;
}
.side-auth a{
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    font-size:10px;
    font-weight:900;
    text-decoration:none;
}
.side-auth .side-login{
    color:var(--text_primary);
    background:var(--bg_card);
    border:1px solid var(--border_hover);
}
.side-auth .side-register{
    color:var(--btn_text);
    background:linear-gradient(135deg,var(--primary),var(--primary_dark));
    border:1px solid var(--primary);
}
body.sidebar-open{overflow:hidden}

/* Sidebar responsive polish */
.side-menu{width:min(86vw,360px);max-width:100%;}
.side-head,.side-promo,.side-tabs,.side-section,.side-divider,.side-auth{max-width:100%}
.side-promo-card,.side-link,.side-tab,.side-auth a{min-width:0}
.side-promo-card strong,.side-promo-card small,.side-link>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (min-width:700px){
  .side-menu{width:min(380px,42vw)}
  .side-promo{grid-template-columns:1fr 1fr}
}
@media (max-width:380px){
  .side-menu{width:90vw}
  .side-promo{grid-template-columns:1fr}
  .side-promo-card{min-height:58px}
  .side-link{margin-left:6px;margin-right:6px}
  .side-auth{padding-left:12px;padding-right:12px}
}
/* Sidebar responsive polish */
.side-menu{width:min(86vw,360px);max-width:100%}.side-promo-card,.side-link,.side-tab,.side-auth a{min-width:0}.side-promo-card strong,.side-promo-card small,.side-link>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (min-width:700px){.side-menu{width:min(380px,42vw)}.side-promo{grid-template-columns:1fr 1fr}}
@media (max-width:380px){.side-menu{width:90vw}.side-promo{grid-template-columns:1fr}.side-promo-card{min-height:58px}.side-link{margin-left:6px;margin-right:6px}.side-auth{padding-left:12px;padding-right:12px}}


/* Final sidebar mobile/desktop usability */
.side-menu{display:flex;flex-direction:column;}
.side-head{flex:0 0 auto;}
.side-promo,.side-tabs,.side-section,.side-divider,.side-link{flex-shrink:0;}
.side-auth{position:sticky;bottom:0;z-index:8;flex-shrink:0;background:linear-gradient(180deg,var(--bg_card),var(--bg_page) 35%);backdrop-filter:blur(10px);border-top:1px solid var(--border_default);padding-bottom:calc(14px + env(safe-area-inset-bottom));}
@media(max-height:620px){.side-head{height:56px}.side-promo{padding:7px}.side-promo-card{min-height:58px;padding:8px}.side-tabs{padding-bottom:7px}.side-link{min-height:38px}.side-auth{padding-top:9px;padding-bottom:calc(9px + env(safe-area-inset-bottom));}}

/* Category artwork — public sidebar only */
.side-link .side-icon img{
    width:20px;
    height:20px;
    display:block;
    object-fit:contain;
}
.side-link.active .side-icon img,
.side-link:hover .side-icon img{
    transform:scale(1.04);
}

/* ================= MEMBER SIDEBAR REDESIGN ================= */
.side-menu{
    background:linear-gradient(180deg,var(--bg_card) 0%,var(--bg_card_darker) 100%) !important;
    border-right:1px solid var(--border_default) !important;
    padding-bottom:12px;
}
.side-head{background:var(--bg_card) !important;border-bottom:1px solid var(--border_default) !important}
.side-close{background:var(--bg_card_darker) !important;border-color:var(--border_hover) !important;color:var(--text_primary) !important}
.side-profile-card{margin:10px 14px 8px;padding:11px 10px 10px;border-radius:13px;background:linear-gradient(145deg,var(--bg_card),var(--bg_card_darker));border:1px solid var(--border_default);box-shadow:0 10px 25px var(--shadow_card)}
.side-profile-top{display:flex;align-items:center;gap:9px}.side-avatar{width:45px;height:45px;border-radius:50%;overflow:hidden;display:grid;place-items:center;flex:0 0 45px;background:linear-gradient(145deg,var(--bg_icon),var(--bg_card));border:2px solid var(--border_hover);box-shadow:0 4px 12px var(--shadow_card)}.side-avatar img{width:100%;height:100%;object-fit:cover}.side-avatar span{font-size:18px;font-weight:900;color:var(--text_primary)}.side-profile-info{min-width:0;display:flex;flex-direction:column;gap:3px}.side-profile-info strong{font-size:13px;color:var(--text_primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-profile-info span{font-size:10px;color:var(--text_secondary)}.side-balance{margin-top:9px;font-size:20px;font-weight:900;color:var(--text_primary);letter-spacing:.2px}.side-wallet-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.side-wallet-btn{height:39px;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;font-size:10px;font-weight:900}.side-wallet-btn.withdraw{background:linear-gradient(145deg,var(--primary_light),var(--primary));color:var(--btn_text)}.side-wallet-btn.deposit{background:var(--bg_card);color:var(--text_primary)}.side-wallet-btn span{font-size:15px}
.side-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 6px;padding:8px 18px 10px}.side-feature{position:relative;min-width:0;text-decoration:none;color:var(--text_primary);display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.feature-icon{width:45px;height:45px;border-radius:10px;background:linear-gradient(145deg,var(--bg_page_dark),var(--bg_page_dark));border:1px solid var(--primary);display:grid;place-items:center;font-size:25px;box-shadow:0 5px 10px var(--shadow_card)}.side-feature b{font-family:Georgia,serif;font-size:9px;line-height:1.12;font-weight:700}.feature-badge{position:absolute;right:8px;top:34px;width:14px;height:14px;border-radius:50%;background:var(--status_error);color:var(--text_primary);font-size:8px;display:grid;place-items:center;border:1px solid var(--status_error);font-style:normal}.side-feature:hover .feature-icon{transform:translateY(-1px);border-color:var(--primary)}.side-service{margin:4px 14px 0;min-height:51px;padding:7px 9px;border-radius:11px;border:1px solid var(--border_default);background:linear-gradient(145deg,var(--bg_page_dark),var(--bg_page_dark));display:flex;align-items:center;gap:8px;color:var(--text_primary);text-decoration:none}.service-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--bg_page_dark);font-size:20px;flex:0 0 34px}.side-service>span:nth-child(2){min-width:0;flex:1}.side-service strong{display:block;font-size:10px}.side-service small{display:block;margin-top:2px;color:var(--text_secondary);font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-service>b{font-size:18px;color:var(--primary)}
.side-share{margin:7px 14px 0;height:17px;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:7px;border-top:1px solid var(--border_default);border-bottom:1px solid var(--border_default)}.side-socials{display:flex;justify-content:space-around;padding:8px 22px 2px}.side-socials a{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;text-decoration:none;background:var(--bg_page_dark);color:var(--text_primary);font-size:15px;font-weight:900;border:1px solid var(--border_default)}.side-socials a:hover{border-color:var(--primary);color:var(--primary)}
@media(max-width:380px){.side-profile-card{margin-left:10px;margin-right:10px}.side-feature-grid{padding-left:12px;padding-right:12px;gap:7px 4px}.feature-icon{width:42px;height:42px}.side-service{margin-left:10px;margin-right:10px}.side-socials{padding-left:16px;padding-right:16px}}


/* ================= MEMBER SIDEBAR — yellow THEME ================= */
.side-menu{
    background:linear-gradient(180deg,var(--bg_page) 0%,var(--bg_page) 48%,var(--bg_page) 100%) !important;
    border-right:1px solid var(--border_default) !important;
}
.side-head{background:var(--bg_page) !important;border-bottom:1px solid var(--border_default) !important}
.side-close{background:var(--bg_page_dark) !important;border-color:var(--primary) !important;color:var(--primary) !important}
.side-profile-card{
    background:linear-gradient(145deg,var(--bg_page_dark),var(--bg_page)) !important;
    border-color:var(--border_default) !important;
    box-shadow:0 10px 25px var(--shadow_card) !important;
}
.side-avatar{
    background:linear-gradient(145deg,var(--bg_page_dark),var(--bg_page_dark)) !important;
    border-color:var(--primary) !important;
}
.side-profile-info strong{color:var(--text_primary) !important}
.side-profile-info span{color:var(--primary) !important}
.side-balance{color:var(--text_primary) !important}
.side-wallet-btn.withdraw{
    background:linear-gradient(145deg,var(--primary_light),var(--primary)) !important;
    color:var(--btn_text) !important;
}
.side-wallet-btn.deposit{
    background:linear-gradient(145deg,var(--primary),var(--primary)) !important;
    color:var(--btn_text) !important;
}
.side-feature .feature-icon{
    background:linear-gradient(145deg,var(--border_default),var(--bg_page_dark)) !important;
    border-color:var(--border_default) !important;
}
.side-feature:hover .feature-icon{border-color:var(--primary) !important}
.side-service{
    background:linear-gradient(145deg,var(--bg_page_dark),var(--bg_page)) !important;
    border-color:var(--primary) !important;
}
.service-avatar{background:var(--bg_page_dark) !important}
.side-service>b{color:var(--primary) !important}
.side-share{color:var(--primary) !important;border-color:var(--border_default) !important}
.side-socials a{
    background:var(--bg_page_dark) !important;
    border-color:var(--primary) !important;
}
.side-socials a:hover{border-color:var(--primary) !important;color:var(--primary) !important}


/* ================= MEMBER SIDEBAR — PREMIUM POLISH V27 ================= */
.side-menu{
    font-family:"Poppins","Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
    background:
      radial-gradient(circle at 100% 0%,var(--shadow_button),transparent 28%),
      linear-gradient(180deg,var(--bg_page) 0%,var(--bg_page) 46%,var(--bg_page) 100%) !important;
    border-right:1px solid var(--border_primary) !important;
}
.side-head{
    background:var(--bg_page) !important;
    border-bottom:1px solid var(--border_primary) !important;
    box-shadow:0 6px 22px var(--shadow_card);
}
.side-logo{filter:drop-shadow(0 5px 12px var(--shadow_button));}
.side-close{
    width:36px;height:36px;border-radius:11px;
    background:var(--bg_card) !important;
    border:1px solid var(--border_primary) !important;
    color:var(--primary) !important;
    font-family:inherit;font-weight:500;
    transition:.2s ease;
}
.side-close:hover{transform:rotate(90deg);background:var(--border_default) !important;color:var(--text_primary) !important}
.side-profile-card{
    margin:12px 12px 9px !important;
    padding:12px !important;
    border-radius:16px !important;
    background:linear-gradient(145deg,var(--bg_card_darker),var(--bg_page)) !important;
    border:1px solid var(--border_primary) !important;
    box-shadow:0 14px 30px var(--shadow_card),inset 0 1px 0 var(--border_default) !important;
}
.side-avatar{
    width:48px;height:48px;flex-basis:48px;border:2px solid var(--border_primary) !important;
    background:linear-gradient(145deg,var(--border_default),var(--bg_page_dark)) !important;
}
.side-profile-info strong{font-size:12px !important;letter-spacing:.1px}
.side-profile-info span{font-size:9px !important;color:var(--primary) !important}
.side-balance{font-size:21px !important;letter-spacing:.3px;text-shadow:0 4px 15px var(--shadow_button)}
.side-wallet-actions{gap:8px !important;margin-top:10px !important}
.side-wallet-btn{height:41px !important;border-radius:11px !important;gap:8px !important;font-family:inherit !important;font-size:10px !important;letter-spacing:.05px;box-shadow:0 5px 12px var(--shadow_card);transition:transform .18s ease,filter .18s ease}
.side-wallet-btn:hover{transform:translateY(-1px);filter:brightness(1.04)}
.side-wallet-btn.withdraw{background:linear-gradient(135deg,var(--primary),var(--primary)) !important;color:var(--btn_text) !important}
.side-wallet-btn.deposit{background:linear-gradient(135deg,var(--accent),var(--primary)) !important;color:var(--btn_text) !important}
.wallet-icon{width:21px;height:21px;display:grid;place-items:center}
.wallet-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.side-feature-grid{padding:8px 15px 11px !important;gap:10px 5px !important}
.side-feature{gap:5px !important}
.feature-icon{
    width:47px;height:47px;border-radius:13px !important;
    background:linear-gradient(145deg,var(--border_default),var(--bg_page_dark)) !important;
    border:1px solid var(--border_primary) !important;
    box-shadow:0 7px 15px var(--shadow_card),inset 0 1px 0 var(--border_default) !important;
    font-size:24px;transition:.18s ease;
}
.side-feature b{font-family:inherit !important;font-size:8.5px !important;font-weight:700 !important;color:var(--text_primary)}
.side-feature:hover .feature-icon{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 18px var(--shadow_button),inset 0 1px 0 var(--border_default)}
.feature-badge{background:var(--status_error) !important;border-color:var(--status_error) !important;box-shadow:0 3px 8px var(--bg_error)}
.side-service{
    margin:4px 12px 0 !important;min-height:56px !important;padding:8px 10px !important;
    border-radius:13px !important;
    background:linear-gradient(145deg,var(--bg_page_dark),var(--bg_page)) !important;
    border:1px solid var(--border_primary) !important;
    box-shadow:0 8px 18px var(--shadow_card);
}
.service-avatar{width:36px;height:36px;flex-basis:36px;background:linear-gradient(145deg,var(--border_default),var(--bg_page_dark)) !important;border:1px solid var(--border_primary);}
.service-avatar svg{width:21px;height:21px;fill:none;stroke:var(--primary);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.side-service strong{font-size:10px !important;letter-spacing:.1px}.side-service small{font-family:inherit !important;color:var(--primary) !important;font-size:7.5px !important}
.side-service>b{color:var(--primary) !important;font-size:25px;font-weight:400}
.side-share{margin:8px 12px 0 !important;height:22px !important;color:var(--primary) !important;border-color:var(--border_primary) !important;font-size:8px !important;font-weight:700;letter-spacing:.15px}
.side-socials{padding:9px 18px 3px !important;gap:10px;justify-content:center !important}
.side-socials a{
    width:30px !important;height:30px !important;border-radius:10px !important;
    background:var(--bg_page_dark) !important;border:1px solid var(--border_primary) !important;
    box-shadow:0 5px 12px var(--shadow_card);transition:.18s ease;
}
.side-socials a img{width:16px;height:16px;display:block}
.side-socials a:hover{transform:translateY(-2px);background:var(--border_default) !important;border-color:var(--primary) !important;color:var(--text_primary) !important}
@media(max-width:380px){.side-feature-grid{padding-left:12px !important;padding-right:12px !important}.feature-icon{width:44px;height:44px}.side-profile-card{margin-left:10px !important;margin-right:10px !important}.side-service{margin-left:10px !important;margin-right:10px !important}.side-socials{padding-left:14px !important;padding-right:14px !important}}


/* ================= MEMBER SIDEBAR — NAV BACKGROUND + ACTIVITY ART ================= */
.side-menu{
    background:
      linear-gradient(180deg,var(--bg_page) 0%,var(--bg_page) 52%,var(--bg_page) 100%),
      none center top / cover no-repeat !important;
    background-attachment:scroll !important;
}
.side-head{background:var(--bg_page) !important}
.side-profile-card{background:linear-gradient(145deg,var(--bg_page_dark),var(--bg_page)) !important}
.side-feature-grid{position:relative}
.side-feature .feature-icon{
    background:linear-gradient(145deg,var(--bg_page_dark),var(--bg_page)) !important;
    border-color:var(--border_primary) !important;
}
.side-feature .feature-icon img{
    width:100%;
    height:100%;
    padding:3px;
    object-fit:contain;
    display:block;
    border-radius:12px;
}
.side-feature .feature-fallback{font-size:23px;line-height:1}
.side-feature:hover .feature-icon{
    background:linear-gradient(145deg,var(--primary),var(--bg_page)) !important;
}

/* ================= MEMBER SIDEBAR — SIX FEATURE GRID + LANGUAGE PICKER ================= */
.side-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:12px 6px !important;padding:9px 15px 12px !important}
.side-feature{font-family:"Poppins","Inter",system-ui,-apple-system,"Segoe UI",sans-serif !important}
.side-feature button,.side-language-trigger{appearance:none;-webkit-appearance:none;border:0;cursor:pointer;background:transparent;padding:0;width:100%}
.side-language-trigger .feature-icon{display:grid}
.language-icon{display:grid;place-items:center;width:100%;height:100%}
.language-icon svg{width:25px;height:25px;fill:none;stroke:var(--primary);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.side-feature .feature-icon img{width:36px;height:36px;object-fit:contain;display:block}
.language-modal{position:fixed;inset:0;z-index:5000;opacity:0;visibility:hidden;pointer-events:none;transition:.2s ease}
.language-modal.active{opacity:1;visibility:visible;pointer-events:auto}
.language-backdrop{position:absolute;inset:0;background:var(--shadow_card);backdrop-filter:blur(5px)}
.language-dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-46%) scale(.97);width:min(88vw,320px);max-height:min(68vh,480px);overflow:hidden;border:1px solid var(--border_primary);border-radius:18px;background:linear-gradient(180deg,var(--bg_page),var(--bg_page_dark));box-shadow:0 25px 70px var(--shadow_card);transition:.2s ease}
.language-modal.active .language-dialog{transform:translate(-50%,-50%) scale(1)}
.language-dialog-head{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border_primary)}
.language-dialog-head strong{display:block;color:var(--text_primary);font-size:15px}.language-dialog-head small{display:block;color:var(--primary);font-size:9px;margin-top:3px}
.language-close{width:32px;height:32px;border-radius:9px;border:1px solid var(--border_primary);background:var(--bg_page_dark);color:var(--primary);font-size:20px;cursor:pointer}
.language-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;padding:12px;overflow:auto;max-height:calc(min(68vh,480px) - 68px)}
.language-grid button{display:flex;align-items:center;gap:9px;min-height:44px;padding:8px 10px;border:1px solid var(--border_primary);border-radius:11px;background:var(--bg_card);color:var(--text_primary);cursor:pointer;text-align:left;font-family:inherit;transition:.15s ease}
.language-grid button:hover,.language-grid button.selected{border-color:var(--primary);background:var(--primary);transform:translateY(-1px)}
.language-grid button span{font-size:20px;line-height:1}.language-grid button b{font-size:10px;font-weight:700}
body.language-picker-open{overflow:hidden}
@media(max-width:380px){.language-grid{grid-template-columns:1fr}.language-dialog{width:94vw}.side-feature-grid{gap:10px 4px !important}}


/* YELLOW DARK FINAL: colors only; original layout remains untouched. */
html, body { background-color:var(--bg_page_dark) !important; }
body, .app, .page, .main, .main-content, .content, .content-wrapper, .page-content { background-color:var(--bg_page_dark) !important; }
.header, .topbar, .top-bar, .navbar, .sidebar, .side-bar, .side-menu, .footer, .bottom-menu, .home-bottom, .mobile-bottom, .bottom-nav { background-color:var(--bg_page_dark) !important; border-color:var(--primary) !important; }
button, .btn, .button, .btn-primary, .btn-success, .submit, .register, .register-submit { background-color:var(--primary) !important; background-image:none !important; color:var(--btn_text) !important; border-color:var(--primary) !important; }
.section-title, .section-head h2, .title, .heading, .logo, .active, .text-success, .text-yellow, .yellow, .game-meta, .togel-title { color:var(--primary) !important; }
.card, .game-card, .game, .provider, .category, .cat, .grid-item, .menu-item, .side-link, .home-info-card { border-color:var(--primary) !important; }


/* YELLOW DARK FINAL COLOR OVERRIDE — layout/logic untouched */
html, body { background:var(--bg_page_dark) !important; }
body, .app, .page, .main, .content, .main-content, .page-content, .mobile-page { background-color:var(--bg_page_dark) !important; }
.sidebar, .side-panel, .sidebar-panel, .side-nav, .mobile-sidebar, .offcanvas, .drawer, .menu-sidebar { background-color:var(--bg_page_dark) !important; background-image:none !important; }
.sidebar *, .side-panel *, .sidebar-panel *, .side-nav *, .mobile-sidebar *, .offcanvas *, .drawer *, .menu-sidebar * { --yellow:var(--primary) !important; }
.text-success, .text-yellow, .yellow, .success, .is-yellow, [class*="yellow"], [class*="success"] { color:var(--primary) !important; }
[style*="background"], [style*="color"] { }

/* YELLOW DARK FINAL COLOR OVERRIDE — colors only */
html, body { background-color:var(--bg_page_dark) !important; }
.sidebar, .side-bar, .sidebar-menu, .offcanvas, .drawer, .menu-sidebar { background-color:var(--bg_page_dark) !important; background-image:none !important; }

/* YELLOW DARK FINAL OVERRIDE — footer and navigation icons */
.bottom i,.bottom svg,.bottom .icon,.bottom a,.footer i,.footer svg,.footer .icon,.footer a,.fixed-bottom i,.fixed-bottom svg,.mobile-footer i,.mobile-footer svg,.nav-bottom i,.nav-bottom svg{color:var(--primary) !important;}
.sidebar i,.sidebar svg,.side-menu i,.side-menu svg,.drawer i,.drawer svg,.game-menu i,.game-menu svg,.provider i,.provider svg{color:var(--primary) !important;stroke:var(--primary) !important;}
html,body{background:var(--bg_page_dark) !important;}

/* YELLOW DARK FOOTER ICON COLOR ONLY */
.bottom svg,.footer svg,.fixed-bottom svg,.mobile-footer svg,.nav-bottom svg{color:var(--primary) !important;fill:none !important;stroke:currentColor !important;}
.bottom svg path,.bottom svg line,.bottom svg polyline,.bottom svg polygon,.bottom svg circle,.bottom svg rect,.footer svg path,.footer svg line,.footer svg polyline,.footer svg polygon,.footer svg circle,.footer svg rect{fill:none !important;stroke:currentColor !important;}

/* YELLOW DARK: preserve original center footer icon visibility */
.bottom .center span svg,
.bottom .center span svg path,
.bottom .center span svg line,
.bottom .center span svg circle,
.bottom .center span svg rect,
.bottom .center span svg polyline,
.bottom .center span svg polygon {
  color:var(--btn_text) !important;
  stroke:var(--btn_text) !important;
  fill:none !important;
}
.bottom .center span svg { opacity:1 !important; }