/* ============================================================
   #bx-overlay — asit renk şeması
   Sadece siteye ilk girişte çıkan üyelik overlay'ini boyar.
   Contact (#bx-contact), plans (#bx-plans) ve liste
   (#bx-liste-overlay) overlay'leri etkilenmez.
   Asit tonu (#d9ff2e) sitenin kendi kartlarında kullanılan renk.
   !important'lar zorunlu: bx-palette.css kutu/buton/input
   renklerini zaten !important ile veriyor.
   ============================================================ */

#bx-overlay {
	--bx-acid: #d9ff2e;
	--bx-acid-dim: #b8d927;
}

#bx-overlay .bx-overlay-backdrop {
	background: rgba(0, 0, 0, .88);
}

#bx-overlay > .bx-overlay-box {
	background: #0b0b0b !important;
	border-color: var(--bx-acid) !important;
}

#bx-overlay .bx-overlay-tag,
#bx-overlay .bx-overlay-title {
	color: var(--bx-acid) !important;
}

#bx-overlay > .bx-overlay-box p {
	color: #c9c9c9 !important;
}

#bx-overlay .bx-overlay-form {
	border-top-color: #242424 !important;
}

#bx-overlay .bx-overlay-form-label {
	color: var(--bx-acid) !important;
}

#bx-overlay .bx-overlay-box .bx-overlay-form-note,
#bx-overlay .bx-overlay-box .bx-overlay-form-fine {
	color: #8a8a8a !important;
}

#bx-overlay .bx-overlay-x,
#bx-overlay .bx-overlay-later {
	color: #8a8a8a !important;
}

#bx-overlay .bx-overlay-x:hover,
#bx-overlay .bx-overlay-later:hover {
	color: var(--bx-acid) !important;
}

#bx-overlay .bx-overlay-form input[type="email"],
#bx-overlay .bx-overlay-form input[type="text"] {
	background: #141414 !important;
	color: #fff !important;
	border-color: #2a2a2a !important;
}

#bx-overlay .bx-overlay-form input[type="email"]:focus,
#bx-overlay .bx-overlay-form input[type="text"]:focus {
	outline: none;
	border-color: var(--bx-acid) !important;
	box-shadow: 0 0 0 2px rgba(217, 255, 46, .25);
}

/* "Abone Ol" (Jetpack abonelik formu) */
#bx-overlay .bx-overlay-form button,
#bx-overlay .bx-overlay-form input[type="submit"],
#bx-overlay .bx-overlay-form .wp-block-button__link {
	background: var(--bx-acid) !important;
	border-color: var(--bx-acid) !important;
	color: #0b0b0b !important;
}

#bx-overlay .bx-overlay-form button:hover,
#bx-overlay .bx-overlay-form input[type="submit"]:hover,
#bx-overlay .bx-overlay-form .wp-block-button__link:hover {
	background: var(--bx-acid-dim) !important;
	border-color: var(--bx-acid-dim) !important;
	color: #0b0b0b !important;
}

/* "Paketleri gör" */
#bx-overlay .bx-overlay-actions .bx-btn {
	background: var(--bx-acid) !important;
	border-color: var(--bx-acid) !important;
	color: #0b0b0b !important;
}

#bx-overlay .bx-overlay-actions .bx-btn:hover {
	background: var(--bx-acid-dim) !important;
	border-color: var(--bx-acid-dim) !important;
	color: #0b0b0b !important;
}


/* ============================================================
   .bx-nc-bas — üst bant logolarını saat kartıyla hizala
   Sorun: kap zaten kartla hizalı ama 37.68px yatay padding
   logoları içeri itiyor; grid sütunları da otomatik genişlikte
   olduğu için hamburger gerçek merkeze denk gelmiyor.
   Çözüm: yatay padding 0, sütunlar 1fr auto 1fr.
   Yalnızca masaüstü: 2 Ağustos 2026'da @media ile sınırlandı.
   Öncesinde dar ekrandaki 4vw dolguyu da siliyor, işaretleri
   ekran kenarına yapıştırıyordu.
   ============================================================ */

@media (min-width: 992px) {
.bx-nc-bas {
	padding-left: 0 !important;
	padding-right: 0 !important;
	grid-template-columns: 1fr auto 1fr !important;
	justify-content: stretch !important;
	justify-items: stretch !important;
}

/* sol logo (MAG) — kartın sol kenarına */
.bx-nc-bas > .bx-nc-bas-logo {
	justify-self: start !important;
}

/* hamburger — kabın gerçek merkezine */
.bx-nc-bas > .bx-nc-hamburger {
	justify-self: center !important;
}

/* sağ logo (JUST UNITE) — kartın sağ kenarına */
.bx-nc-bas > .bx-nc-hamburger ~ .bx-nc-bas-logo {
	justify-self: end !important;
}
}


/* ============================================================
   Asit aksan — kırmızıyı (#FF3B30) site genelinde değiştirir.
   Tema aksanı iki değişkenden geliyor; ikisi de asit yapıldı.
   Okunabilirlik: asit açık zeminde okunmadığı için aşağıdaki
   iki bileşen koyu zemine alındı.
   ============================================================ */

:root {
	--primary-color: #d9ff2e;
	--secondary-color: #d9ff2e;
	--bx-acid: #d9ff2e;
	--bx-acid-dim: #b8d927;
}

/* "Bize ulaşın" kutuları — ikon asit, kutu siyah.
   Açık zeminde asit ikon görünmüyordu. */
.bx-contact-way {
	background: #0b0b0b !important;
	border-color: #0b0b0b !important;
	color: #fff !important;
}

.bx-contact-way * {
	color: inherit !important;
}

.bx-contact-way i,
.bx-contact-way [class*="ri-"] {
	color: var(--bx-acid) !important;
}

.bx-contact-way:hover {
	border-color: var(--bx-acid) !important;
}

/* Çerez kutusu */
.bx-onay-panel .bx-btn {
	background: var(--bx-acid) !important;
	border-color: var(--bx-acid) !important;
	color: #0b0b0b !important;
}

.bx-onay-panel .bx-btn-ghost {
	background: transparent !important;
	border-color: #0b0b0b !important;
	color: #0b0b0b !important;
}

.bx-onay-panel input[type="checkbox"] {
	accent-color: var(--bx-acid);
}

/* Siyah kart varyantı — başlık #101010, zemin #0d0d0d idi;
   metin görünmüyordu. */
.bx-nc-r-siyah .bx-nc-h2 {
	color: var(--bx-acid) !important;
}

.bx-nc-r-siyah .bx-nc-p {
	color: #c9c9c9 !important;
}


/* ============================================================
   Asit okunabilirliği — asit açık zeminde okunmuyor.
   Asidi taşıyan yüzeyler koyu tona alındı.
   ============================================================ */

/* Tüm overlay kutuları (giriş, iletişim, paketler, liste) */
.bx-overlay-box {
	background: #0b0b0b !important;
	border-color: var(--bx-acid) !important;
	color: #fff !important;
}

.bx-overlay-box .bx-overlay-title,
.bx-overlay-box .bx-overlay-tag,
.bx-overlay-box .bx-overlay-form-label {
	color: var(--bx-acid) !important;
}

.bx-overlay-box p,
.bx-overlay-box li,
.bx-overlay-box small {
	color: #c9c9c9 !important;
}

.bx-overlay-box h1,
.bx-overlay-box h2,
.bx-overlay-box h3,
.bx-overlay-box h4,
.bx-overlay-box strong,
.bx-overlay-box b,
.bx-overlay-box label {
	color: #fff !important;
}

.bx-overlay-box input,
.bx-overlay-box textarea,
.bx-overlay-box select {
	background: #141414 !important;
	color: #fff !important;
	border-color: #2a2a2a !important;
}

.bx-overlay-box .bx-btn {
	background: var(--bx-acid) !important;
	border-color: var(--bx-acid) !important;
	color: #0b0b0b !important;
}

.bx-overlay-box .bx-btn-ghost {
	background: transparent !important;
	border-color: var(--bx-acid) !important;
	color: var(--bx-acid) !important;
}

/* Üyelik planı kartları */
.bx-plan {
	background: #0b0b0b !important;
	border-color: #242424 !important;
}

.bx-plan p,
.bx-plan li {
	color: #c9c9c9 !important;
}

.bx-plan h1,
.bx-plan h2,
.bx-plan h3,
.bx-plan h4,
.bx-plan strong {
	color: #fff !important;
}

.bx-plan-tag,
.bx-plan-price {
	color: var(--bx-acid) !important;
}

.bx-plan-thumb {
	background: #0b0b0b !important;
	border-color: #0b0b0b !important;
}

.bx-plan-thumb .bx-plan-thumb-name {
	color: #fff !important;
}

.bx-plan-thumb .bx-plan-thumb-period {
	color: #8a8a8a !important;
}

/* Radyo oynatıcı düğmesi */
.bx-player-toggle {
	background: #0b0b0b !important;
	border-color: #0b0b0b !important;
}


/* ============================================================
   Sepet > "Mağazada yeni" ürün ızgarası
   ul.wc-block-grid__products kendi genişliğine büzülüyordu
   (1100px kapta 473px). Sütunlar 25% olduğu için kartlar
   113px kalıyor, başlıklar kırpılıyordu.
   ============================================================ */

.wc-block-grid__products {
	width: 100% !important;
	max-width: none !important;
	gap: 20px !important;
	margin: 0 !important;
}

.wc-block-grid__products > .wc-block-grid__product {
	flex: 0 0 calc(25% - 15px) !important;
	max-width: calc(25% - 15px) !important;
	margin: 0 !important;
	padding: 0 !important;
}

@media (max-width: 900px) {
	.wc-block-grid__products > .wc-block-grid__product {
		flex-basis: calc(50% - 10px) !important;
		max-width: calc(50% - 10px) !important;
	}
}

@media (max-width: 560px) {
	.wc-block-grid__products > .wc-block-grid__product {
		flex-basis: 100% !important;
		max-width: 100% !important;
	}
}


/* ============================================================
   Ana sayfa üst bandı — logo kutusunu saat kartıyla hizala.
   Saat kartı yüksekliği calc(var(--nc-w) * 0.19), logo kutusu
   0.135 idi; kutular alttan hizasızdı. Logolar kutunun içinde
   zaten ortalı (align/justify center), yükseklik eşitlenince
   ikisi de aynı hatta oturuyor.
   ============================================================ */

.bx-nc-logo-kutu {
	height: calc(var(--nc-w) * 0.19) !important;
}


/* ============================================================
   Ust bant (.bx-nc-bas)
   1) Zemin govdeyle ayni: tema var(--nc-zemin) #f7f7f5 veriyordu,
      body ise #ececea. Bant siteden ayri bir serit gibi duruyordu.
      Sticky oldugu icin transparent yapilmadi; opak ayni ton.
   2) Menu saga yaslanir. Tema zaten justify-content:flex-end veriyor
      ama yukaridaki .bx-nc-bas kurali stretch ile eziyordu; sadece
      >=992px'te geri aliniyor (<=991px grid duzeni bozulmasin).
   3) Radyo (DISCOTHEQUE) kart sutununun sag kenarina hizalanir.
      Kartlar bantin 42px icinde basliyor; 42/1286 = %3.27.
      Sadece anasayfada: ic sayfalarda kart sutunu zaten bantla
      ayni genislikte, orada radyo bant kenarina yaslanir.
   Olculdu (1738px): radyo sag kenar 1463 = kart sag kenar 1463.
   ============================================================ */

.bx-nc-bas {
	background: #ececea !important;
}

@media (min-width: 992px) {
	.bx-nc-bas {
		justify-content: flex-end !important;
		justify-items: normal !important;
	}

	body.home .bx-nc-bas > .bx-nc-menu-radyo {
		margin-right: 3.27% !important;
	}
}


/* Dokunma hedefi alt siniri 24px (Lighthouse target-size). 2 Agustos 2026.
   Altbilgideki menu linkleri, yasal link satiri ve bulten e-posta alani
   17-23px yuksekligindeydi ve denetimi dusuruyordu. Yalnizca min-height
   ekleniyor; yazi tipi, renk ve genislik degismiyor. Altbilgi ~40px uzuyor. */
.bx-nc-dip-sutun a { min-height: 24px; display: flex; align-items: center; }
.bx-nc-yasal a,
.bx-nc-yasal button { min-height: 24px; display: inline-flex; align-items: center; }
.jetpack_subscription_widget input[type="email"] { min-height: 24px; }

/* Onay kutusu siyah blokta duruyor, Jetpack metni #101010 basıyor:
   siyah üzerine siyah. Gönderen hiçbir karşılık görmediği için formu
   tekrar yolluyordu (4 Ağu 2026). */
.bx-nc-tema .bx-nc-r-siyah .contact-form-submission{margin:0 0 var(--nc-ic);padding:calc(var(--nc-ic) * 1.2);border:2px solid var(--nc-kirmizi);color:#ffffff}
.bx-nc-tema .bx-nc-r-siyah .contact-form-submission h4{margin:0 0 .4em;color:var(--nc-kirmizi)}
.bx-nc-tema .bx-nc-r-siyah .contact-form-submission p,
.bx-nc-tema .bx-nc-r-siyah .contact-form-submission a,
.bx-nc-tema .bx-nc-r-siyah .contact-form-submission .jetpack_forms_contact-form-custom-success-message{color:#ffffff}
.bx-nc-tema .bx-nc-r-siyah .contact-form-submission .go-back-message a{text-decoration:underline}

/* Şerit flex ve hizalaması stretch olduğu için geniş metin bloğu
   yanındaki sütunun boyuna uzuyordu: iki paragraf, 1700 piksellik
   beyaz alan. Her blok kendi içeriği kadar olsun (4 Ağu 2026). */
@media (min-width: 992px){.bx-nc-tema .bx-nc-serit{align-items:flex-start}}

/* Etkinlik sayfasında metin kartı ile altındaki etkinlik kartları
   tek sütun. Genişlik sarmalayıcıda; min-width:0 olmazsa uzun
   sözcük şeridi taşırıyor (4 Ağu 2026). */
.bx-nc-tema .bx-nc-genis-sutun{flex:1 1 auto;min-width:0}
.bx-nc-tema .bx-nc-genis-sutun > .bx-nc-h2{margin-top:var(--nc-bosluk)}
.bx-nc-tema .bx-nc-genis-sutun > .bx-nc-liste{margin-bottom:calc(var(--nc-w) * 0.02)}

/* Kart saati. Eski adı `bx-nc-saat` idi ve mozaikteki kadranla
   çakışıyordu: saat 94x94 boş siyah kare olarak basılıyordu
   (4 Ağu 2026). */
.bx-nc-tema .bx-nc-kart-saat{display:inline-block;margin-left:calc(var(--nc-w) * 0.0045);padding:0 calc(var(--nc-w) * 0.004);background:var(--nc-siyah);color:var(--nc-kirmizi);font-weight:inherit}
.bx-nc-tema .bx-nc-kart-saat:first-child{margin-left:0}

/* Takvimdeki saat de kartlardaki gibi: siyah zeminde asit. Blok
   olduğu için etkinliğin adını alt satıra itiyordu (4 Ağu 2026). */
.bx-nc-tema .bx-month-time{display:inline-block;margin-right:calc(var(--nc-w) * 0.0045);padding:0 calc(var(--nc-w) * 0.004);background:var(--nc-siyah);color:var(--nc-kirmizi);font-weight:inherit}

/* Bugünün hücresi zaten asit dolu; saatin siyah kutusu orada ikinci
   bir vurgu oluyor (4 Ağu 2026). */
.bx-nc-tema .bx-month-day.is-today .bx-month-time{padding:0;background:none;color:inherit}

/* Ay bağları asit yazıydı, açık zeminde okunmuyordu. Pazartesi
   kapalı olduğumuz ekranda hiç yazmıyordu (4 Ağu 2026). */
.bx-nc-tema .bx-month-nav a,.bx-nc-tema .bx-month-nav a:hover{color:var(--nc-murekkep);text-decoration:underline}
.bx-nc-tema .bx-month-day.is-closed{position:relative}
.bx-nc-tema .bx-month-day.is-closed.has-event::after,.bx-nc-tema .bx-month-day.is-closed .bx-month-note{content:"Kapalı";position:absolute;top:0;right:0;padding:0 calc(var(--nc-w) * 0.004);background:var(--nc-siyah);color:#ffffff;font-size:calc(var(--nc-etiket) * 0.78);line-height:1.5}

/* Menüdeki sepet ikonu: harf gövdesi kadar, altı çizgisiz
   (4 Ağu 2026). */
.bx-nc-tema .bx-nc-menu > a.bx-nc-menu-ikon{text-decoration:none}
.bx-nc-tema .bx-nc-menu-ikon svg{display:inline-block;width:0.86em;height:0.86em;vertical-align:-0.1em}

/* Sergi künyesinin altındaki komşu sergi kartları (4 Ağu 2026). */
.bx-nc-tema .bx-nc-dar-sutun{flex:0 0 34%;min-width:0}
.bx-nc-tema .bx-nc-dar-sutun .bx-nc-blok--dar{flex:0 0 auto}
.bx-nc-tema .bx-nc-dar-sutun>.bx-nc-liste{margin:var(--nc-bosluk) 0 0}
@media (max-width:991px){
.bx-nc-tema .bx-nc-dar-sutun{display:contents}
.bx-nc-tema .bx-nc-dar-sutun>.bx-nc-liste{order:1;margin:0}
}

/* Dar sütundaki komşu sergi kartları: çok sütun hizalaması yok,
   sabit yükseklikler de gerekmiyor (4 Ağu 2026). */
.bx-nc-tema .bx-nc-dar-sutun .bx-nc-liste .bx-nc-kutu{min-height:0}
.bx-nc-tema .bx-nc-dar-sutun .bx-nc-liste .bx-nc-ad{display:block;-webkit-line-clamp:none;overflow:visible;min-height:0;max-height:none}

/* Saat ve rozet gün başlıklarıyla aynı boydaydı; ikisi yan yana
   gelen hücrede siyah kutular etkinliğin adını bastırıyordu
   (5 Ağu 2026). "Kapalı" notuyla aynı boya çekildi. */
body.bx-nc-tema .bx-month-day .bx-month-time{font-size:calc(var(--nc-etiket) * 0.78);line-height:1.5;padding:0 calc(var(--nc-w) * 0.003);margin-right:calc(var(--nc-w) * 0.003)}

/* uniteLIST eski bileşenden geliyor ve eski temanın yazı
   değişkenlerini kullanıyordu: Oswald ve Poppins. Sayfa aynı
   ekranda başka bir siteden gelmiş gibi duruyordu (5 Ağu 2026). */
body.bx-nc-tema .bx-liste-grid,body.bx-nc-tema .bx-liste-form,body.bx-nc-tema .bx-liste-f,body.bx-nc-tema .bx-lead,body.bx-nc-tema .bx-sub,body.bx-nc-tema .bx-liste-card-t,body.bx-nc-tema .bx-liste-card-type,body.bx-nc-tema .bx-liste-form input,body.bx-nc-tema .bx-liste-form select,body.bx-nc-tema .bx-liste-form textarea,body.bx-nc-tema .bx-liste-form button{font-family:inherit}

/* Gövde başlığı kalınlık belirtmiyordu, 400'e düşüyordu; sitenin
   başlığı 900. Varsayılan şablonlu sayfaların hepsini toparlar. */
body.bx-nc-tema .bx-nc-govde h2{font-weight:900}