/**
 * Tryb4Host Shared Menu Styles - EXACT match to index.php
 * Applies to: platform-evolution.php, purchase-domain.php, register.php, login.php
 */

/* CSS Variables - must match index.php exactly */
:root{
  --tb-bg:#030712;
  --tb-bg-elevated:#0B1120;
  --tb-panel:rgba(15,23,42,0.6);
  --tb-panel-solid:#0f172a;
  --tb-border:rgba(148,163,184,0.12);
  --tb-border-strong:rgba(148,163,184,0.22);
  --tb-text:#f8fafc;
  --text-secondary:#cbd5e1;
  --text-muted:#64748b;
  --tb-cyan:#22d3ee;
  --tb-blue:#0ea5e9;
  --tb-violet:#8b5cf6;
  --tb-gradient:linear-gradient(135deg, #22d3ee 0%, #0ea5e9 50%, #8b5cf6 100%);
  --ease-out-expo:cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring:cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* ================================
   OVERRIDE TEMPLATE HEADER STYLES
   ================================ */

/* Dark body background like index.php */
body.tb-public,
body.tb-portal{
  background:var(--tb-bg) !important;
  color:var(--tb-text);
}

/* Disable template's default mobile menu system and any overlays */
body.tb-public .menu-back,
body.tb-portal .menu-back,
body.tb-public #menu-overlay,
body.tb-portal #menu-overlay,
body.tb-public #de-menu-overlay,
body.tb-portal #de-menu-overlay,
body.tb-public .de-overlay,
body.tb-portal .de-overlay,
body.tb-public .blur-backdrop,
body.tb-portal .blur-backdrop,
body.tb-public [class*="overlay"],
body.tb-portal [class*="overlay"],
body.tb-public [class*="backdrop"],
body.tb-portal [class*="backdrop"]{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  background:transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* Transparent wrapper/content like index.php */
body.tb-public #wrapper,
body.tb-public #content,
body.tb-portal #wrapper,
body.tb-portal #content{
  background:transparent !important;
}

/* Hide topbar like index.php does */
body.tb-public #topbar,
body.tb-portal #topbar{
  display:none !important;
}

/* Override header-light background for our pages */
body.tb-public header.header-light,
body.tb-portal header.header-light{
  background:transparent !important;
}

body.tb-public header.header-mobile,
body.tb-public header.header-mobile.header-light,
body.tb-portal header.header-mobile,
body.tb-portal header.header-mobile.header-light{
  background:rgba(3,7,18,0.74) !important;
  padding-bottom:0 !important;
}

body.tb-public header.header-mobile.menu-open,
body.tb-public header.header-mobile.header-light.menu-open,
body.tb-portal header.header-mobile.menu-open,
body.tb-portal header.header-mobile.header-light.menu-open{
  background:rgba(3,7,18,0.9) !important;
}

body.tb-public header.header-mobile .container,
body.tb-portal header.header-mobile .container{
  background:transparent !important;
}

/* ================================
   DESKTOP STYLES (993px+)
   ================================ */
@media (min-width: 993px) {
  /* Header with glass morphism */
  body.tb-public header,
  body.tb-public header.header-light,
  body.tb-portal header,
  body.tb-portal header.header-light{
    border-bottom:1px solid var(--tb-border);
    transition:all 0.4s var(--ease-out-expo);
    position:fixed;
    width:100%;
    top:0;
    z-index:1000;
    background:rgba(3,7,18,0.4) !important;
    backdrop-filter:blur(20px) saturate(180%);
    -webkit-backdrop-filter:blur(20px) saturate(180%);
  }

  body.tb-public header.smaller,
  body.tb-public header.smaller.header-light,
  body.tb-public header.clone,
  body.tb-public header.clone.header-light,
  body.tb-portal header.smaller,
  body.tb-portal header.smaller.header-light,
  body.tb-portal header.clone,
  body.tb-portal header.clone.header-light{
    background:rgba(3,7,18,0.9) !important;
    backdrop-filter:blur(24px) saturate(200%);
    border-bottom:1px solid rgba(103,232,249,0.1);
    box-shadow:0 20px 40px rgba(0,0,0,0.3);
  }

  /* Header Layout */
  body.tb-public header .de-flex.sm-pt10,
  body.tb-portal header .de-flex.sm-pt10{
    align-items:center;
    min-height:88px;
    padding:0;
    gap:1rem;
  }

  body.tb-public header.smaller .de-flex.sm-pt10,
  body.tb-portal header.smaller .de-flex.sm-pt10{
    min-height:76px;
  }

  body.tb-public .header-col-mid,
  body.tb-portal .header-col-mid{
    flex:1 1 auto;
    min-width:0;
  }

  /* Desktop Menu */
  body.tb-public #mainmenu,
  body.tb-portal #mainmenu{
    display:flex !important;
    align-items:center;
    justify-content:center;
    flex-wrap:nowrap;
    gap:2px;
    min-width:0;
  }

  body.tb-public #mainmenu > li,
  body.tb-portal #mainmenu > li{
    flex:0 1 auto;
    min-width:0;
  }

  /* Override header-light menu text colors */
  body.tb-public header.header-light #mainmenu>li>a,
  body.tb-portal header.header-light #mainmenu>li>a{
    color:var(--text-secondary) !important;
  }

  body.tb-public header #mainmenu>li>a,
  body.tb-portal header #mainmenu>li>a{
    color:var(--text-secondary);
    font-weight:700;
    font-size:0.78rem;
    letter-spacing:0.01em;
    line-height:1.15;
    padding:0.72rem 0.78rem;
    white-space:nowrap;
    position:relative;
    transition:all 0.3s var(--ease-out-expo);
    border-radius:8px;
    text-decoration:none;
    transform:none;
  }

  body.tb-public header #mainmenu>li>a::after,
  body.tb-portal header #mainmenu>li>a::after{
    content:'';
    position:absolute;
    bottom:6px;
    left:50%;
    transform:translateX(-50%) scaleX(0);
    width:calc(100% - 32px);
    height:2px;
    background:var(--tb-gradient);
    border-radius:2px;
    transition:transform 0.3s var(--ease-spring);
  }

  /* Override header-light hover states */
  body.tb-public header.header-light #mainmenu>li>a:hover,
  body.tb-portal header.header-light #mainmenu>li>a:hover{
    color:var(--tb-text) !important;
    background:rgba(255,255,255,0.05);
  }

  body.tb-public header #mainmenu>li>a:hover,
  body.tb-portal header #mainmenu>li>a:hover{
    color:var(--tb-text);
    background:rgba(255,255,255,0.08);
    transform:none;
  }

  body.tb-public header #mainmenu>li>a:hover::after,
  body.tb-portal header #mainmenu>li>a:hover::after{
    transform:translateX(-50%) scaleX(1);
  }

  /* Active State - with header-light override */
  body.tb-public header.header-light #mainmenu>li>a.active,
  body.tb-portal header.header-light #mainmenu>li>a.active{
    color:var(--tb-cyan) !important;
    background:rgba(34,211,238,0.1) !important;
  }

  body.tb-public header #mainmenu>li>a.active,
  body.tb-portal header #mainmenu>li>a.active{
    color:var(--tb-cyan) !important;
    background:rgba(34,211,238,0.1);
  }

  body.tb-public header #mainmenu>li>a.active::after,
  body.tb-portal header #mainmenu>li>a.active::after{
    transform:translateX(-50%) scaleX(1);
    background:var(--tb-cyan);
  }

  /* Hide mobile elements */
  body.tb-public #menu-btn,
  body.tb-portal #menu-btn,
  body.tb-public .tb-mobile-header-chip,
  body.tb-portal .tb-mobile-header-chip,
  body.tb-public .tb-support-link-mobile,
  body.tb-portal .tb-support-link-mobile{
    display:none !important;
  }
}

/* ================================
   MOBILE MENU STYLES (from index.php)
   ================================ */
.tb-mobile-menu{
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:#030712;
  z-index:9999;
  display:flex;
  flex-direction:column;
  padding:20px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity 0.25s ease, visibility 0.25s ease;
  overflow-y:auto;
  scrollbar-width:none;
}

.tb-mobile-menu.active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.tb-mobile-menu-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:30px;
}

.tb-mobile-menu-brand img{
  height:34px;
  width:auto;
}

.tb-mobile-menu-actions{
  display:flex;
  align-items:center;
  gap:10px;
}

.tb-mobile-support{
  width:44px;
  height:44px;
  border-radius:12px;
  border:1px solid rgba(148,163,184,0.18);
  background:rgba(15,23,42,0.58);
  color:var(--tb-cyan);
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}

.tb-mobile-close{
  width:44px;
  height:44px;
  border-radius:12px;
  border:1px solid rgba(148,163,184,0.18);
  background:rgba(15,23,42,0.58);
  color:var(--tb-text);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}

.tb-mobile-close i{
  font-size:20px;
}

#mobileMenuList{
  list-style:none;
  padding:0;
  margin:0;
}

#mobileMenuList li{
  border-bottom:1px solid rgba(148,163,184,0.12);
  opacity:0;
  transform:translateY(16px);
  transition:opacity 0.3s ease, transform 0.3s ease;
}

.tb-mobile-menu.active #mobileMenuList li{
  opacity:1;
  transform:translateY(0);
}

/* Staggered animation delays when menu opens */
.tb-mobile-menu.active #mobileMenuList li:nth-child(1){transition-delay:0.08s}
.tb-mobile-menu.active #mobileMenuList li:nth-child(2){transition-delay:0.12s}
.tb-mobile-menu.active #mobileMenuList li:nth-child(3){transition-delay:0.16s}
.tb-mobile-menu.active #mobileMenuList li:nth-child(4){transition-delay:0.20s}
.tb-mobile-menu.active #mobileMenuList li:nth-child(5){transition-delay:0.24s}
.tb-mobile-menu.active #mobileMenuList li:nth-child(6){transition-delay:0.28s}

/* Reset delays when menu is not active */
.tb-mobile-menu:not(.active) #mobileMenuList li{
  transition-delay:0s !important;
}

#mobileMenuList a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:20px 0;
  color:var(--tb-text);
  font-size:24px;
  font-weight:600;
  text-decoration:none;
  transition:all 0.3s var(--ease-out-expo);
}

#mobileMenuList a::after{
  content:'\f285';
  font-family:'bootstrap-icons';
  font-size:16px;
  color:var(--tb-cyan);
  opacity:0.6;
}

#mobileMenuList a:hover{
  color:var(--tb-cyan);
  transform:translateX(6px);
}

#mobileMenuList a:hover::after{
  opacity:1;
  transform:translateX(4px);
}

/* Hide mobile menu on desktop */
@media (min-width: 993px) {
  .tb-mobile-menu{
    display:none !important;
  }
}

/* ================================
   MOBILE HEADER STYLES (992px and below)
   ================================ */
@media (max-width: 992px) {
  body.tb-public header,
  body.tb-public header.header-light,
  body.tb-portal header,
  body.tb-portal header.header-light{
    background:rgba(3,7,18,0.74) !important;
    backdrop-filter:blur(18px) saturate(165%);
    border-bottom:1px solid rgba(148,163,184,0.12);
    box-shadow:0 14px 34px rgba(2,6,23,0.16);
    position:fixed;
    width:100%;
    top:0;
    z-index:1000;
  }

  body.tb-public header .de-flex.sm-pt10,
  body.tb-portal header .de-flex.sm-pt10{
    align-items:center;
    justify-content:space-between;
    min-height:64px;
    padding:0;
  }

  body.tb-public header.smaller .de-flex.sm-pt10,
  body.tb-portal header.smaller .de-flex.sm-pt10{
    min-height:60px;
  }

  /* Hide main menu on mobile */
  body.tb-public .header-col-mid,
  body.tb-portal .header-col-mid{
    display:none !important;
  }

  /* Logo */
  body.tb-public header #logo img,
  body.tb-portal header #logo img{
    max-height:30px;
  }

  /* Menu side area */
  body.tb-public .menu_side_area,
  body.tb-portal .menu_side_area{
    display:flex;
    align-items:center;
    gap:8px;
  }

  /* Mobile chip */
  body.tb-public .tb-mobile-header-chip,
  body.tb-portal .tb-mobile-header-chip{
    display:inline-flex !important;
    align-items:center;
    gap:6px;
    height:38px;
    padding:0 12px;
    border-radius:999px;
    border:1px solid rgba(148,163,184,0.14);
    background:rgba(15,23,42,0.5);
    color:var(--text-secondary);
    font-size:10px;
    font-weight:700;
    letter-spacing:0.09em;
    text-transform:uppercase;
  }

  body.tb-public .tb-mobile-header-chip i,
  body.tb-portal .tb-mobile-header-chip i{
    color:var(--tb-cyan);
    font-size:12px;
  }

  /* Mobile support link */
  body.tb-public .tb-support-link-mobile,
  body.tb-portal .tb-support-link-mobile{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    border-radius:13px;
    border:1px solid rgba(148,163,184,0.18);
    background:rgba(15,23,42,0.58);
    color:var(--tb-cyan);
    text-decoration:none;
  }

  /* Hide desktop elements */
  body.tb-public .tb-support-link-desktop,
  body.tb-portal .tb-support-link-desktop,
  body.tb-public .menu_side_area .btn-main,
  body.tb-portal .menu_side_area .btn-main{
    display:none !important;
  }

  /* Hamburger Button */
  body.tb-public #menu-btn,
  body.tb-portal #menu-btn{
    display:flex !important;
    width:48px;
    height:48px;
    border-radius:14px;
    border:1px solid rgba(148,163,184,0.18);
    background:rgba(15,23,42,0.58);
    cursor:pointer;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:5px;
    transition:all 0.3s var(--ease-spring);
  }

  body.tb-public #menu-btn::before,
  body.tb-portal #menu-btn::before{
    content:none !important;
    display:none !important;
  }

  body.tb-public #menu-btn span,
  body.tb-portal #menu-btn span{
    display:block;
    width:22px;
    height:2.5px;
    background:var(--tb-text);
    border-radius:2px;
    transition:all 0.3s var(--ease-spring);
  }

  body.tb-public #menu-btn.active span:nth-child(1),
  body.tb-portal #menu-btn.active span:nth-child(1){
    transform:translateY(7.5px) rotate(45deg);
    background:var(--tb-cyan);
  }

  body.tb-public #menu-btn.active span:nth-child(2),
  body.tb-portal #menu-btn.active span:nth-child(2){
    opacity:0;
  }

  body.tb-public #menu-btn.active span:nth-child(3),
  body.tb-portal #menu-btn.active span:nth-child(3){
    transform:translateY(-7.5px) rotate(-45deg);
    background:var(--tb-cyan);
  }

  body.tb-public header.header-mobile #menu-btn,
  body.tb-public header.header-mobile.header-light #menu-btn,
  body.tb-public header.header-mobile.header-light #menu-btn:hover,
  body.tb-portal header.header-mobile #menu-btn,
  body.tb-portal header.header-mobile.header-light #menu-btn,
  body.tb-portal header.header-mobile.header-light #menu-btn:hover{
    background:rgba(15,23,42,0.58) !important;
    color:var(--tb-text) !important;
    border:1px solid rgba(148,163,184,0.18) !important;
  }

  body.tb-public header.header-mobile #mainmenu,
  body.tb-public header.header-mobile.menu-open #mainmenu,
  body.tb-public header.header-light.header-mobile #mainmenu,
  body.tb-public header.header-light.header-mobile.menu-open #mainmenu,
  body.tb-portal header.header-mobile #mainmenu,
  body.tb-portal header.header-mobile.menu-open #mainmenu,
  body.tb-portal header.header-light.header-mobile #mainmenu,
  body.tb-portal header.header-light.header-mobile.menu-open #mainmenu{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    max-height:0 !important;
    overflow:hidden !important;
  }
}

@media (max-width: 480px) {
  body.tb-public header .de-flex.sm-pt10,
  body.tb-portal header .de-flex.sm-pt10{
    min-height:58px;
  }

  body.tb-public header #logo img,
  body.tb-portal header #logo img{
    max-height:28px;
  }

  body.tb-public .tb-mobile-header-chip,
  body.tb-portal .tb-mobile-header-chip{
    height:36px;
    padding:0 10px;
    font-size:9px;
  }

  body.tb-public .tb-support-link-mobile,
  body.tb-portal .tb-support-link-mobile{
    width:38px;
    height:38px;
    border-radius:12px;
  }

  body.tb-public #menu-btn,
  body.tb-portal #menu-btn{
    width:42px;
    height:42px;
  }

  body.tb-public #menu-btn span,
  body.tb-portal #menu-btn span{
    width:20px;
    height:2px;
  }
}

@media (max-width: 992px) {
  body.tb-public #menu-btn,
  body.tb-portal #menu-btn{
    width:44px;
    height:44px;
  }

  body.tb-public #menu-btn::before,
  body.tb-portal #menu-btn::before{
    content:none !important;
    display:none !important;
  }
}

/* ================================
   DESKTOP MENU SIDE AREA
   ================================ */
body.tb-public .menu_side_area,
body.tb-portal .menu_side_area{
  display:flex;
  align-items:center;
  gap:0.7rem;
  flex-shrink:0;
}

/* Desktop email support link */
body.tb-public .menu_side_area .tb-support-link-desktop,
body.tb-portal .menu_side_area .tb-support-link-desktop{
  width:44px;
  height:44px;
  border-radius:13px;
  border:1px solid rgba(148,163,184,0.18);
  background:rgba(15,23,42,0.58);
  color:var(--tb-cyan);
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  transition:all 0.3s var(--ease-spring);
}

body.tb-public .menu_side_area .tb-support-link-desktop i,
body.tb-portal .menu_side_area .tb-support-link-desktop i{
  font-size:18px;
}

body.tb-public .menu_side_area .tb-support-link-desktop:hover,
body.tb-portal .menu_side_area .tb-support-link-desktop:hover{
  color:#67e8f9;
  border-color:rgba(34,211,238,0.3);
  background:rgba(15,23,42,0.82);
  transform:translateY(-2px);
}

body.tb-public .menu_side_area .btn-main,
body.tb-portal .menu_side_area .btn-main{
  margin:0;
  border-radius:18px;
  padding:0.8rem 1.15rem;
  background:var(--tb-gradient);
  border:none;
  color:#020617;
  font-weight:700;
  font-size:0.82rem;
  line-height:1.15;
  letter-spacing:0.02em;
  white-space:nowrap;
  box-shadow:0 4px 20px rgba(34,211,238,0.3), 0 0 0 1px rgba(255,255,255,0.1) inset;
  transition:all 0.3s var(--ease-spring);
  text-decoration:none;
}

body.tb-public .menu_side_area .btn-main:hover,
body.tb-portal .menu_side_area .btn-main:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 30px rgba(34,211,238,0.4), 0 0 0 1px rgba(255,255,255,0.15) inset;
}

/* ================================
   MOBILE RESPONSIVE - Exact from index.php
   ================================ */
@media (max-width:991px){
  body.tb-public header,
  body.tb-portal header{
    background:rgba(3,7,18,0.74) !important;
    backdrop-filter:blur(18px) saturate(165%);
    -webkit-backdrop-filter:blur(18px) saturate(165%);
    border-bottom:1px solid rgba(148,163,184,0.12);
    box-shadow:0 14px 34px rgba(2,6,23,0.16);
  }

  body.tb-public header .de-flex,
  body.tb-public header .de-flex.sm-pt10,
  body.tb-portal header .de-flex,
  body.tb-portal header .de-flex.sm-pt10{
    position:relative;
    align-items:center;
    justify-content:space-between;
    min-height:64px;
    gap:12px;
    padding:0;
  }

  body.tb-public header.smaller .de-flex.sm-pt10,
  body.tb-public header.clone .de-flex.sm-pt10,
  body.tb-portal header.smaller .de-flex.sm-pt10,
  body.tb-portal header.clone .de-flex.sm-pt10{
    min-height:60px;
  }
  
  body.tb-public header .header-col-mid,
  body.tb-portal header .header-col-mid{
    display:none !important;
  }
  
  body.tb-public header .de-flex > .de-flex-col:first-child,
  body.tb-portal header .de-flex > .de-flex-col:first-child{
    width:auto;
    flex:0 1 auto;
    display:flex;
    justify-content:flex-start;
    padding:0;
    max-width:calc(100% - 72px);
  }

  body.tb-public header .de-flex > .de-flex-col:last-child,
  body.tb-portal header .de-flex > .de-flex-col:last-child{
    position:static;
    top:auto;
    left:auto;
    transform:none;
    flex:0 0 auto;
    margin-left:auto;
  }

  body.tb-public header #logo,
  body.tb-portal header #logo{
    display:flex;
    align-items:center;
    justify-content:flex-start;
  }

  body.tb-public header #logo img,
  body.tb-portal header #logo img{
    max-height:30px;
    width:auto;
  }
  
  body.tb-public header .menu_side_area,
  body.tb-portal header .menu_side_area{
    display:flex;
    align-items:center;
    margin:0;
    gap:8px;
  }

  body.tb-public header .menu_side_area .tb-mobile-header-chip,
  body.tb-portal header .menu_side_area .tb-mobile-header-chip{
    display:inline-flex;
    align-items:center;
    gap:6px;
    height:38px;
    padding:0 12px;
    border-radius:999px;
    border:1px solid rgba(148,163,184,0.14);
    background:rgba(15,23,42,0.5);
    color:var(--text-secondary);
    font-size:10px;
    font-weight:700;
    letter-spacing:0.09em;
    text-transform:uppercase;
    white-space:nowrap;
    box-shadow:0 10px 24px rgba(2,6,23,0.12);
  }

  body.tb-public header .menu_side_area .tb-mobile-header-chip i,
  body.tb-portal header .menu_side_area .tb-mobile-header-chip i{
    color:var(--tb-cyan);
    font-size:12px;
    line-height:1;
  }

  body.tb-public header .menu_side_area .tb-support-link-mobile,
  body.tb-portal header .menu_side_area .tb-support-link-mobile{
    display:inline-flex;
    width:40px;
    height:40px;
    border-radius:13px;
  }

  body.tb-public header .menu_side_area .tb-support-link-mobile i,
  body.tb-portal header .menu_side_area .tb-support-link-mobile i{
    font-size:16px;
  }
  
  /* Show hamburger button */
  body.tb-public #menu-btn,
  body.tb-portal #menu-btn{
    display:flex !important;
  }

  /* Hide mainmenu on mobile (index.php behavior) */
  body.tb-public #mainmenu,
  body.tb-portal #mainmenu{
    display:none !important;
  }
}

@media (max-width:767px){
  body.tb-public header .de-flex,
  body.tb-public header .de-flex.sm-pt10,
  body.tb-portal header .de-flex,
  body.tb-portal header .de-flex.sm-pt10{
    min-height:60px;
  }
}

@media (max-width:480px){
  body.tb-public header .de-flex,
  body.tb-public header .de-flex.sm-pt10,
  body.tb-portal header .de-flex,
  body.tb-portal header .de-flex.sm-pt10{
    min-height:58px;
  }

  body.tb-public header #logo img,
  body.tb-portal header #logo img{
    max-height:28px;
  }

  body.tb-home header.menu-open #mainmenu,
  body.tb-public header.menu-open #mainmenu,
  body.tb-portal header.menu-open #mainmenu{
    top:58px;
    padding:16px;
  }

  body.tb-home header.menu-open #mainmenu li a,
  body.tb-public header.menu-open #mainmenu li a,
  body.tb-portal header.menu-open #mainmenu li a{
    padding:12px 16px;
    font-size:14px;
  }

  body.tb-home .menu_side_area .tb-mobile-header-chip,
  body.tb-public .menu_side_area .tb-mobile-header-chip,
  body.tb-portal .menu_side_area .tb-mobile-header-chip{
    height:36px;
    padding:0 10px;
    font-size:9px;
  }

  body.tb-home .tb-support-link-mobile,
  body.tb-public .tb-support-link-mobile,
  body.tb-portal .tb-support-link-mobile{
    width:38px;
    height:38px;
    border-radius:12px;
  }

  body.tb-home #menu-btn,
  body.tb-public #menu-btn,
  body.tb-portal #menu-btn{
    width:44px;
    height:44px;
  }
}

/* Hide Get Started button on mobile */
@media (max-width: 993px) {
  .btn-main{
    display:none !important;
  }
}

/* Body padding to account for fixed header */
body.tb-home #content,
body.tb-public #content{
  padding-top:88px;
}

body.tb-portal #wrapper{
  padding-top:88px;
}

@media (max-width:992px){
  body.tb-public #content,
  body.tb-portal #wrapper{
    padding-top:64px;
  }
}

@media (max-width:480px){
  body.tb-public #content,
  body.tb-portal #wrapper{
    padding-top:58px;
  }
}

/* tb-portal pages (login/register) have different layout */
body.tb-portal #content{
  padding-top:0;
}