/* DrivePilot V4.1.4 – Mobile Navigation in Untermenüs */

.dp-global-bottom-nav{
  display:none;
}

@media(max-width:700px){
  body.dp-with-bottom-nav{
    padding-bottom:92px !important;
  }

  body.dp-with-bottom-nav .shell{
    padding-bottom:94px !important;
  }

  .dp-global-bottom-nav{
    position:fixed;
    left:10px;
    right:10px;
    bottom:calc(10px + env(safe-area-inset-bottom));
    height:68px;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    align-items:center;
    background:rgba(255,255,255,.97);
    border:1px solid #d6e9f4;
    border-radius:22px;
    box-shadow:0 16px 38px rgba(21,72,108,.14);
    z-index:9996;
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
  }

  .dp-global-bottom-nav a{
    min-width:0;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    color:#71879a;
    text-decoration:none;
    font-size:19px;
    -webkit-tap-highlight-color:transparent;
  }

  .dp-global-bottom-nav a.active{
    color:#238fe3;
  }

  .dp-global-bottom-nav svg{
    width:21px;
    height:21px;
    flex:0 0 21px;
  }

  .dp-global-bottom-nav small{
    font-size:10px;
    font-weight:750;
    white-space:nowrap;
  }

  .dp-global-nav-main{
    position:relative;
  }

  .dp-global-nav-plus{
    width:42px;
    height:42px;
    margin-top:-24px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:linear-gradient(135deg,#2395eb,#5bc1ef);
    border-radius:50%;
    font-size:28px;
    line-height:1;
    box-shadow:0 8px 20px rgba(36,145,220,.28);
  }

  /* V4.1 Home hat bereits dieselbe Navigation – dort keine Doppelanzeige */
  .mobile-home .mobile-bottom-nav{
    z-index:9997;
  }

  body.dp-with-bottom-nav .mobile-home{
    padding-bottom:0 !important;
  }
}

@media print{
  .dp-global-bottom-nav,
  .mobile-bottom-nav{
    display:none !important;
  }

  body.dp-with-bottom-nav{
    padding-bottom:0 !important;
  }
}