/* V5-ASSET-BUILD: v12-nanobar — shop-wide UNAS #nanobar brand colors (loaded from main.html) */
/* Scoped to #nanobar only — does not restyle global header/links/footer. */

#nanobar.nanobar{
  background-color: #102331 !important;
  color: #FFFFFF !important;
}

#nanobar.nanobar .nanobar__inner,
#nanobar.nanobar .header_text_section_1,
#nanobar.nanobar .ogsbar-txt,
#nanobar.nanobar .ogsbar-tel,
#nanobar.nanobar .ogsbar-txt strong{
  color: #FFFFFF !important;
}

/* “Kérem most” CTA — beat inline style="color:#08A0D0" inside nanobar HTML */
#nanobar.nanobar .ogsbar-txt a,
#nanobar.nanobar .ogsbar-txt a[href]{
  color: #67D9FF !important;
  text-decoration: underline;
}

#nanobar.nanobar .ogsbar-txt a:hover,
#nanobar.nanobar .ogsbar-txt a:focus{
  color: #9FE7FF !important;
}

/* Phone — white (override cyan inline) */
#nanobar.nanobar .ogsbar-tel a,
#nanobar.nanobar .ogsbar-tel a[href^="tel:"]{
  color: #FFFFFF !important;
  text-decoration: none;
  font-weight: 600;
}

#nanobar.nanobar .ogsbar-tel a:hover,
#nanobar.nanobar .ogsbar-tel a:focus{
  color: #67D9FF !important;
}

#nanobar.nanobar .nanobar__btn-close,
#nanobar.nanobar .btn-close.nanobar__btn-close{
  background-color: transparent !important;
  background: transparent !important;
  color: #FFFFFF !important;
  border-color: transparent !important;
  box-shadow: none !important;
  opacity: 1 !important;
  filter: none !important;
}

#nanobar.nanobar .nanobar__btn-close:hover,
#nanobar.nanobar .nanobar__btn-close:focus,
#nanobar.nanobar .nanobar__btn-close:active,
#nanobar.nanobar .btn-close.nanobar__btn-close:hover{
  color: #67D9FF !important;
  background: transparent !important;
  opacity: 1 !important;
}

#nanobar.nanobar .nanobar__btn-close svg,
#nanobar.nanobar .nanobar__btn-close .icon-set,
#nanobar.nanobar .nanobar__btn-close use,
#nanobar.nanobar .nanobar__btn-close svg *:not(image){
  fill: #FFFFFF !important;
  color: #FFFFFF !important;
}

/* Keep bar slim; do not fight admin mobile layout (txt may hide ≤900px via element HTML) */
#nanobar.nanobar .nanobar__inner{
  margin-top: 0.55rem;
  margin-bottom: 0.55rem;
}

@media (max-width: 480px){
  #nanobar.nanobar{
    font-size: 12px;
    line-height: 1.3;
  }
  #nanobar.nanobar .nanobar__inner{
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
    padding-right: 3rem;
  }
}