@charset "UTF-8";
/*
 * "Görüş ve öneri kutusu" penceresi (inc/feedback.php, assets/js/feedback.js; paket cl, 2026-11-08).
 * Taban .kp-fb kuralları v3.css'te (eski pencere); burada yalnız yeni alanlar ve genişlik. Ayrı dosya: cl başka paketlere bağlı kalmasın.
 */
.kp-fb { width: min(560px, calc(100vw - 32px)); }
/* Pencere açıkken arka plan (kullanıcı 2026-11-08: "kayan yazı tekliyor, pencere açılınca yavaşlıyor"): tam ekran bulanıklık arkadaki her
   kıpırdayan şeyde (kayan yazı, pist, rozetler) her karede yeniden hesaplanıyordu → bulanıklık yok, biraz daha koyu düz perde; arkadaki
   sürekli animasyonlar pencere açıkken durur (yalnız transform/opacity, kapanınca kaldığı yerden sürer). */
.kp-fb::backdrop { -webkit-backdrop-filter: none; backdrop-filter: none; background: rgba(11, 43, 69, .58); }
html.kp-fb-open .kp-ticker-track,
html.kp-fb-open .kp-rez-b,
html.kp-fb-open .kp-spk { animation-play-state: paused !important; }
.kp-fb fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.kp-fb fieldset.kp-fb-type { margin: 0 0 18px; } /* yukarıdaki sıfırlama v3.css'teki alt boşluğu siliyordu */
.kp-fb [hidden] { display: none !important; }
.kp-fb-q { display: block; margin: 0 0 8px; padding: 0; font-size: 14px; font-weight: 600; color: var(--v2-navy); }
.kp-fb-q small { font-weight: 500; color: var(--v2-muted); }

/* Ne hakkında? */
.kp-fb-areas { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0 0 18px !important; }
.kp-fb-areas legend { grid-column: 1 / -1; float: left; width: 100%; }
/* Etiket esnek kutu: içteki kart satır yüksekliğini doldurur, etiketin dışına taşmaz (height:100% taşıyordu; kullanıcı 2026-11-08) */
.kp-fb-area { position: relative; display: flex; min-width: 0; cursor: pointer; }
.kp-fb-area input,
.kp-fb-chip input,
.kp-fb-rate input { position: absolute; opacity: 0; pointer-events: none; }
.kp-fb-area span {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 5px;
	flex: 1 1 auto;
	box-sizing: border-box;
	width: 100%;
	padding: 14px 8px 12px;
	border-radius: 18px;
	background: var(--ice-1);
	color: var(--v2-navy);
	text-align: center;
	line-height: 1.25;
	transition: background-color .15s, color .15s;
}
.kp-fb-area svg { width: 30px; height: 30px; }
.kp-fb-area b { font-size: 14px; }
.kp-fb-area small { font-size: 11.5px; color: var(--v2-muted); }
.kp-fb-area input:checked + span { background: var(--v2-navy); color: #fff; }
.kp-fb-area input:checked + span small { color: #CFE0EE; }
.kp-fb-area.is-kafe span { background: #F5EDE3; color: #8A6A45; }
.kp-fb-area.is-kafe input:checked + span { background: #8A6A45; color: #fff; }
.kp-fb-area.is-kafe input:checked + span small { color: #F3E6D6; }
.kp-fb-area input:focus-visible + span,
.kp-fb-chip input:focus-visible + span,
.kp-fb-rate input:focus-visible + span { outline: 2px solid var(--v2-blue); outline-offset: 2px; }

/* Konu */
.kp-fb-cats { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 14px !important; }
.kp-fb-cats legend { float: left; width: 100%; }
.kp-fb-chip { position: relative; cursor: pointer; }
.kp-fb-chip span {
	display: inline-block;
	padding: 6px 12px;
	border-radius: 999px;
	background: #fff;
	box-shadow: inset 0 0 0 1.5px var(--v2-line);
	color: var(--v2-ink);
	font-size: 13px;
	font-weight: 500;
}
.kp-fb-chip.is-other span { box-shadow: none; outline: 1.5px dashed var(--v2-line); outline-offset: -1.5px; }
.kp-fb-chip input:checked + span { background: var(--ice-1); box-shadow: inset 0 0 0 1.5px var(--v2-navy); outline: 0; color: var(--v2-navy); font-weight: 600; }

/* Memnuniyet */
.kp-fb-rate { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 16px !important; }
.kp-fb-rate legend { float: left; width: 100%; }
.kp-fb-rate label { position: relative; flex: 1 1 0; min-width: 52px; cursor: pointer; }
.kp-fb-rate span {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
	padding: 8px 4px;
	border-radius: 14px;
	background: var(--ice-1);
	color: var(--v2-navy);
	font-size: 11.5px;
	font-weight: 600;
}
.kp-fb-rate i { font-style: normal; font-size: 22px; line-height: 1; filter: grayscale(1); opacity: .7; }
.kp-fb-rate input:checked + span { background: var(--v2-navy); color: #fff; }
.kp-fb-rate input:checked + span i { filter: none; opacity: 1; }

/* Ne zaman geldiniz? */
.kp-fb-visit { margin: 0 0 14px; padding: 10px 14px; border-radius: 14px; background: #F4F8FB; }
.kp-fb-visit summary { cursor: pointer; font-size: 14px; font-weight: 600; color: var(--v2-navy); }
.kp-fb-visit-in { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 10px; }
.kp-fb-visit-in .kp-fb-field { margin: 0; }
.kp-fb-field input[type="date"] { min-height: 46px; }

.kp-fb-urgent { margin: 0 0 14px; padding: 10px 14px; border-radius: 12px; background: #FFF5D9; color: #4A3A12; font-size: 13.5px; }

@media (max-width: 600px) {
	.kp-fb-areas { gap: 6px; }
	.kp-fb-area small { display: none; }
	.kp-fb-area span { padding: 12px 4px 10px; }
	.kp-fb-visit-in { grid-template-columns: 1fr; }
	.kp-fb-field input[type="text"], .kp-fb-field input[type="date"] { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
	.kp-fb-area span { transition: none; }
}