.laz-clock{
  --laz-size: 160px;
  --saat-kenari: #55749f; 
  --saat-kenar-borderi: #e8622c; 
  --saat-fon-rengi: #ededf1; 
  --saniye-rengi: #c0392b; 
  --yelkovan-akrep-rengi: #2b2b2b; 
  --saat-numara-buyuk-renk: #000000; 
  --saat-numara-kucuk-renk: #808080; 
  --saat-numara-buyuk-font: Tahoma, 'Times New Roman', serif;
  --saat-numara-kucuk-font: Tahoma, 'Times New Roman', serif;
  --saat-numara-buyuk-boyut: 24px;      /* YENİ: 12,3,6,9 rakamlarının büyüklüğü */
  --saat-numara-kucuk-boyut: 18px;      /* YENİ: diğer 8 rakamın büyüklüğü */

  --site-adi-renk: #55749f;
  --site-adi-font: Tahoma, 'Times New Roman', serif;
  --site-adi-boyut: calc(var(--laz-size) * 0.150);
  --site-adi-agirlik: normal;           /* YENİ: "bold" yazarsan kalınlaşır */
  --site-adi-stil: bold;              /* YENİ: "normal" yazarsan italik kalkar */

  --laz-zaman-boyut: calc(var(--laz-size) * 0.14);
  --laz-zaman-agirlik: normal;            /* YENİ */
  --laz-tarih-boyut: calc(var(--laz-size) * 0.130);
  --laz-tarih-agirlik: bold;          /* YENİ */
  --laz-tarih-stil: bold;             /* YENİ */
  --laz-gun-boyut: calc(var(--laz-size) * 0.130);
  --laz-gun-agirlik: bold;              /* YENİ */

  display:inline-flex;
  flex-direction:column;
  align-items:center;
  width:var(--laz-size);
  font-family: Tahoma, 'Times New Roman', serif;
  user-select:none;
  background:transparent; 
}
.laz-clock__face-wrap{
  width:100%;
  aspect-ratio:1/1;
  background:transparent; 
}
.laz-clock__face-wrap svg{ width:100%; height:100%; display:block; overflow:visible; }

.laz-clock__sitename{
  margin-top:calc(var(--laz-size) * 0.05);
  color: var(--site-adi-renk);
  font-family: var(--site-adi-font);
  font-size: var(--site-adi-boyut);
  font-weight: var(--site-adi-agirlik);
  font-style: var(--site-adi-stil);
  text-align:center;
  line-height:1.2;
}
.laz-clock__digital{
  margin-top:calc(var(--laz-size) * 0.03);
  text-align:center;
  line-height:1.25;
  color: var(--laz-text-color, #1f3b57);
}
.laz-clock__time{
  font-size: var(--laz-zaman-boyut);
  font-weight: var(--laz-zaman-agirlik);
  letter-spacing:0.02em;
  color: var(--laz-time-color, #55749f);
}
.laz-clock__date{
  font-size: var(--laz-tarih-boyut);
  font-weight: var(--laz-tarih-agirlik);
  font-style: var(--laz-tarih-stil);
}
.laz-clock__weekday{
  font-size: var(--laz-gun-boyut);
  font-weight: var(--laz-gun-agirlik);
}


.baslik-tabela{
  display:inline-flex;
  align-items:center;
  border-radius:14px;
  background:rgba(85,116,159,0.0); /* --saat-kenari renginin %50 transparan hali */
  padding:4px 8px;
}
.baslik-tabela .laz-clock{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  width:auto;
  min-height:var(--laz-size);
  padding-right:calc(var(--laz-size) + 12px); /* sağdaki saate yer aç */
}
.baslik-tabela .laz-clock__sitename{
  margin:0;
  text-align:left;
  color:#eef2f8;
  font-weight:bold;
}
.baslik-tabela .laz-clock__digital{
  margin-top:0;
  text-align:left;
  color:#dbe4f0;
}
.baslik-tabela .laz-clock__time{ color:#ffffff; }
.baslik-tabela .laz-clock__face-wrap{
  position:absolute;
  top:50%;
  right:0;
  transform:translateY(-50%);
  width:var(--laz-size);
}

/* ============================================================
   Mjora.com baner saati — dijital yazı rengi, ekran genişliğine
   değil GERÇEK VAKTE göre değişir (z_laz_baner_01.js, banerin
   üstündeki .baslik-2-ozel-wrap div'ine "vakit-..." sınıfını
   otomatik ekliyor). Analog saate hiç dokunmuyor, sadece bu
   metinleri etkiliyor. Hangi vaktin resmi koyu/açık zeminliyse
   ona göre aşağıdaki iki grubu düzenleyebilirsin.
   ============================================================ */
.baslik-2-ozel-wrap.vakit-gece .baslik-tabela .laz-clock__sitename,
.baslik-2-ozel-wrap.vakit-gece .baslik-tabela .laz-clock__digital,
.baslik-2-ozel-wrap.vakit-gece .baslik-tabela .laz-clock__time,
.baslik-2-ozel-wrap.vakit-tan .baslik-tabela .laz-clock__sitename,
.baslik-2-ozel-wrap.vakit-tan .baslik-tabela .laz-clock__digital,
.baslik-2-ozel-wrap.vakit-tan .baslik-tabela .laz-clock__time,
.baslik-2-ozel-wrap.vakit-aksam .baslik-tabela .laz-clock__sitename,
.baslik-2-ozel-wrap.vakit-aksam .baslik-tabela .laz-clock__digital,
.baslik-2-ozel-wrap.vakit-aksam .baslik-tabela .laz-clock__time{
  color: #ffffff; /* gece / tan / akşam — koyu zeminli banerler */
}
.baslik-2-ozel-wrap.vakit-sabah .baslik-tabela .laz-clock__sitename,
.baslik-2-ozel-wrap.vakit-sabah .baslik-tabela .laz-clock__digital,
.baslik-2-ozel-wrap.vakit-sabah .baslik-tabela .laz-clock__time,
.baslik-2-ozel-wrap.vakit-gunduz .baslik-tabela .laz-clock__sitename,
.baslik-2-ozel-wrap.vakit-gunduz .baslik-tabela .laz-clock__digital,
.baslik-2-ozel-wrap.vakit-gunduz .baslik-tabela .laz-clock__time{
  color: #000000; /* sabah / gündüz — açık zeminli banerler */
}
