/* =====================================================================
   Katilimci ve ziyaretci portali - ortak iyilestirme katmani (portal-modern.css)
   exhibitor/css ve visitor/css altinda AYNI dosya bulunur; color.css'ten sonra yuklenir.
   Tema (TownHub) dosyalarina dokunmaz, yalnizca eksikleri tamamlar:
   - Portal CSS'inde hic tanimi olmayan eski siniflar (tablo_veri*, fontweight600,
     btn-info, ad, siyah11, text-gri) manage/ Bootstrap sablonundan tasinmisti;
     portalde hizalama, baslik rengi ve buton gorunumu uygulanmiyordu.
   - Satir ici stilli eski rapor/liste tablolari (kirmizi/gri baslik hucreleri)
   - Odak halkasi, hareketi azaltma, telefon ve yazdirma duzeni
   JS tarafi: portal-enhance.js (pm-* siniflarini ekler)
   ===================================================================== */

:root {
  /* fuarizmir logosu paleti (iki portalda ayni). Ham logo renkleri beyaz yaziyla AA'yi gecmedigi icin
     metin tasiyan yuzeylerde koyu turevleri kullanilir; ham renkler yalnizca serit ve vurgulardadir. */
  --pm-brand: #0071AC;
  --pm-accent: #4F5055;
  --pm-dark: #2E2F33;
  --pm-ink: #3A3B40;
  --pm-muted: #696B70;
  --pm-line: #E6E7EA;
  --pm-head: #EEF0F3;
  --pm-alt: #F7F8FA;
  --pm-hover: #EAF4FA;
  --pm-danger: #C81C2E;
  --pm-ring: rgba(0, 113, 172, .22);
  --pm-radius: 10px;
}

/* ---------- 1. Portalda tanimsiz kalan eski siniflar ---------- */
.fontweight600 { font-weight: 600; }
.text-gri { color: var(--pm-muted); }
.siyah11 { font-size: 13px; }
.ad { font-size: 14px; }

.tablo_veri1_center, .tablo_veri2_center, .tablo_veri3_center { text-align: center; }
.tablo_veri1_left, .tablo_veri2_left, .tablo_veri3_left { text-align: left; }
.tablo_veri1_right, .tablo_veri2_right, .tablo_veri3_right { text-align: right; }
/* 1 = baslik / etiket, 2 = alternatif satir, 3 = beyaz (manage ile ayni anlam) */
td.tablo_veri1, td.tablo_veri1_left, td.tablo_veri1_center, td.tablo_veri1_right {
  background: var(--pm-head);
  color: var(--pm-dark);
  font-weight: 600;
}
td.tablo_veri2, td.tablo_veri2_left, td.tablo_veri2_center, td.tablo_veri2_right { background: var(--pm-alt); }
td.tablo_veri3, td.tablo_veri3_left, td.tablo_veri3_center, td.tablo_veri3_right { background: #fff; }

/* ---------- 2. Eski tablolar (JS bunlari pm-data olarak isaretler) ---------- */
.pm-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  background: #fff;
  border: 1px solid var(--pm-line);
  border-radius: var(--pm-radius);
  margin: 0 0 20px;
  box-shadow: 0 2px 10px rgba(46, 63, 110, .06);
}
.pm-table-wrap.pm-flat { border: 0; border-radius: 0; box-shadow: none; margin: 0; background: transparent; }

table.pm-data {
  width: 100% !important;
  margin: 0 !important;
  border-collapse: collapse;
  background: transparent !important;
  color: var(--pm-ink);
  font-size: 14px;
  text-align: left;
}
table.pm-data td, table.pm-data th {
  padding: 10px 12px;
  border: 0;
  border-bottom: 1px solid var(--pm-line);
  vertical-align: middle;
}
table.pm-data tr:last-child > td { border-bottom: 0; }
table.pm-data tr:hover > td { background: var(--pm-hover) !important; }
/* height="50" gibi sayfadaki boyut ozellikleri korunur. max-width:100% konmaz: otomatik genisenli tablo
   hucresinde resmi 0 piksele daraltir; tablo zaten kaydirilabilir sarmalayicidadir. */
table.pm-data img { border-radius: 6px; }
table.pm-data td.tablo_veri3_center, table.pm-data td.tablo_veri2_center { font-weight: 500; }
table.pm-data td.ad { text-align: center; }
table.pm-data td.ad b { font-weight: 600; }

/* Satir ici renkli baslik hucreleri (kirmizi #ff0000/#C00, gri #666) tema renklerine alinir */
table.pm-data td[style*="#ff0000"], table.pm-data td[style*="#FF0000"],
table.pm-data td[style*="#C00"], table.pm-data td[style*="#c00"] {
  background: var(--pm-brand) !important;
  color: #fff !important;
  font-weight: 700;
  letter-spacing: .02em;
  text-align: center;
}
table.pm-data td[style*="#666"] {
  background: var(--pm-accent) !important;
  color: #fff !important;
  font-size: 12.5px;
  text-transform: uppercase;
  letter-spacing: .03em;
  text-align: center;
}
table.pm-data td[style*="#ff0000"] a, table.pm-data td[style*="#C00"] a, table.pm-data td[style*="#666"] a { color: #fff; }
table.pm-data td[bgcolor="#F7F7F3"]:not([style*="background"]) { background: var(--pm-alt); }

/* ---------- 3. Talep listesindeki satir ici kirmizi baglantilar (Kabul / Reddet / Iptal) ---------- */
.dashboard-list a[style*="color:red"], .dashboard-list a[style*="color: red"] {
  display: inline-block;
  margin: 2px 0;
  padding: 4px 14px;
  border-radius: 999px;
  background: #fdecef;
  color: var(--pm-danger) !important;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: background .15s;
}
.dashboard-list a[style*="color:red"]:hover, .dashboard-list a[style*="color: red"]:hover { background: #f9d3da; }
.dashboard-list td > br + br { display: none; }
.dashboard-list a[href*="request_start"] { font-weight: 600; }

/* ---------- 4. Butonlar ve formlar ---------- */
/* btn-info portalde tanimli degil; tema .btn'i sag tarafta ikon icin 55px bosluk birakir */
.btn.btn-info, input.btn.btn-info, button.btn.btn-info {
  display: inline-block;
  padding: 12px 28px;
  border: 0;
  border-radius: 6px;
  background: var(--pm-accent);
  color: #fff;
  cursor: pointer;
}
.btn.btn-info:hover { background: var(--pm-dark); }
.btn.btn-info:disabled { opacity: .55; cursor: not-allowed; }

.custom-form input:focus, .custom-form textarea:focus, .custom-form select:focus {
  border-color: var(--pm-brand);
  box-shadow: 0 0 0 3px var(--pm-ring);
  outline: 0;
}
.custom-form label { line-height: 1.5; }

/* Mesajlasma */
.chat-message p { line-height: 1.55; word-break: break-word; }
.chat-widget_input textarea:focus { outline: 0; box-shadow: 0 0 0 3px var(--pm-ring); }

/* ---------- 5. Erisilebilirlik ---------- */
:focus-visible { outline: 2px solid var(--pm-brand); outline-offset: 2px; }
a:focus-visible, button:focus-visible, .btn:focus-visible { outline-offset: 3px; }

@media (prefers-reduced-motion: reduce) {
  *, *:before, *:after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ---------- 6. Dar ekranlar ---------- */
@media (max-width: 767px) {
  .pm-table-wrap { margin-bottom: 16px; }
  table.pm-data { font-size: 13px; }
  table.pm-data td { padding: 8px 10px; }
  .dashboard-list { overflow-x: auto; }
  .chat-box { max-width: 100%; }
}

/* ---------- 7. Yazdirma ---------- */
@media print {
  .main-header, .loader-wrap, .fixed-bar, .mob-nav-content-btn, .nav-button-wrap, footer, .to-top { display: none !important; }
  .pm-table-wrap { overflow: visible; box-shadow: none; border: 0; }
  #main { opacity: 1 !important; }
}

/* ---------- fuarizmir logosu renkleri: tema disinda kalan parcalar ---------- */
/* Sayfanin en ustunde logonun 5 renkli seridi */
body:before {
  content: "";
  display: block;
  position: fixed; top: 0; left: 0; right: 0;
  height: 4px;
  z-index: 100001;
  background: linear-gradient(90deg, #E92438 0 20%, #FDB53E 20% 40%, #009743 40% 60%, #0082C1 60% 80%, #6CC1B1 80% 100%);
}

/* Baslik koyu oldugu icin aktif/uzerine gelinen menu baglantisi logonun turkuazi (koyu zeminde 6.3:1); ana mavi burada 2.5:1 verirdi */
.main-header .nav-holder nav li a.act-link,
.main-header .nav-holder nav li a:hover { color: #6CC1B1; }

/* Panel menusundeki aktif oge sayfada satir ici "color:blue" ve "color:#747474" ile boyaniyor */
.user-profile-menu a.user-profile-act[style*="color:blue"],
.user-profile-menu a.user-profile-act[style*="color: blue"],
.user-profile-menu a.user-profile-act[style*="color:#747474"] { color: var(--pm-brand) !important; }

/* Dashboard'daki 3 istatistik kutusu ayni sinifi paylasiyor: sirayla logonun mavisi, yesili, kirmizisi */
.list-single-facts .col-md-4:nth-child(2) .inline-facts-wrap.gradient-bg { background: linear-gradient(180deg, #006B30, #00803A); }
.list-single-facts .col-md-4:nth-child(3) .inline-facts-wrap.gradient-bg { background: linear-gradient(180deg, #A31524, #C81C2E); }

/* Amber zeminde koyu yazi (beyaz yazi 1.8:1 verirdi) */
.yellow-bg, .orange-bg { color: #3A2A00; }

/* Tema, birinci color.css kuralindaki marka rengini bazi simgelere de veriyordu (koyu zeminde acik mavi olarak tasarlanmisti);
   yesil/mavi dugmelerin icindeki simge beyaz kalmali */
.mob-nav-content-btn i, .color-bg i, .color2-bg i { color: inherit; }

/* Koyu baslikta dil simgesi: ana mavi koyu zeminde 2.5:1 veriyordu, logonun turkuazi 6.3:1 */
.main-header .show-lang i.fal, .main-header .show-lang i.far { color: #6CC1B1; }

/* Sohbetteki ad ve tarih yazisi #999 idi (beyazda 2.85:1) */
.massage-date, .chat-message-user-name { color: #696B70; }

/* Temanin acik gri form etiketi ve konuk sohbet metni beyazda 3.0-3.3:1 veriyordu */
.custom-form label { color: #696B70; }
.chat-message.chat-message_guest p { color: #4A4B50; }

@media print { body:before { display: none; } }