/* Günaydın Ankara Üst Bant — temanın 1200px kutusuna hizalı, ince bilgi bandı */
.gab-bant {
	--gab-up: #0a7d3b;     /* 4.5:1 üstü kontrast, açık gri zeminde */
	--gab-down: #c40000;
	--gab-text: #1b1b1b;
	--gab-muted: #5c6370;
	background: #f4f5f7;
	border-bottom: 1px solid #e3e5e9;
	color: var(--gab-text);
	font-family: 'Roboto', Arial, sans-serif;
	position: relative;
	width: 100%;
	z-index: 2;
	}

.gab-ic {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	gap: 24px;
	margin: 0 auto;
	max-width: 1200px;
	min-height: 48px;
	padding: 6px 0;
	}

.gab-tarih {
	color: var(--gab-muted);
	flex: none;
	font-size: 13px;
	font-weight: 500;
	white-space: nowrap;
	}

.gab-liste {
	display: flex;
	flex: 1;
	gap: 8px 28px;
	justify-content: flex-end;
	list-style: none;
	margin: 0;
	padding: 0;
	}

.gab-kalem {
	display: grid;
	grid-template-columns: auto auto;
	column-gap: 6px;
	line-height: 1.25;
	white-space: nowrap;
	}

.gab-ad {
	color: var(--gab-muted);
	font-size: 11px;
	font-weight: 700;
	grid-column: 1 / -1;
	letter-spacing: .04em;
	}

.gab-ok { font-size: 9px; }
.gab-up .gab-ok, .gab-up .gab-degisim { color: var(--gab-up); }
.gab-down .gab-ok, .gab-down .gab-degisim { color: var(--gab-down); }

.gab-satir { grid-column: 1 / -1; }
.gab-deger { font-size: 15px; font-weight: 700; font-variant-numeric: tabular-nums; }
.gab-degisim, .gab-durum { color: var(--gab-muted); font-size: 12px; font-variant-numeric: tabular-nums; }

.gab-hava { grid-template-columns: 22px auto; }
.gab-hava .gab-ikon { color: var(--gab-muted); grid-row: 1 / span 2; align-self: center; }
.gab-hava .gab-ad, .gab-hava .gab-satir { grid-column: 2; }

@media screen and (max-width: 1239px) {
	.gab-ic { padding-left: 20px; padding-right: 20px; }
	}

/* Mobil: tek satır, yatay kaydırma */
@media screen and (max-width: 767px) {
	.gab-ic { gap: 16px; min-height: 44px; overflow-x: auto; padding: 6px 16px; scrollbar-width: none; }
	.gab-ic::-webkit-scrollbar { display: none; }
	.gab-tarih { font-size: 12px; }
	.gab-liste { justify-content: flex-start; gap: 20px; }
	.gab-deger { font-size: 14px; }
	}

/* Radio loads only after the visitor opens it. */
.gab-radyo-ac{display:inline-flex;align-items:center;gap:8px;flex:none;border:0;background:transparent;color:#202020;padding:4px 0;font:700 13px/1.3 Roboto,Arial,sans-serif;white-space:nowrap;cursor:pointer}
.gab-radyo-play{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:#ff0000;color:#fff}
.gab-radyo-ac:hover{color:#e00000}
.gab-radyo-ac:focus-visible,.gab-radyo-kapat:focus-visible{outline:2px solid #f00;outline-offset:4px}

.gab-radio-bar[hidden]{display:none!important}
.gab-radio-bar{position:fixed;inset:auto 0 0;z-index:2147483000;height:72px;background:#fff;border-top:2px solid #f00;box-shadow:0 -4px 22px #0001;color:#171717;font-family:Roboto,Arial,sans-serif;box-sizing:border-box}
.gab-radio-inner{display:flex;align-items:center;gap:16px;max-width:1200px;height:100%;margin:auto;padding:0 20px;box-sizing:border-box}
.gab-radio-toggle{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#f00;color:white;cursor:pointer}
.gab-radio-info{display:flex;flex-direction:column;gap:3px;min-width:0}
.gab-radio-info strong{font:500 19px/1.2 Oswald,Arial,sans-serif}
.gab-radio-status{font:11px/1.3 Roboto,Arial,sans-serif;color:#666}
.gab-radio-live{display:flex;align-items:center;gap:6px;font:700 10px/1 Roboto,Arial,sans-serif;color:#f00;margin-left:12px;white-space:nowrap}
.gab-radio-live i{width:6px;height:6px;border-radius:50%;background:currentColor}
.gab-radio-volume{display:flex;align-items:center;gap:10px;margin-left:auto;color:#555}
.gab-radio-volume input{width:100px;accent-color:#f00;cursor:pointer}
.gab-radio-close{display:grid;place-items:center;flex:none;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:#555;font:26px/1 Arial,sans-serif;cursor:pointer}
.gab-radio-bar button:focus-visible,.gab-radio-volume input:focus-visible{outline:2px solid #222;outline-offset:3px}
body.gab-radio-visible{padding-bottom:72px!important}
#gab-site-frame{position:fixed;inset:0 0 72px;z-index:2147482000;width:100%;height:calc(100dvh - 72px);border:0;background:#fff}
body.gab-radio-shell{overflow:hidden!important;padding:0!important}
body.gab-radio-shell>:not(#gab-radio-bar):not(#gab-site-frame):not(script):not(style):not(link){display:none!important}
body.gab-radio-child #gab-radio-bar{display:none!important}
@media(max-width:1100px) and (min-width:768px){.gab-ic{gap:16px;flex-wrap:wrap}.gab-liste{gap:20px;margin-left:auto}.gab-radyo-ac{font-size:12px}}
@media(max-width:767px){.gab-radyo-ac{font-size:12px;order:-1}.gab-radyo-play{width:26px;height:26px}.gab-radio-inner{gap:10px;padding:0 12px}.gab-radio-info strong{font-size:16px}.gab-radio-live{margin-left:auto;font-size:9px}.gab-radio-volume{display:none}.gab-radio-toggle{width:40px;height:40px}}
body.gab-radio-shell:not(.gab-radio-visible) #gab-site-frame{bottom:0;height:100dvh}
.gab-radyo-ac.is-playing .gab-radyo-play{box-shadow:0 0 0 3px #ff000020}

/* Mobil: iki satır. Üstte radyo + tarih, altta kurlar ve hava ekrana eşit dağılır (yana kaydırma yok).
   Sığması için yüzde değişim ve hava durumu yazısı gizlenir; yükseliş/düşüş oku kalır. */
@media screen and (max-width: 767px) {
	.gab-ic { flex-wrap: wrap; gap: 6px 12px; overflow-x: visible; padding: 8px 12px; }
	.gab-radyo-ac { order: -1; }
	.gab-tarih { margin-left: auto; font-size: 11px; }
	.gab-liste { flex: 1 1 100%; justify-content: space-between; gap: 6px; }
	.gab-kalem { grid-template-columns: auto; justify-items: start; }
	.gab-ad { font-size: 10px; }
	.gab-deger { font-size: 13px; }
	.gab-degisim, .gab-durum { display: none; }
	.gab-hava { grid-template-columns: auto auto; column-gap: 4px; align-items: end; }
	.gab-hava .gab-ikon { width: 16px; height: 16px; }
}