/* ==========================================================================
   Hostragons - Client Area ozel CSS gecersiz kilma (override) dosyasi
   head.tpl icindeki {assetExists file="custom.css"} ile otomatik yuklenir.
   Tema dosyalarina (theme.css/theme.min.css) DOKUNMADAN ozellestirme yapar.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Breadcrumb (ust dizin yolu) okunabilirlik / ferahlik duzeltmesi
   -------------------------------------------------------------------------- */
.master-breadcrumb .breadcrumb {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    line-height: 1.7 !important;
    flex-wrap: wrap !important;
    row-gap: 4px;
}

.master-breadcrumb .breadcrumb-item {
    align-items: center;
    line-height: 1.7 !important;
}

.master-breadcrumb .breadcrumb-item + .breadcrumb-item {
    padding-left: 0.9rem !important;
}

.master-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    padding-right: 0.9rem !important;
    color: #adb5bd;
}

@media (max-width: 575.98px) {
    .master-breadcrumb .breadcrumb {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .master-breadcrumb .breadcrumb-item + .breadcrumb-item {
        padding-left: 0.65rem !important;
    }
    .master-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        padding-right: 0.65rem !important;
    }
}

/* --------------------------------------------------------------------------
   Mobil yatay tasma (overflow-x) duzeltmesi.
   Kanit (Playwright @390px sepet/odeme): scrollWidth=1024 > viewport=390.
   Tasiran ogeler, paylasilan site footer'indan ({$hgSiteFooter}) gelen
   DEKORATIF mutlak-konumlu blob gorselleri:
     img.img-fluid.position-absolute.z-n1.pointer-none  (~1016px genislik)
   Bunlar z-index:-1 + pointer-events:none, yani tamamen gorsel susleme.
   Mobilde gercek genisliklerini ekrana sigdir ve govde seviyesinde yatay
   tasmayi engelle. Sadece <=767px; icerik / tiklanabilir ogeler etkilenmez.
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
    html, body {
        overflow-x: hidden;
        max-width: 100%;
    }
    img.position-absolute.pointer-none,
    img.position-absolute.z-n1,
    .position-absolute.pointer-none {
        max-width: 100vw;
        height: auto;
    }
    .lang-switch.lang-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media (max-width: 480px) {
    .lang-switch.lang-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* ============================================================
   Destek bileti yanıt başlığı (ad + rol + seviye rozetleri)
   Taşma/kayma önleyici esnek düzen — 2026-06-04
   ============================================================ */
.ticket-reply .posted-by{
  display:flex; flex-wrap:wrap; align-items:center;
  gap:.4rem .6rem; min-width:0;
}
.ticket-reply .posted-by .hg-tkt-avatar{
  flex:0 0 auto; width:34px; height:34px;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:50%; background:#761098; color:#fff; font-size:.9rem;
}
.ticket-reply .posted-by .hg-tkt-avatar--client{ background:#64748b; }
.ticket-reply .posted-by-name{
  font-weight:700; max-width:100%;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.ticket-reply .posted-by-role{
  font-size:.72rem; color:#761098;
  background:rgba(118,16,152,.10);
  padding:.12rem .55rem; border-radius:999px; white-space:nowrap;
}
.ticket-reply .posted-by-level{
  font-size:.72rem; color:#fff; background:#761098;
  padding:.12rem .55rem; border-radius:999px; white-space:nowrap;
}
.ticket-reply .posted-by .posted-on{
  margin-left:auto; flex:0 0 auto;
  font-size:.72rem; color:#94a3b8; white-space:nowrap;
}
@media (max-width:480px){
  .ticket-reply .posted-by .posted-on{ margin-left:0; flex-basis:100%; }
}