/* =============================================================================
   HAKEM DİREKSİYON — siteye özgü ek stiller (tema dosyalarına dokunulmaz)
   ============================================================================= */

/* Üst menü telefon alanı (eski inline stiller buraya taşındı) */
.roboto-tel {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}
.header-ikinci-tel {
    color: var(--pbmit-global-color);
    font-size: 20px;
    font-weight: bold;
    margin-left: 60px;
}
@media (max-width: 1400px) {
    .header-ikinci-tel { margin-left: 20px; }
}

/* Logo artık H1 değil; eski h1 yüksekliği/hizası korunur */
.site-branding .site-title {
    margin: 0;
    line-height: 1;
}

/* Ana sayfa H1'i alt başlık görünümünde (tasarım bozulmaz) */
.pbmit-heading-subheading h1.pbmit-subtitle {
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 0.5px;
    margin: 0 0 .5rem;
}

/* Mobil menü: açılır başlıklarda ok alanı dokunmaya elverişli */
@media (max-width: 1199px) {
    .main-menu ul.navigation li.dropdown > .righticon {
        min-width: 48px;
        min-height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

/* 404 sayfası */
.hakem-404 .hakem-404-kod {
    font-size: 120px;
    line-height: 1;
    font-weight: 800;
    color: var(--pbmit-global-color);
    margin-bottom: 20px;
}
.hakem-404 .hakem-404-metin {
    font-size: 18px;
    margin: 20px auto 30px;
    max-width: 640px;
}
.hakem-404 .hakem-404-menu {
    list-style: none;
    padding: 0;
    margin: 40px 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 24px;
}
.hakem-404 .hakem-404-menu a {
    font-weight: 600;
    color: var(--pbmit-heading-color);
}
.hakem-404 .hakem-404-menu a:hover {
    color: var(--pbmit-global-color);
}

/* SSS akordeon (erişilebilir: button + aria-expanded) */
.hakem-sss .hakem-sss-item {
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 8px;
    margin-bottom: 14px;
    background: #fff;
    overflow: hidden;
}
.hakem-sss .hakem-sss-soru {
    width: 100%;
    text-align: left;
    background: transparent;
    border: 0;
    padding: 18px 56px 18px 22px;
    font-size: 18px;
    font-weight: 600;
    color: var(--pbmit-heading-color);
    position: relative;
    cursor: pointer;
}
.hakem-sss .hakem-sss-soru:focus-visible {
    outline: 3px solid var(--pbmit-global-color);
    outline-offset: -3px;
}
.hakem-sss .hakem-sss-soru::after {
    content: "+";
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 26px;
    line-height: 1;
    color: var(--pbmit-global-color);
    transition: transform .2s;
}
.hakem-sss .hakem-sss-soru[aria-expanded="true"]::after {
    content: "−";
}
.hakem-sss .hakem-sss-cevap {
    padding: 0 22px 20px;
    color: var(--pbmit-body-typography-color, #555);
    line-height: 1.7;
}
.hakem-sss .hakem-sss-cevap[hidden] {
    display: none;
}
.hakem-sss-tumu {
    margin-top: 30px;
    text-align: center;
}

/* Küçük ekranda taşma önleyici */
@media (max-width: 575px) {
    .hakem-404 .hakem-404-kod { font-size: 84px; }
    .hakem-sss .hakem-sss-soru { font-size: 16px; padding-right: 48px; }
}

/* Foto galeri */
.hakem-galeri .hakem-galeri-item { margin-bottom: 30px; }
.hakem-galeri .hakem-galeri-link {
    display: block; position: relative; overflow: hidden; border-radius: 10px; background: #f3f3f3;
    aspect-ratio: 4 / 3;
}
.hakem-galeri .hakem-galeri-link img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; display: block; }
.hakem-galeri .hakem-galeri-link:hover img { transform: scale(1.05); }
.hakem-galeri .hakem-galeri-baslik {
    position: absolute; left: 0; right: 0; bottom: 0; padding: 12px 16px; color: #fff; font-weight: 600;
    background: linear-gradient(transparent, rgba(0,0,0,.65)); font-size: 15px;
}

/* Video galeri */
.hakem-videolar .hakem-video-item { margin-bottom: 40px; }
.hakem-videolar .hakem-video-cerceve { position: relative; aspect-ratio: 16 / 9; border-radius: 10px; overflow: hidden; background: #000; }
.hakem-videolar .hakem-video-cerceve iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.hakem-videolar .hakem-video-baslik { font-size: 20px; margin-top: 14px; }

/* İç sayfa banner'ı: görsel breadcrumb.php'de inline gelir; örtü rengi tema
   paletinden (Koyu Zemin = --dark), yoğunluğu panelden (--banner-ortu 0–1). */
.pbmit-title-bar-wrapper {
    background-color: var(--dark, #151313);
}
.pbmit-title-bar-wrapper:before {
    background-color: rgba(var(--dark-rgb, 0, 0, 0), var(--banner-ortu, .5));
}

/* Üst bar duyurusu — her ekranda tek satır; taşan metin kırpılır (…), kaydırma yok */
.hakem-ustbar {
    background-color: var(--primary, #f06805);
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    padding: 8px 0;
    text-align: center;
}
.hakem-ustbar .hakem-ustbar-metin {
    display: block;
    margin: 0;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.hakem-ustbar a.hakem-ustbar-metin:hover,
.hakem-ustbar a.hakem-ustbar-metin:focus {
    color: #fff;
    text-decoration: underline !important;
}
@media (max-width: 575px) {
    .hakem-ustbar { font-size: 13px; padding: 6px 0; }
}

/* İletişim formu honeypot alanı — ekran okuyucu ve göz için görünmez */
.hakem-hp {
    position: absolute !important;
    left: -9999px !important;
    width: 1px; height: 1px; overflow: hidden;
}

/* Biz Kimiz — Vizyon & Misyon kartları (renkler tema paletinden) */
.hakem-vm-kart {
    height: 100%;
    background-color: var(--pbmit-light-color, #f0f2f4);
    border-top: 4px solid var(--primary, #f06805);
    border-radius: 20px;
    padding: 40px;
}
.hakem-vm-baslik {
    font-size: 32px;
    line-height: 1.2;
    margin-bottom: 20px;
}
.hakem-vm-icerik h3 { font-size: 22px; line-height: 1.3; margin: 18px 0 10px; }
.hakem-vm-icerik > :last-child { margin-bottom: 0; }
@media (max-width: 575px) {
    .hakem-vm-kart { padding: 24px 18px; border-radius: 14px; }
    .hakem-vm-baslik { font-size: 26px; }
}

/* Biz Kimiz dekoratif büyük yazı (başlık değil, <p>): başlık yazı tipini koru */
p.pbmit-element-title {
    font-family: var(--pbmit-heading-typography-font-family);
    line-height: 1;
    margin-bottom: 0;
}

/* Ana menü — aktif sayfa vurgusu (masaüstü; mobil kuralı responsive.css'te li.active > a) */
.site-navigation ul.navigation > li.active > a,
.site-navigation ul.navigation li li.active > a {
    color: var(--pbmit-global-color);
}

/* Yaptığımız İşler — görselsiz kart: görsel alanı basılmaz, kart aynı satırdaki kartlarla aynı boyda kalır */
.pbmit-service-style-1 .pbminfotech-post-item { height: 100%; }
.pbmit-service-style-1.hakem-gorselsiz .pbmit-content-box { padding-top: 45px; }

/* Biz Kimiz > Hakkımızda (3. tur): sütunlar üstten hizalı, metin sola yaslı.
   Görsel kendi oranında (uzatılmaz, kırpılmaz); masaüstünde metin boyunca yapışkan → altında boşluk kalmaz. */
.hakem-hakkimizda .hakem-hakkimizda-metin,
.hakem-hakkimizda .hakem-hakkimizda-metin .pbmit-text-editor,
.hakem-hakkimizda .hakem-hakkimizda-metin .pbmit-text-editor * { text-align: left !important; }
.hakem-hakkimizda .hakem-hakkimizda-metin .pbmit-heading-subheading { margin-bottom: 25px; }
.hakem-hakkimizda .hakem-hakkimizda-gorsel { margin: 0; }
.hakem-hakkimizda .hakem-hakkimizda-gorsel img {
    display: block; width: auto; max-width: 100%; height: auto; object-fit: contain; margin: 0 auto;   /* doğal boyutundan büyük gösterilmez */
    border-radius: 20px;
}
@media (min-width: 992px) {
    .hakem-hakkimizda .hakem-hakkimizda-gorsel { position: sticky; top: 120px; }
}
@media (max-width: 991px) {
    .hakem-hakkimizda .hakem-hakkimizda-gorsel img { max-height: 70vh; object-fit: cover; }
}

/* Yaptığımız İşler detay (3. tur): yarı görsel / yarı bilgi; görsel oranı korunur, büyütülmez */
.hakem-is-detay { margin-bottom: 60px; }
.hakem-is-galeri .hakem-is-ana { display: block; border-radius: 24px; overflow: hidden; background: var(--pbmit-light-color, #f0f2f4); }
.hakem-is-galeri .hakem-is-ana img { display: block; width: auto; max-width: 100%; height: auto; max-height: 80vh; object-fit: contain; margin: 0 auto; }   /* doğal boyutundan büyük gösterilmez (bulanıklaşmaz) */
.hakem-is-kucukler { list-style: none; padding: 0; margin: 12px 0 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(90px, 1fr)); gap: 10px; }
.hakem-is-kucukler img { display: block; width: 100%; aspect-ratio: 4 / 3; height: auto; object-fit: cover; border-radius: 10px; }
.hakem-is-meta { list-style: none; padding: 0; margin: 0 0 12px; display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 14px; color: #666; }
.hakem-is-meta i { color: var(--pbmit-global-color); font-size: 11px; }
.hakem-is-baslik { font-size: 36px; line-height: 1.2; margin-bottom: 20px; }
.hakem-is-aciklama, .hakem-is-aciklama * { text-align: left; }
.hakem-is-cta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 25px; }
@media (min-width: 992px) { .hakem-is-galeri { position: sticky; top: 120px; } }
@media (max-width: 575px) { .hakem-is-baslik { font-size: 28px; } .hakem-is-detay { margin-bottom: 40px; } }
