/* Mali Hülya Premium Light 3.6.18 - yalnızca beşli alt gezinme */
.ruya-bottom-nav.mh-five-bottom-nav{
  box-sizing:border-box;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:stretch;
  justify-content:initial;
  gap:clamp(2px,.7vw,7px);
  width:min(530px,calc(100% - 22px));
  max-width:calc(100% - 16px);
  padding:7px;
  z-index:95;
  border:1px solid rgba(108,173,234,.42);
  border-radius:23px;
  color:#245f96;
  background:linear-gradient(132deg,rgba(255,255,255,.975),rgba(235,247,255,.965) 60%,rgba(221,240,255,.975));
  box-shadow:0 11px 36px rgba(26,91,163,.15),inset 0 1px 0 rgba(255,255,255,.95);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
.ruya-bottom-nav.mh-five-bottom-nav .ruya-bottom-item{
  display:flex;
  box-sizing:border-box;
  min-width:0;
  min-height:57px;
  justify-content:center;
  align-items:center;
  flex-direction:column;
  gap:4px;
  padding:7px 3px;
  border:1px solid transparent;
  border-radius:16px;
  color:#356f9f;
  background:transparent;
  font-size:11px;
  line-height:1.1;
  font-weight:750;
  text-align:center;
  white-space:nowrap;
  text-decoration:none;
  transition:background-color .2s,color .2s,box-shadow .2s;
}
.ruya-bottom-nav.mh-five-bottom-nav .bottom-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:23px;
  height:23px;
  color:inherit;
}
.ruya-bottom-nav.mh-five-bottom-nav .bottom-icon svg{display:block;width:22px;height:22px;flex-shrink:0}
.ruya-bottom-nav.mh-five-bottom-nav .bottom-label{display:block;min-width:0;color:inherit;font-size:inherit;line-height:1.1}
.ruya-bottom-nav.mh-five-bottom-nav .ruya-bottom-item:hover,
.ruya-bottom-nav.mh-five-bottom-nav .ruya-bottom-item:focus-visible,
.ruya-bottom-nav.mh-five-bottom-nav .ruya-bottom-item.is-active:not(.mh-bottom-yorumla){
  color:#0a5cb8;
  background:rgba(206,232,255,.78);
  border-color:rgba(123,188,245,.22);
}
.ruya-bottom-nav.mh-five-bottom-nav .ruya-bottom-item:focus-visible{
  outline:2px solid #247cda;
  outline-offset:2px;
}
/* Ortadaki çağrı her zaman mavi, canlı ve hafif nabız ritminde ışıklı. */
.ruya-bottom-nav.mh-five-bottom-nav .ruya-bottom-item.mh-bottom-yorumla,
.ruya-bottom-nav.mh-five-bottom-nav .ruya-bottom-item.mh-bottom-yorumla:hover,
.ruya-bottom-nav.mh-five-bottom-nav .ruya-bottom-item.mh-bottom-yorumla:focus-visible,
.ruya-bottom-nav.mh-five-bottom-nav .ruya-bottom-item.mh-bottom-yorumla.is-active{
  position:relative;
  isolation:isolate;
  overflow:visible;
  color:#fff;
  background:linear-gradient(145deg,#1277dd,#1761d5 63%,#208be9);
  border-color:rgba(124,199,255,.65);
  box-shadow:0 0 8px rgba(40,138,255,.40),0 0 17px rgba(39,134,246,.29),0 5px 14px rgba(24,112,212,.22);
  animation:mh3618-nav-blue-pulse 2.7s ease-in-out infinite;
}
.ruya-bottom-nav.mh-five-bottom-nav .mh-bottom-yorumla .bottom-icon,
.ruya-bottom-nav.mh-five-bottom-nav .mh-bottom-yorumla .bottom-label{color:#fff}
@keyframes mh3618-nav-blue-pulse{
  0%,100%{filter:brightness(1);box-shadow:0 0 6px rgba(31,137,255,.36),0 0 14px rgba(43,147,255,.21),0 5px 13px rgba(19,103,212,.21)}
  50%{filter:brightness(1.17);box-shadow:0 0 11px rgba(49,156,255,.83),0 0 25px rgba(29,136,255,.64),0 0 37px rgba(60,179,255,.24),0 5px 16px rgba(21,112,214,.28)}
}
@media(max-width:500px){
  .ruya-bottom-nav.mh-five-bottom-nav{width:calc(100% - 16px);max-width:calc(100% - 16px);bottom:max(7px,env(safe-area-inset-bottom));border-radius:20px;padding:5px;gap:2px}
  .ruya-bottom-nav.mh-five-bottom-nav .ruya-bottom-item{min-height:56px;padding:7px 1px;border-radius:14px;font-size:10px;gap:4px}
  .ruya-bottom-nav.mh-five-bottom-nav .bottom-icon{width:22px;height:22px}
  .ruya-bottom-nav.mh-five-bottom-nav .bottom-icon svg{width:21px;height:21px}
}
@media(max-width:345px){
  .ruya-bottom-nav.mh-five-bottom-nav .ruya-bottom-item{font-size:9px}
  .ruya-bottom-nav.mh-five-bottom-nav .bottom-icon svg{width:20px;height:20px}
}
@media(prefers-reduced-motion:reduce){
  .ruya-bottom-nav.mh-five-bottom-nav .ruya-bottom-item.mh-bottom-yorumla{animation:none!important}
}
@media print{.ruya-bottom-nav.mh-five-bottom-nav{display:none!important}}
