/* TIPOGRAFİ VE BEYAZ RENK ZORLAMASI */
html body #oa-header-bar,
html body #oa-header-bar *,
html body #oa-header-bar a,
html body #oa-header-bar a:link,
html body #oa-header-bar a:visited,
html body #oa-header-bar a:hover,
html body #oa-header-bar a:active,
html body #oa-header-bar span {
  color: #ffffff !important;
  text-decoration: none !important;
  font-family: 'Manrope', sans-serif !important;[cite: 1]
  font-style: normal !important;[cite: 1]
  font-weight: 700 !important;[cite: 1]
  font-size: 11px !important;[cite: 1]
  line-height: 11px !important;[cite: 1]
}

html body #oa-header-bar svg,
html body #oa-header-bar svg path {
  fill: #ffffff !important;
  stroke: transparent !important;
  color: #ffffff !important;
}

/* MASAÜSTÜ HİZALAMA */
#oa-header-bar {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

#oa-header-bar ul {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

#oa-header-bar li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#oa-header-bar a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
}

#oa-header-bar svg {
  width: 11px !important;
  height: 11px !important;
  min-width: 11px !important;
  display: block !important;
}

#oa-header-bar .oa-email-text {
  text-transform: lowercase !important;
}

/* MOBİL GÖRÜNÜM (768px VE ALTI) */
@media screen and (max-width: 768px) {
  /* Sol taraf mobilde tamamen gizli */
  html body #oa-header-bar .oa-side-left {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #oa-header-bar {
    justify-content: center !important;
    width: 100% !important;
  }

  /* Mobilde esnek 2 satırlı grid yapısı */
  html body #oa-header-bar .oa-side-right {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    column-gap: 18px !important; /* WhatsApp ve Insta arası boşluk */
    row-gap: 8px !important;     /* Üst satır ile telefon arası boşluk */
    width: 100% !important;
  }

  /* WhatsApp ve Instagram üstte yan yana */
  html body #oa-header-bar .oa-item-whatsapp,
  html body #oa-header-bar .oa-item-instagram {
    display: inline-flex !important;
  }

  /* Telefon alt satıra geçip tam ortalanır */
  html body #oa-header-bar .oa-item-phone {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
  }
}