/* EK Haber — Günün Özeti eklentisi · © 2026 Engin Koçali · https://ekbilisim.com */

/* ---------- Blok ---------- */
.gz-widget { --gzc: var(--gz, var(--main, #da171e)); }
.gz-open { --gzc: var(--gz, var(--main, #da171e)); display: block; width: 100%; padding: 0; margin: 0; border: 0; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.gz-pics { position: relative; display: grid; aspect-ratio: 16 / 9; overflow: hidden; border-radius: var(--radius, 6px); background: #111; }
.gz-pics img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s ease; }
.gz-n3 { grid-template-columns: 2fr 1fr; grid-template-rows: 1fr 1fr; gap: 2px; }
.gz-n3 .gz-p0 { grid-row: 1 / 3; }
.gz-n2 { grid-template-columns: 1fr 1fr; gap: 2px; }
.gz-open:hover .gz-pics img { transform: scale(1.04); }
.gz-shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.55)); }
.gz-pl { position: absolute; left: 50%; top: 50%; width: 64px; height: 64px; margin: -32px 0 0 -32px; display: grid; place-items: center; border-radius: 50%; background: var(--gzc); color: #fff; box-shadow: 0 8px 26px rgba(0,0,0,.45); transition: transform .2s; }
.gz-pl svg { width: 30px; height: 30px; margin-left: 4px; }
.gz-pl::before { content: ""; position: absolute; inset: -8px; border-radius: 50%; border: 2px solid rgba(255,255,255,.7); animation: gzRing 2.4s ease-out infinite; }
@keyframes gzRing { from { transform: scale(.85); opacity: 1; } to { transform: scale(1.3); opacity: 0; } }
.gz-open:hover .gz-pl, .gz-open:focus-visible .gz-pl { transform: scale(1.08); }
.gz-open:focus-visible { outline: 3px solid var(--gzc); outline-offset: 3px; border-radius: var(--radius, 6px); }
.gz-tag { position: absolute; left: 12px; top: 12px; display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; background: rgba(0,0,0,.6); color: #fff; font-family: var(--cond, inherit); font-size: 12.5px; font-weight: 700; letter-spacing: .3px; }
.gz-tag i { width: 8px; height: 8px; border-radius: 50%; background: var(--gzc); box-shadow: 0 0 0 3px color-mix(in srgb, var(--gzc) 35%, transparent); }
.gz-bt { display: flex; flex-direction: column; gap: 2px; padding: 10px 2px 2px; }
.gz-bt b { font-family: var(--cond, inherit); font-size: 17px; color: var(--ink, #111); }
.gz-meta { font-size: 12.5px; color: var(--muted, #6b7280); }
.gz-open:hover .gz-bt b { color: var(--gzc); }
/* sade */
.gz-st-mini { display: grid; grid-template-columns: 112px 1fr; gap: 12px; align-items: center; }
.gz-st-mini .gz-pics { aspect-ratio: 16 / 10; }
.gz-st-mini .gz-pl { width: 40px; height: 40px; margin: -20px 0 0 -20px; }
.gz-st-mini .gz-pl svg { width: 20px; height: 20px; margin-left: 2px; }
.gz-st-mini .gz-pl::before, .gz-st-mini .gz-tag { display: none; }
.gz-st-mini .gz-bt { padding: 0; }
/* yalnız düğme */
.gz-btnonly { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: var(--radius, 8px); background: var(--gzc); color: #fff; }
.gz-btnonly .gz-pl { position: static; margin: 0; width: 42px; height: 42px; background: rgba(255,255,255,.2); box-shadow: none; flex: none; }
.gz-btnonly .gz-pl svg { width: 20px; height: 20px; }
.gz-btnonly .gz-pl::before { display: none; }
.gz-btnonly .gz-bt { padding: 0; }
.gz-btnonly .gz-bt b, .gz-btnonly:hover .gz-bt b { color: #fff; }
.gz-btnonly .gz-meta { color: rgba(255,255,255,.85); }

/* ---------- V1.1.0: takvim (geniş alan) ve renkli çerçeve ---------- */
.gz-body { --gzc: var(--gz, var(--main, #da171e)); }
.gz-has-cal .gz-body { display: grid; grid-template-columns: minmax(0, 1fr) 272px; gap: 20px; align-items: center; }
.gz-has-cal .gz-st-mini { grid-template-columns: minmax(140px, 48%) 1fr; }
.gz-empty { display: flex; flex-direction: column; gap: 4px; padding: 18px; border-radius: var(--radius, 8px); background: color-mix(in srgb, var(--gzc) 8%, transparent); }
.gz-empty b { font-family: var(--cond, inherit); font-size: 17px; color: var(--ink, #111); }
.gz-empty span { font-size: 13.5px; color: var(--muted, #6b7280); }
.gz-cal { padding: 8px 10px 8px; border: 1px solid var(--line, #e5e7eb); border-radius: var(--radius, 8px); background: var(--card, #fff); }
.gz-cal-h { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; }
.gz-cal-t { font-family: var(--cond, inherit); font-size: 14.5px; color: var(--ink, #111); }
.gz-cal-nav { width: 28px; height: 28px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--ink, #111); cursor: pointer; }
.gz-cal-nav svg { width: 16px; height: 16px; }
.gz-cal-nav:hover:not(:disabled), .gz-cal-nav:focus-visible { background: color-mix(in srgb, var(--gzc) 12%, transparent); color: var(--gzc); outline: none; }
.gz-cal-nav:disabled { opacity: .3; cursor: default; }
.gz-cal-w, .gz-cal-g { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
.gz-cal-w span { text-align: center; font-size: 10.5px; font-weight: 700; color: var(--muted, #6b7280); padding-bottom: 2px; }
.gz-d { position: relative; display: grid; place-items: center; height: 27px; padding: 0; border: 0; border-radius: 5px; background: transparent; font: inherit; font-size: 12.5px; color: var(--ink, #111); }
.gz-d-off, .gz-d-wait { opacity: .38; }
.gz-d-wait { animation: gzWait 1s ease-in-out infinite alternate; }
@keyframes gzWait { to { opacity: .15; } }
.gz-d-on { font-weight: 700; background: color-mix(in srgb, var(--gzc) 9%, transparent); cursor: pointer; transition: background .15s, color .15s; }
.gz-d-on i { position: absolute; left: 50%; bottom: 2px; width: 3px; height: 3px; margin-left: -1.5px; border-radius: 50%; background: var(--gzc); }
.gz-d-on:hover, .gz-d-on:focus-visible, .gz-d-sel { background: var(--gzc); color: #fff; outline: none; }
.gz-d-on:hover i, .gz-d-on:focus-visible i, .gz-d-sel i { background: #fff; }
.gz-d-today { box-shadow: inset 0 0 0 2px var(--gzc); }
.gz-d-load { animation: gzWait .6s ease-in-out infinite alternate; }
.gz-cal-n { margin: 5px 0 0; font-size: 11.5px; color: var(--muted, #6b7280); text-align: center; }
@media (max-width: 720px) { .gz-has-cal .gz-body { grid-template-columns: 1fr; gap: 12px; } .gz-has-cal .gz-cal { width: 100%; max-width: 300px; margin: 0 auto; } .gz-has-cal .gz-d { height: 25px; } }
.gz-fr .gz-body { padding: 12px; border: 2px solid var(--gzf, var(--gzc)); border-radius: calc(var(--radius, 8px) + 4px); }
.gz-fr-thick .gz-body { border-width: 4px; }
.gz-fr-glow .gz-body { border-width: 3px; animation: gzGlow 2.2s ease-in-out infinite; }
@keyframes gzGlow { 0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--gzf, var(--gzc)) 0%, transparent); } 50% { box-shadow: 0 0 0 5px color-mix(in srgb, var(--gzf, var(--gzc)) 28%, transparent), 0 0 22px color-mix(in srgb, var(--gzf, var(--gzc)) 45%, transparent); } }
@media (prefers-reduced-motion: reduce) { .gz-fr-glow .gz-body, .gz-d-wait, .gz-d-load, .gz-pl::before { animation: none; } }

/* ---------- Sunum ---------- */
html.gz-lock, html.gz-lock body { overflow: hidden !important; }
.gz-ov { --gzc: var(--gz, var(--main, #da171e)); position: fixed; inset: 0; z-index: 3000; opacity: 0; transition: opacity .2s ease; font-family: var(--font, inherit); }
.gz-ov[hidden] { display: none; }
.gz-ov.gz-in { opacity: 1; }
.gz-back { position: absolute; inset: 0; background: rgba(5,6,10,.88); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.gz-wrap { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: grid; place-items: center; }
.gz-wrap.gz-rot { transform: translate(-50%, -50%) rotate(90deg); }
.gz-stage, .gz-stage h2, .gz-stage h3, .gz-stage p, .gz-stage span, .gz-stage b { color: #fff; }
.gz-stage { --u: 9px; position: relative; overflow: hidden; background: #000; border-radius: calc(var(--u) * 1.2); box-shadow: 0 30px 80px rgba(0,0,0,.6); color: #fff; transform: scale(.97); transition: transform .25s ease; }
.gz-in .gz-stage { transform: none; }
.gz-stage.gz-full { border-radius: 0; box-shadow: none; }
/* görseller */
.gz-layer { position: absolute; inset: 0; opacity: 0; transition: opacity .7s ease; background: radial-gradient(120% 90% at 75% 20%, color-mix(in srgb, var(--gzc) 55%, #10131c) 0%, #10131c 62%, #05060a 100%); }
.gz-layer img:not([src]) { visibility: hidden; }
.gz-layer.gz-on { opacity: 1; }
.gz-layer img { width: 100%; height: 100%; object-fit: cover; display: block; transform-origin: 60% 40%; }
.gz-layer.gz-kb img { animation: gzKb 14s ease-out forwards; }
.gz-lb img { transform-origin: 35% 55%; }
@keyframes gzKb { from { transform: scale(1); } to { transform: scale(1.12); } }
.gz-paused .gz-layer.gz-kb img { animation-play-state: paused; }
.gz-grad { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.45) 14%, rgba(0,0,0,0) 26%, rgba(0,0,0,0) 45%, rgba(0,0,0,.6) 80%, rgba(0,0,0,.85) 100%); pointer-events: none; }
.gz-is-card .gz-grad { background: rgba(0,0,0,.66); }
.gz-is-card .gz-layer img { filter: blur(8px) brightness(.85); }
/* ilerleme */
.gz-bars { position: absolute; left: calc(var(--u) * 2); right: calc(var(--u) * 2); top: calc(var(--u) * 1.3); z-index: 3; display: flex; gap: calc(var(--u) * .4); }
.gz-bars i { flex: 1; height: max(3px, calc(var(--u) * .35)); border-radius: 3px; background: rgba(255,255,255,.3); overflow: hidden; }
.gz-bars b { display: block; height: 100%; width: 0; background: #fff; }
/* üst satır */
.gz-top { position: absolute; left: calc(var(--u) * 2); right: calc(var(--u) * 1.4); top: calc(var(--u) * 2.6); z-index: 3; display: flex; align-items: center; gap: calc(var(--u) * 1.2); }
.gz-logo { height: calc(var(--u) * 4); max-width: calc(var(--u) * 22); object-fit: contain; filter: drop-shadow(0 2px 6px rgba(0,0,0,.5)); }
.gz-site { font-family: var(--cond, inherit); font-weight: 800; font-size: calc(var(--u) * 2.4); text-shadow: 0 2px 8px rgba(0,0,0,.6); }
.gz-ttl { display: flex; flex-direction: column; line-height: 1.15; padding-left: calc(var(--u) * 1.2); border-left: 2px solid rgba(255,255,255,.35); }
.gz-ttl b { font-family: var(--cond, inherit); font-size: calc(var(--u) * 2); letter-spacing: .3px; }
.gz-ttl span { font-size: calc(var(--u) * 1.35); opacity: .8; }
.gz-count { margin-left: auto; font-size: calc(var(--u) * 1.5); font-weight: 700; padding: calc(var(--u) * .4) calc(var(--u) * 1); border-radius: 999px; background: rgba(0,0,0,.45); }
.gz-x { width: calc(var(--u) * 4.4); height: calc(var(--u) * 4.4); min-width: 34px; min-height: 34px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 50%; background: rgba(0,0,0,.5); color: #fff; cursor: pointer; }
.gz-x svg { width: 55%; height: 55%; }
.gz-x:hover, .gz-x:focus-visible { background: var(--gzc); outline: none; }
/* haber yazısı */
.gz-cap { position: absolute; left: calc(var(--u) * 2.2); bottom: calc(var(--u) * 7.4); z-index: 3; width: fit-content; max-width: min(calc(100% - var(--u) * 4.4), calc(var(--u) * 80)); box-sizing: border-box; padding: calc(var(--u) * 1.6) calc(var(--u) * 2) calc(var(--u) * 1.8); border-radius: calc(var(--u) * 1); background: rgba(0,0,0,var(--gzcap, .66)); -webkit-backdrop-filter: blur(calc(var(--gzcap, .66) * 10px)); backdrop-filter: blur(calc(var(--gzcap, .66) * 10px)); }
.gz-is-card .gz-cap { display: none; }
.gz-capmeta { display: flex; align-items: center; gap: calc(var(--u) * 1); margin-bottom: calc(var(--u) * 1); }
.gz-cat { padding: calc(var(--u) * .35) calc(var(--u) * 1); border-radius: calc(var(--u) * .4); background: var(--c, var(--gzc)); font-family: var(--cond, inherit); font-weight: 800; font-size: calc(var(--u) * 1.35); text-transform: uppercase; letter-spacing: .3px; }
.gz-time { font-size: calc(var(--u) * 1.35); opacity: .85; }
.gz-stage .gz-t { color: #fff !important; }
.gz-t { margin: 0; font-family: var(--cond, inherit); font-weight: 800; font-size: calc(var(--u) * 3.6); line-height: 1.12; text-shadow: 0 2px 14px rgba(0,0,0,.55); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.gz-s { margin: calc(var(--u) * 1) 0 0; font-size: calc(var(--u) * 1.75); line-height: 1.4; opacity: .92; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.gz-go { display: inline-flex; align-items: center; gap: calc(var(--u) * .6); margin-top: calc(var(--u) * 1.4); padding: calc(var(--u) * .8) calc(var(--u) * 1.6); border-radius: 999px; background: var(--gzc); color: #fff !important; font-weight: 700; font-size: calc(var(--u) * 1.5); text-decoration: none !important; position: relative; z-index: 4; }
.gz-go svg { width: calc(var(--u) * 1.6); height: calc(var(--u) * 1.6); }
.gz-go:hover, .gz-go:focus-visible { filter: brightness(1.1); outline: 2px solid #fff; outline-offset: 2px; }
/* açılış / kapanış kartı */
.gz-card { position: absolute; inset: 0; z-index: 2; display: none; place-items: center; text-align: center; }
.gz-is-card .gz-card { display: grid; }
.gz-card-in { display: flex; flex-direction: column; align-items: center; gap: calc(var(--u) * 1.2); padding: 0 calc(var(--u) * 6); animation: gzUp .6s ease both; }
@keyframes gzUp { from { transform: translateY(calc(var(--u) * 2)); opacity: 0; } to { transform: none; opacity: 1; } }
.gz-card-in img { max-height: calc(var(--u) * 9); max-width: calc(var(--u) * 46); object-fit: contain; filter: drop-shadow(0 4px 14px rgba(0,0,0,.6)); }
.gz-cs { font-family: var(--cond, inherit); font-size: calc(var(--u) * 5); font-weight: 800; }
.gz-card-in h2 { margin: 0; font-family: var(--cond, inherit); font-size: calc(var(--u) * 5.6); font-weight: 800; line-height: 1.05; color: #fff; }
.gz-card-in h2::after { content: ""; display: block; width: calc(var(--u) * 9); height: calc(var(--u) * .6); margin: calc(var(--u) * 1.4) auto 0; border-radius: 4px; background: var(--gzc); }
.gz-card-in p { margin: 0; font-size: calc(var(--u) * 2); opacity: .9; }
.gz-again { display: inline-flex; align-items: center; gap: calc(var(--u) * .6); margin-top: calc(var(--u) * 1); padding: calc(var(--u) * .9) calc(var(--u) * 2); border: 0; border-radius: 999px; background: var(--gzc); color: #fff; font: inherit; font-weight: 700; font-size: calc(var(--u) * 1.6); cursor: pointer; }
.gz-again svg { width: calc(var(--u) * 1.8); height: calc(var(--u) * 1.8); }
/* dokunma alanları */
.gz-zone { position: absolute; top: 18%; bottom: 22%; z-index: 2; width: 26%; padding: 0; border: 0; background: transparent; cursor: pointer; }
.gz-zl { left: 0; } .gz-zr { right: 0; }
.gz-zone:focus-visible { outline: 2px dashed rgba(255,255,255,.6); outline-offset: -6px; }
/* denetimler */
.gz-ctl { position: absolute; right: calc(var(--u) * 2); bottom: calc(var(--u) * 1.8); z-index: 4; display: flex; align-items: center; gap: calc(var(--u) * .6); padding: calc(var(--u) * .5); border-radius: 999px; background: rgba(0,0,0,.55); backdrop-filter: blur(4px); }
.gz-b { width: calc(var(--u) * 4.2); height: calc(var(--u) * 4.2); min-width: 32px; min-height: 32px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #fff; cursor: pointer; }
.gz-b svg { width: 52%; height: 52%; }
.gz-b:hover, .gz-b:focus-visible { background: rgba(255,255,255,.18); outline: none; }
.gz-play { background: var(--gzc); }
.gz-play:hover, .gz-play:focus-visible { background: var(--gzc); filter: brightness(1.12); }
.gz-b[hidden] { display: none; }
.gz-rate { height: calc(var(--u) * 3.4); min-height: 28px; padding: 0 calc(var(--u) * .6); border: 1px solid rgba(255,255,255,.3); border-radius: 999px; background: transparent; color: #fff; font: inherit; font-size: max(12px, calc(var(--u) * 1.3)); cursor: pointer; }
.gz-rate option { color: #111; }
.gz-note { position: absolute; left: calc(var(--u) * 3.2); bottom: calc(var(--u) * 2.4); z-index: 4; max-width: 55%; padding: calc(var(--u) * .5) calc(var(--u) * 1.2); border-radius: 999px; background: rgba(0,0,0,.6); font-size: max(11px, calc(var(--u) * 1.25)); }
.gz-note[hidden] { display: none; }
@media (prefers-reduced-motion: reduce) {
  .gz-layer.gz-kb img, .gz-pl::before, .gz-card-in { animation: none; }
  .gz-layer, .gz-ov, .gz-stage { transition: none; }
}
.gz-count:empty { visibility: hidden; }