/* =====================================================================
   FUAR DUYURU MODALI — site açılışında çıkan tanıtım penceresi
   Tasarım notu: panel ile görselin zemini, afişteki krem (#F8F3F0) ile
   aynı tutuldu; böylece fuar logosu (krem zeminli PNG) dikişsiz oturuyor.
   Yön bağımsız (RTL): tüm kenar boşlukları mantıksal özelliklerle verildi.
   ===================================================================== */

.pz-fuar-ovl{
  position:fixed; inset:0; z-index:2000;
  display:flex; align-items:center; justify-content:center;
  padding:24px;
  background:rgba(9,22,31,.72);
  -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px);
  opacity:0; visibility:hidden;
  transition:opacity .35s ease, visibility .35s ease;
}
.pz-fuar-ovl.is-open{ opacity:1; visibility:visible; }

.pz-fuar{
  position:relative;
  /* min-width:0 şart: flex öğesinin varsayılan min-width:auto değeri, içindeki
     görselin/metnin min-content genişliği kadar kartı şişirip dar ekranda taşırıyor. */
  width:100%; min-width:0; max-width:1000px; max-height:92vh;
  display:grid; grid-template-columns:minmax(0,46fr) minmax(0,54fr);
  background:#F8F3F0;
  border-radius:20px; overflow:hidden;
  box-shadow:0 30px 80px rgba(5,16,24,.45);
  transform:translateY(26px) scale(.97);
  transition:transform .45s cubic-bezier(.2,.8,.25,1);
}
.pz-fuar-ovl.is-open .pz-fuar{ transform:none; }

/* --- Görsel sütunu ------------------------------------------------- */
.pz-fuar-media{ position:relative; background:#F8F3F0; min-height:100%; min-width:0; overflow:hidden; }
.pz-fuar-media img{
  display:block; width:100%; max-width:100%; height:100%; object-fit:cover; object-position:50% 48%;
}
/* Görselin panele bakan kenarını krem zemine yumuşatan geçiş */
.pz-fuar-media::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(to right, rgba(248,243,240,0) 70%, rgba(248,243,240,.85) 100%);
}
[dir=rtl] .pz-fuar-media::after{
  background:linear-gradient(to left, rgba(248,243,240,0) 70%, rgba(248,243,240,.85) 100%);
}

/* --- İçerik sütunu ------------------------------------------------- */
.pz-fuar-body{
  padding:40px 44px 36px; min-width:0;
  display:flex; flex-direction:column; gap:16px;
  overflow-y:auto;
}
/* align-self şart: flex sütunu varsayılan "stretch" ile logoyu panel genişliğine
   kadar esnetiyor ve oran bozuluyor. */
.pz-fuar-logo{ align-self:flex-start; height:34px; width:auto; }

.pz-fuar-badge{
  align-self:flex-start;
  display:inline-flex; align-items:center; gap:7px;
  background:#FDB813; color:#0D2A3C;
  font-size:11.5px; font-weight:800; letter-spacing:1.4px; text-transform:uppercase;
  padding:7px 14px; border-radius:30px;
}
.pz-fuar-badge i{ font-size:15px; }

.pz-fuar-title{
  margin:0; font-size:30px; line-height:1.2; font-weight:800; color:#0D2A3C;
  overflow-wrap:break-word;
}
/* Fuar logosu PNG'si krem zeminli; zemin rengi panelin tam aynısı (#F8F3F0)
   olduğu için dikişsiz oturur — blend modu kullanılmaz, karartma yapardı. */
.pz-fuar-fairlogo{ height:52px; width:auto; align-self:flex-start; }

.pz-fuar-text{ margin:0; color:#5A6670; font-size:14.5px; line-height:1.7; overflow-wrap:break-word; }

/* Tarih ve adres satırları */
.pz-fuar-meta{ display:flex; flex-direction:column; gap:10px; margin:2px 0 0; }
.pz-fuar-meta-row{ display:flex; align-items:flex-start; gap:11px; font-size:14.5px; color:#0D2A3C; min-width:0; }
.pz-fuar-meta-row i{
  flex:none; width:30px; height:30px; border-radius:9px;
  display:inline-flex; align-items:center; justify-content:center;
  background:rgba(27,168,78,.12); color:#1BA84E; font-size:16px;
}
.pz-fuar-meta-row b{ font-weight:700; }
.pz-fuar-meta-row span{ padding-top:4px; line-height:1.45; min-width:0; overflow-wrap:break-word; }

/* Hol / stant rozetleri */
.pz-fuar-chips{ display:flex; flex-wrap:wrap; gap:10px; }
.pz-fuar-chip{
  display:inline-flex; align-items:baseline; gap:7px;
  background:#0D2A3C; color:#fff; border-radius:10px; padding:9px 16px;
}
.pz-fuar-chip small{ font-size:11px; letter-spacing:1.2px; text-transform:uppercase; opacity:.72; font-weight:700; }
.pz-fuar-chip b{ font-size:17px; font-weight:800; letter-spacing:.4px; }

/* Aksiyonlar */
.pz-fuar-actions{ display:flex; flex-wrap:wrap; gap:12px; margin-top:6px; }
.pz-fuar-btn{
  display:inline-flex; align-items:center; gap:8px;
  padding:13px 24px; border-radius:9px; font-weight:700; font-size:14.5px;
  text-decoration:none; transition:.25s ease; border:2px solid transparent;
}
.pz-fuar-btn.primary{ background:#1BA84E; color:#fff; }
.pz-fuar-btn.primary:hover{ background:#178A40; color:#fff; transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(27,168,78,.3); }
.pz-fuar-btn.ghost{ border-color:#d9d1ca; color:#0D2A3C; }
.pz-fuar-btn.ghost:hover{ border-color:#0D2A3C; color:#0D2A3C; transform:translateY(-2px); }
.pz-fuar-btn i{ transition:transform .25s ease; }
[dir=rtl] .pz-fuar-btn i{ transform:scaleX(-1); }
.pz-fuar-btn:hover i{ transform:translateX(4px); }
[dir=rtl] .pz-fuar-btn:hover i{ transform:scaleX(-1) translateX(4px); }

/* "Bir daha gösterme" */
.pz-fuar-dismiss{
  display:inline-flex; align-items:center; gap:8px; margin-top:2px;
  font-size:13px; color:#7C878F; cursor:pointer; user-select:none;
}
/* Tema main.css'te tüm checkbox'ları display:none yapıyor; burada geri açılır. */
.pz-fuar-dismiss input[type=checkbox]{
  display:inline-block; appearance:auto; -webkit-appearance:checkbox;
  width:15px; height:15px; margin:0; accent-color:#1BA84E; cursor:pointer;
}

/* Kapat düğmesi */
.pz-fuar-close{
  position:absolute; top:14px; inset-inline-end:14px; z-index:3;
  width:40px; height:40px; border-radius:50%; border:none; cursor:pointer;
  background:rgba(13,42,60,.55); color:#fff; font-size:21px; line-height:1;
  display:inline-flex; align-items:center; justify-content:center;
  transition:background .2s ease, transform .2s ease;
}
.pz-fuar-close:hover{ background:#0D2A3C; transform:rotate(90deg); }

/* --- Tablet ve altı: tek sütun ------------------------------------- */
@media (max-width:860px){
  .pz-fuar-ovl{ padding:16px; }
  /* minmax(0,1fr) şart: düz "1fr" min-width:auto demektir ve uzun başlık/metin
     sütunu ekrandan taşırır. */
  .pz-fuar{ grid-template-columns:minmax(0,1fr); max-height:90vh; border-radius:16px; }
  .pz-fuar-media{ min-height:0; }
  .pz-fuar-media img{ height:200px; object-position:50% 42%; }
  /* Dikey düzende yumuşatma alttan yapılır */
  .pz-fuar-media::after,
  [dir=rtl] .pz-fuar-media::after{
    background:linear-gradient(to bottom, rgba(248,243,240,0) 62%, rgba(248,243,240,.9) 100%);
  }
  .pz-fuar-body{ padding:24px 24px 26px; gap:13px; }
  .pz-fuar-logo{ height:28px; }
  .pz-fuar-title{ font-size:23px; }
  .pz-fuar-fairlogo{ height:42px; }
  .pz-fuar-text{ font-size:14px; line-height:1.65; }
  .pz-fuar-actions{ gap:10px; }
  .pz-fuar-btn{ flex:1 1 140px; justify-content:center; padding:12px 16px; text-align:center; }
}

@media (max-width:420px){
  .pz-fuar-media img{ height:150px; }
  .pz-fuar-title{ font-size:20px; }
  .pz-fuar-chip b{ font-size:15px; }
}

/* Hareket azaltma tercihi */
@media (prefers-reduced-motion:reduce){
  .pz-fuar-ovl, .pz-fuar, .pz-fuar-btn, .pz-fuar-close{ transition:none; }
  .pz-fuar{ transform:none; }
}

/* Modal açıkken arka plan kaymasın */
body.pz-fuar-lock{ overflow:hidden; }