/* N7 mobile drawer: icon fonts */
@font-face{font-family:"dzicon";src:url('template/discuz_theme_n7/image/dzicon.eot');src:url('template/discuz_theme_n7/image/dzicon.eot?#iefix') format('eot'),url('template/discuz_theme_n7/image/dzicon.woff2') format('woff2'),url('template/discuz_theme_n7/image/dzicon.woff') format('woff'),url('template/discuz_theme_n7/image/dzicon.ttf') format('truetype');font-weight:normal;font-style:normal;}
@font-face{font-family:'comiis-efont';src:url('template/discuz_theme_n7/image/font/comiis-efont.eot');src:url('template/discuz_theme_n7/image/font/comiis-efont.eot?#iefix') format('embedded-opentype'),url('template/discuz_theme_n7/image/font/comiis-efont.woff') format('woff'),url('template/discuz_theme_n7/image/font/comiis-efont.ttf') format('truetype');font-weight:normal;font-style:normal;}
.comiis-ficon{font-family:"dzicon" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}

/* Mobile hamburger: hide on PC */
@media (min-width: 667px) {
  #km_leftnv { display: none !important; }
}

/* Hamburger button: visible dark icon (matches official adaptive N7) */
#km_leftnv{margin:0 -10px 0 15px;background:#282c34 !important;color:#fff !important;border-radius:var(--comiis-radius-m) !important}
#km_leftnv:before{content:"\f11d"}
#km_leftnv:hover{background:#454c59 !important;color:#fff !important}



/* Bottom nav icoe (my icon) - missing from responsive CSS, add here */
#comiis_foot a span.km_ico em.icoe:before{font-family:dzicon;font-size:24px;color:var(--comiis-fc);content:"\e8b9"}
#comiis_foot a.km_on span.km_ico em.icoe:before{color:var(--comiis-color);content:"\e8c6"}
#comiis_foot a span.km_ico em.icoe{display:block;margin:0 auto;width:24px;height:24px;position:relative}

/* Bottom nav: solid visibility override (no CSS vars) */
@media (max-width:666px) {
  #comiis_foot {
    display:flex !important;
    position:fixed !important;
    bottom:0 !important;
    left:0 !important;
    right:0 !important;
    z-index:99999 !important;
    width:100% !important;
    background:#fff !important;
    border-top:1px solid #e5e5e5 !important;
    padding:0 !important;
    box-shadow:0 -1px 4px rgba(0,0,0,0.08) !important;
  }
  #comiis_foot a {
    flex:1;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    padding:6px 0 4px !important;
    text-decoration:none !important;
    color:#333 !important;
  }
  #comiis_foot a.km_on {
    color:#1a73e8 !important;
  }
  #comiis_foot a span.km_ico {
    display:block !important;
    width:24px !important;
    height:24px !important;
    line-height:24px !important;
  }
  #comiis_foot a span.km_ico em {
    display:block !important;
    width:24px !important;
    height:24px !important;
    position:relative !important;
    font-style:normal !important;
  }
  #comiis_foot a span.km_ico em:before {
    font-family:dzicon !important;
    font-size:24px !important;
    color:#666 !important;
  }
  #comiis_foot a.km_on span.km_ico em:before {
    color:#1a73e8 !important;
  }
  #comiis_foot a.foot_post span.km_ico {
    width:44px !important;
    height:36px !important;
    line-height:36px !important;
  }
  #comiis_foot a.foot_post span.km_ico em {
    width:44px !important;
    height:36px !important;
    line-height:36px !important;
  }
  #comiis_foot a.foot_post span.km_ico em:before {
    content:"\e612" !important;
    display:inline-block !important;
    width:44px !important;
    height:36px !important;
    line-height:36px !important;
    font-size:20px !important;
    background:#1a73e8 !important;
    color:#fff !important;
    border-radius:18px !important;
    text-align:center !important;
  }
  #comiis_foot a span.km_txt {
    display:block !important;
    font-size:10px !important;
    line-height:14px !important;
    margin-top:2px !important;
    color:#999 !important;
  }
  #comiis_foot a.km_on span.km_txt {
    color:#1a73e8 !important;
  }
  body { padding-bottom:52px !important; }
}
@media (min-width:667px) {
  #comiis_foot { display:none !important; }
  .comiis_foot_height { display:none !important; }
}

/* FIX: right-side floating button bar was clipped 15px off the right edge on mobile.
   Root cause: #comiis_rnav had no left/right so fixed positioning pushed it 15px past the
   viewport (right:-15px). Pin it 15px inside the right edge on mobile (id selector + !important
   overrides both responsive -15px margin and base class rule). */
@media (max-width:666px) {
  #comiis_rnav {
    left:auto !important;
    right:15px !important;
    bottom:100px !important;
    margin-left:0 !important;
  }
}