/* KassGo visual + mobile navigation final patch */
body.auth-loading .auth-only,
body.auth-loading .auth-logout,
body.auth-loading .admin-only,
body:not(.is-logged-in) .auth-only,
body:not(.is-logged-in) .auth-logout,
body:not(.is-logged-in) .site-nav a[href*="dashboard"],
body:not(.is-logged-in) .site-nav a[href*="rewards"],
body:not(.is-logged-in) .site-nav a[href*="profile"],
body:not(.is-logged-in) .site-mobile-nav a[href*="dashboard"],
body:not(.is-logged-in) .site-mobile-nav a[href*="rewards"],
body:not(.is-logged-in) .site-mobile-nav a[href*="profile"]{
  display:none!important;visibility:hidden!important;pointer-events:none!important;opacity:0!important;
}
body.is-logged-in:not(.auth-loading) .auth-only,
body.is-logged-in:not(.auth-loading) .auth-logout{display:inline-flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}

/* faster, clearer hamburger menu */
.site-menu-btn{cursor:pointer!important;touch-action:manipulation!important;z-index:10002!important}
@media (max-width:1100px){
  .site-mobile-nav{position:fixed!important;top:var(--kg-header-h,76px)!important;left:0!important;right:0!important;z-index:10000!important;display:block!important;max-height:0!important;overflow:hidden!important;opacity:0!important;transform:translateY(-8px)!important;transition:max-height .18s ease,opacity .14s ease,transform .14s ease!important;background:var(--kg-card,#fff)!important;border-bottom:1px solid var(--kg-line,rgba(2,6,23,.12))!important;box-shadow:0 24px 70px rgba(2,6,23,.14)!important}
  .site-mobile-nav.open,.site-mobile-nav.is-open{max-height:calc(100vh - 76px)!important;overflow:auto!important;opacity:1!important;transform:translateY(0)!important}
  .site-mobile-nav .container{display:grid!important;gap:8px!important;padding-block:14px 18px!important}
  .site-mobile-nav a{min-height:48px!important;align-items:center!important}
}

/* make the hero phone card brighter, visible, and premium */
.clean-visual{
  background:radial-gradient(circle at 18% 12%,rgba(18,183,106,.34),transparent 32%),radial-gradient(circle at 92% 85%,rgba(250,204,21,.16),transparent 36%),linear-gradient(145deg,#ecfdf5 0%,#dff7eb 45%,#ffffff 100%)!important;
  border:1px solid rgba(18,183,106,.20)!important;
  box-shadow:0 34px 90px rgba(18,183,106,.18),0 18px 60px rgba(2,6,23,.10)!important;
}
html[data-theme="dark"] .clean-visual,html.dark .clean-visual,.dark .clean-visual{
  background:radial-gradient(circle at 15% 15%,rgba(18,183,106,.30),transparent 34%),radial-gradient(circle at 88% 82%,rgba(250,204,21,.12),transparent 34%),linear-gradient(145deg,#10251c,#18392b 52%,#0e2119)!important;
  border-color:rgba(255,255,255,.12)!important;
}
.clean-phone{
  width:min(76%,310px)!important;
  background:linear-gradient(180deg,#132033 0%,#0f1f1a 100%)!important;
  border:10px solid rgba(31,41,55,.92)!important;
  outline:8px solid rgba(255,255,255,.18)!important;
  box-shadow:0 26px 70px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.08)!important;
}
.phone-card{
  background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.10))!important;
  border:1px solid rgba(255,255,255,.24)!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 25px rgba(0,0,0,.20)!important;
}
.phone-card strong{font-size:1.05rem!important;color:#fff!important}.phone-card span{color:rgba(255,255,255,.90)!important}
.phone-icon-grid span{
  background:linear-gradient(135deg,#12b76a 0%,#66d17b 46%,#facc15 100%)!important;
  box-shadow:0 15px 32px rgba(18,183,106,.25),inset 0 1px 0 rgba(255,255,255,.25)!important;
  font-size:1.65rem!important;
}

/* dark cards were too dark; make all cards readable and balanced */
html[data-theme="dark"] .clean-card,html[data-theme="dark"] .about-card,html[data-theme="dark"] .contact-panel,html[data-theme="dark"] .support-card,html[data-theme="dark"] .contact-quick-card,html[data-theme="dark"] .kg-promo-card,
html.dark .clean-card,html.dark .about-card,html.dark .contact-panel,html.dark .support-card,html.dark .contact-quick-card,html.dark .kg-promo-card,.dark .clean-card,.dark .about-card,.dark .contact-panel,.dark .support-card,.dark .contact-quick-card,.dark .kg-promo-card{
  background:linear-gradient(145deg,#14251d,#102019)!important;
  color:#f3fff8!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.28)!important;
}
html[data-theme="dark"] .clean-card p,html[data-theme="dark"] .about-card p,html[data-theme="dark"] .support-card p,html[data-theme="dark"] .contact-panel p,html[data-theme="dark"] .kg-promo-card p,
html.dark .clean-card p,html.dark .about-card p,html.dark .support-card p,html.dark .contact-panel p,html.dark .kg-promo-card p,.dark .clean-card p,.dark .about-card p,.dark .support-card p,.dark .contact-panel p,.dark .kg-promo-card p{color:rgba(236,253,245,.78)!important}

/* Mobile footer balance */
@media (max-width:760px){
  .production-footer{padding:50px 0 24px!important;text-align:center!important}
  .production-footer-grid{display:grid!important;grid-template-columns:1fr!important;gap:30px!important;text-align:center!important}
  .production-footer-grid>div{display:flex!important;flex-direction:column!important;align-items:center!important}
  .production-footer .official-socials{justify-content:center!important;gap:12px!important;width:100%!important}
  .production-footer a{width:auto!important;margin-inline:auto!important;justify-content:center!important;text-align:center!important}
  .production-footer-bottom{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:8px!important}
}
@media (max-width:560px){
  .clean-visual{min-height:380px!important;padding:18px!important}
  .clean-phone{width:min(88%,300px)!important;padding:16px!important;border-width:8px!important;outline-width:6px!important}
  .phone-icon-grid{gap:12px!important}.phone-icon-grid span{border-radius:20px!important}
}