/* HOME BOTTOM — place directly after TOGEL section */
.home-bottom{margin:24px 10px 90px;color:var(--text_primary);font-family:Arial,sans-serif}
.home-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}
.home-benefit{min-height:52px;display:flex;align-items:center;gap:10px;padding:12px 13px;background:var(--bg_card);border:1px solid var(--border_default);border-radius:10px;box-sizing:border-box}
.home-benefit-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--bg_icon);color:var(--primary);font-size:14px;flex:none}
.home-benefit-text{font-size:12px;font-weight:600;color:var(--text_secondary)}
.home-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center;margin:8px 0 24px}
.home-stat strong{display:block;color:var(--primary);font-size:15px;line-height:1.2}
.home-stat span{display:block;margin-top:5px;color:var(--text_secondary);font-size:10px}
.home-responsible{text-align:center;padding:0 8px 22px;color:var(--text_secondary);font-size:11px;border-bottom:1px solid var(--border_default)}
.home-responsible b{color:var(--primary);font-size:13px;margin-right:5px}
.home-section{padding:22px 8px 0;text-align:center}
.home-section h3{margin:0 0 12px;color:var(--text_primary);font-size:14px;letter-spacing:.5px;text-transform:uppercase}
.home-section p{margin:0 auto;max-width:350px;color:var(--text_secondary);font-size:11px;line-height:1.7}
.home-links{display:flex;flex-direction:column;gap:14px;margin-top:20px}
.home-links a{color:var(--text_secondary);text-decoration:none;font-size:12px;transition:.2s}
.home-links a:hover{color:var(--primary)}
.home-contact{margin-top:24px}
.home-contact a{color:var(--primary);text-decoration:none;font-size:12px;font-weight:600}
.home-socials{display:flex;justify-content:center;gap:10px;margin-top:16px}
.home-socials a{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--bg_card);border:1px solid var(--border_default);color:var(--text_primary);text-decoration:none;font-size:13px}
.home-socials a:hover{border-color:var(--primary);color:var(--primary)}
@media(max-width:360px){.home-bottom{margin-left:8px;margin-right:8px}.home-benefit{padding:10px}.home-benefit-text{font-size:11px}}

/* Home bottom responsive */
.home-bottom,.home-section,.home-links,.home-contact{min-width:0;max-width:100%}
.home-section p{width:100%;}
.home-socials{flex-wrap:wrap}
@media (min-width:700px){
  .home-bottom{margin-left:18px;margin-right:18px}
  .home-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
}
@media (max-width:480px){
  .home-benefits{grid-template-columns:repeat(2,minmax(0,1fr));}
  .home-benefit{min-width:0}
}
/* Home bottom responsive */
.home-bottom,.home-section,.home-links,.home-contact{min-width:0;max-width:100%}.home-section p{width:100%}.home-socials{flex-wrap:wrap}
@media (min-width:700px){.home-bottom{margin-left:18px;margin-right:18px}.home-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}}


/* BRAND HORN + ABOUT PATCH */
.notice-mic svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transform-origin:50% 50%;animation:noticeHornShake .72s ease-in-out infinite}
@keyframes noticeHornShake{0%,100%{transform:rotate(0deg) translateX(0)}20%{transform:rotate(-7deg) translateX(-1px)}40%{transform:rotate(7deg) translateX(1px)}60%{transform:rotate(-5deg) translateX(-1px)}80%{transform:rotate(5deg) translateX(1px)}}
.home-about{text-align:left!important}
.home-about h3{max-width:none!important;text-align:left!important;line-height:1.45}
.home-about h4{margin:22px 0 12px;color:var(--text_primary);font-size:14px;line-height:1.45}
.home-about p{max-width:none!important;text-align:left!important;line-height:1.75}
.home-about ul{margin:16px 0 0;padding-left:21px;color:var(--text_secondary);font-size:11px;line-height:1.75}
.home-about li{padding-left:2px;margin:8px 0}
.home-about li strong,.home-about p strong{color:var(--text_primary)}
@media(prefers-reduced-motion:reduce){.notice-mic svg{animation:none}}
/* END BRAND HORN + ABOUT PATCH */

/* ===== FOOTER INFO CARDS — primary / SCREENSHOT STYLE ===== */
.home-info-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;
  margin:22px auto 0;max-width:980px;
}
.home-info-card{
  min-height:48px;display:flex;align-items:center;gap:12px;padding:10px 14px;
  border-radius:13px;text-decoration:none;box-sizing:border-box;
  background:linear-gradient(135deg,var(--primary),var(--primary_dark));
  border:1px solid var(--primary);
  color:var(--text_primary);box-shadow:0 7px 18px var(--shadow_card),0 0 12px var(--shadow_button);
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
}
.home-info-card:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 10px 24px var(--shadow_card),0 0 16px var(--shadow_button);}
.home-info-icon{width:29px;height:29px;flex:0 0 29px;display:grid;place-items:center;border-radius:9px;background:var(--bg_input);color:var(--text_primary);font-size:12px;}
.home-info-card>span:last-child{font-size:11px;font-weight:900;line-height:1.25;letter-spacing:.1px;color:var(--text_primary);}
@media(max-width:699px){.home-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.home-info-card{min-height:46px;padding:9px 10px;gap:9px}.home-info-card>span:last-child{font-size:10px}.home-info-icon{width:27px;height:27px;flex-basis:27px;font-size:11px}}
@media(max-width:360px){.home-info-grid{grid-template-columns:1fr 1fr}.home-info-card{padding:8px}.home-info-icon{width:25px;height:25px;flex-basis:25px}.home-info-card>span:last-child{font-size:9px}}


/* ===== ABOUT TEXT OUTSIDE NAV CARDS ===== */
.home-about-public{
  margin:0 auto 24px;max-width:980px;padding:22px 8px 4px;text-align:left;color:var(--text_secondary);
}
.home-about-public .home-about-kicker{display:inline-flex;align-items:center;padding:5px 10px;border:1px solid var(--primary);border-radius:999px;background:var(--bg_unik_tag);color:var(--primary_light);font-size:9px;font-weight:900;letter-spacing:1.2px;margin-bottom:10px}
.home-about-public h2{margin:0 0 10px;color:var(--text_primary);font-size:18px;line-height:1.35}
.home-about-public h2 strong,.home-about-public h3{color:var(--primary_light)}
.home-about-public h3{margin:20px 0 8px;font-size:14px;line-height:1.4}
.home-about-public p{margin:0 0 12px;max-width:none;color:var(--text_secondary);font-size:11px;line-height:1.75}
.home-about-public p strong,.home-about-public li strong{color:var(--primary_light)}
.home-about-public ul{margin:10px 0 14px;padding-left:21px;color:var(--text_secondary);font-size:11px;line-height:1.75}
.home-about-public li{margin:7px 0;padding-left:2px}
.home-about-public .home-about-disclaimer{margin-top:16px;color:var(--text_secondary);font-size:10px}
.home-info-card .home-info-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:699px){.home-about-public{padding:20px 5px 2px}.home-about-public h2{font-size:16px}.home-about-public h3{font-size:13px}.home-about-public p,.home-about-public ul{font-size:10.5px;line-height:1.7}}

/* v10 clarification: About text remains above and outside the primary navigation cards. */
.home-about-public{position:relative;display:block !important;margin-bottom:26px !important;padding-bottom:12px !important;border-bottom:1px solid var(--bg_unik_tag);}
.home-info-grid{position:relative;z-index:2;}
.home-info-card{background:linear-gradient(135deg,var(--primary) 0%,var(--primary_dark) 100%) !important;border-color:var(--primary) !important;}
.home-info-icon{background:var(--bg_input) !important;border:1px solid var(--border_default);}
.home-info-card>span:last-child{color:var(--text_primary) !important;}


/* v11 — About content is a standalone block; every primary info card is intentionally identical. */
.home-about-public{
  display:block!important;
  position:relative!important;
  width:100%!important;
  max-width:980px!important;
  margin:0 auto 26px!important;
  padding:22px 8px 18px!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid var(--bg_unik_tag)!important;
  border-radius:0!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
.home-info-grid{
  width:100%!important;
  max-width:980px!important;
  margin:0 auto!important;
}
.home-info-card,
.home-info-card:first-child,
.home-info-card:nth-child(2),
.home-info-card:nth-child(3),
.home-info-card:nth-child(4),
.home-info-card:nth-child(5),
.home-info-card:nth-child(6){
  min-height:48px!important;
  padding:10px 14px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,var(--primary) 0%,var(--primary_dark) 100%)!important;
  border:1px solid var(--primary)!important;
  color:var(--text_primary)!important;
  box-shadow:0 7px 18px var(--shadow_card),0 0 12px var(--shadow_button)!important;
}
.home-info-card .home-info-icon{
  width:29px!important;height:29px!important;flex:0 0 29px!important;
  display:grid!important;place-items:center!important;
  border-radius:9px!important;
  background:var(--bg_input)!important;
  border:1px solid var(--border_default)!important;
  color:var(--text_primary)!important;
}
.home-info-card>span:last-child{color:var(--text_primary)!important;font-size:11px!important;font-weight:900!important}
@media(max-width:699px){
  .home-about-public{padding:20px 5px 16px!important;margin-bottom:20px!important}
  .home-info-card,.home-info-card:first-child,.home-info-card:nth-child(2),.home-info-card:nth-child(3),.home-info-card:nth-child(4),.home-info-card:nth-child(5),.home-info-card:nth-child(6){min-height:46px!important;padding:9px 10px!important;gap:9px!important}
  .home-info-card .home-info-icon{width:27px!important;height:27px!important;flex-basis:27px!important}
  .home-info-card>span:last-child{font-size:10px!important}
}
@media(max-width:360px){
  .home-info-card,.home-info-card:first-child,.home-info-card:nth-child(2),.home-info-card:nth-child(3),.home-info-card:nth-child(4),.home-info-card:nth-child(5),.home-info-card:nth-child(6){padding:8px!important}
  .home-info-card .home-info-icon{width:25px!important;height:25px!important;flex-basis:25px!important}
  .home-info-card>span:last-child{font-size:9px!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; }

/* 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: 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; }