/* ---------- Genel ---------- */
.wtt-watch-buttons, .wtt-episode-tracker, .wtt-rating-block, .wtt-reviews-block {
	margin: 24px 0;
	font-family: inherit;
}

/* ---------- Durum butonları ---------- */
.wtt-status-btn {
	background: #f0f0f1;
	border: 1px solid #ccc;
	border-radius: 20px;
	padding: 8px 16px;
	margin-right: 8px;
	cursor: pointer;
	font-size: 14px;
}

.wtt-status-btn.active {
	background: #2271b1;
	color: #fff;
	border-color: #2271b1;
}

.wtt-status-remove-btn {
	background: none;
	border: none;
	color: #a00;
	cursor: pointer;
	font-size: 13px;
}

/* ---------- İlerleme çubuğu ---------- */
.wtt-progress-bar-wrap, .wtt-grid-progress-bar-wrap {
	background: #eee;
	border-radius: 10px;
	height: 8px;
	overflow: hidden;
	margin: 6px 0;
}

.wtt-progress-bar, .wtt-grid-progress-bar {
	background: linear-gradient(90deg, #2271b1, #72aee6);
	height: 100%;
}

.wtt-progress-label {
	font-size: 13px;
	color: #555;
}

/* ---------- Sezon / bölüm listesi ---------- */
.wtt-season {
	border: 1px solid #e2e2e2;
	border-radius: 6px;
	margin-bottom: 8px;
	padding: 8px 12px;
}

.wtt-season summary {
	cursor: pointer;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 12px;
}

.wtt-season-toggle-btn {
	margin-left: auto;
	font-size: 12px;
	background: #f0f0f1;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 4px 8px;
	cursor: pointer;
}

.wtt-episode-list {
	list-style: none;
	margin: 10px 0 0;
	padding: 0;
}

.wtt-episode-item {
	padding: 4px 0;
	border-bottom: 1px dashed #eee;
}

.wtt-ep-date {
	color: #999;
	font-size: 12px;
	margin-left: 6px;
}

/* ---------- Puanlama ---------- */
.wtt-star-input {
	display: flex;
	gap: 4px;
}

.wtt-star {
	width: 26px;
	height: 26px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #eee;
	cursor: pointer;
	font-size: 12px;
}

.wtt-star.selected {
	background: #f5a623;
	color: #fff;
}

/* ---------- Yorumlar ---------- */
.wtt-review-form textarea {
	width: 100%;
	min-height: 80px;
	margin-bottom: 6px;
}

.wtt-review-item {
	border-bottom: 1px solid #eee;
	padding: 10px 0;
}

.wtt-spoiler-reveal-btn {
	background: #333;
	color: #fff;
	border: none;
	padding: 6px 10px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 12px;
}

/* ==========================================================================
   Profil — "bilet" koyu tema (mockup ile tutarlı, .wtt-profile altına scoped)
   ========================================================================== */
.wtt-profile {
	--bg-base: #0b0d14;
	--bg-elevated: #161a24;
	--bg-elevated-2: #1e2330;
	--accent: #f5b342;
	--accent-soft: rgba(245, 179, 66, 0.16);
	--teal: #3ed9a3;
	--text-primary: #f5f5f7;
	--text-muted: #9298ab;
	--text-faint: #5c6178;
	--border: rgba(255,255,255,0.08);

	background: var(--bg-base);
	color: var(--text-primary);
	border-radius: 18px;
	overflow: hidden;
	padding-bottom: 26px;
	font-family: inherit;
}

.wtt-profile-hero {
	height: 130px;
	background: linear-gradient(150deg, #23262f, #0c0d12);
}

.wtt-profile-card {
	margin: -42px 20px 0;
	position: relative;
	display: flex;
	align-items: flex-end;
	gap: 14px;
}

.wtt-avatar img {
	border-radius: 50%;
	border: 4px solid var(--bg-base);
	display: block;
}

.wtt-profile-name {
	font-size: 22px;
	font-weight: 800;
	margin: 0 0 8px;
	color: var(--text-primary);
}

.wtt-edit-btn {
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.5px;
	border: 1.5px solid var(--text-muted);
	color: var(--text-primary);
	border-radius: 20px;
	padding: 6px 14px;
	background: none;
	cursor: pointer;
}

.wtt-stat-strip {
	display: flex;
	margin: 22px 20px 0;
	border: 1px solid var(--border);
	border-radius: 16px;
	overflow: hidden;
}
.wtt-strip-cell {
	flex: 1;
	text-align: center;
	padding: 14px 6px;
	border-right: 1px solid var(--border);
}
.wtt-strip-cell:last-child { border-right: none; }
.wtt-strip-num { display: block; font-size: 20px; font-weight: 800; color: var(--accent); }
.wtt-strip-label { font-size: 10.5px; color: var(--text-faint); text-transform: uppercase; letter-spacing: 0.4px; }

.wtt-section-label {
	font-size: 11px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--text-faint);
	font-weight: 700;
	padding: 0 20px;
}

.wtt-stat-grid { display: flex; gap: 12px; margin: 0 20px; }
.wtt-stat-box { flex: 1; background: var(--bg-elevated); border: 1px solid var(--border); border-radius: 14px; padding: 14px; }
.wtt-stat-box-title { font-size: 11px; color: var(--text-faint); font-weight: 700; margin-bottom: 8px; }
.wtt-stat-box-big { font-size: 24px; font-weight: 800; }

.wtt-top-genre { padding: 0 20px; font-size: 12.5px; color: var(--text-faint); margin: 12px 0 0; }
.wtt-top-genre strong { color: var(--text-primary); }

.wtt-profile-tabs { padding: 0 20px; margin-top: 24px; }

.wtt-tab-nav {
	display: flex;
	gap: 20px;
	border-bottom: 1px solid var(--border);
	margin-bottom: 16px;
	overflow-x: auto;
}

.wtt-tab-link {
	background: none;
	border: none;
	padding: 10px 0;
	cursor: pointer;
	font-size: 13px;
	font-weight: 700;
	color: var(--text-faint);
	border-bottom: 2px solid transparent;
	white-space: nowrap;
}

.wtt-tab-link.active {
	border-bottom-color: var(--accent);
	color: var(--text-primary);
}

/* Sıradaki bölümler kuyruğu */
.wtt-queue-list { display: flex; flex-direction: column; gap: 12px; }
.wtt-queue-card {
	display: flex;
	gap: 12px;
	background: var(--bg-elevated);
	border: 1px solid var(--border);
	border-radius: 16px;
	padding: 10px;
	align-items: center;
	text-decoration: none;
	color: inherit;
}
.wtt-queue-thumb { width: 60px; height: 60px; border-radius: 10px; flex-shrink: 0; background: linear-gradient(135deg,#2b3346,#171a24); background-size: cover; background-position: center; }
.wtt-queue-info { flex: 1; min-width: 0; }
.wtt-show-pill {
	display: inline-block;
	font-size: 10.5px;
	font-weight: 700;
	color: var(--text-muted);
	border: 1px solid var(--border);
	border-radius: 20px;
	padding: 3px 10px;
	margin-bottom: 6px;
}
.wtt-queue-ep { font-size: 14px; font-weight: 700; margin: 0 0 2px; color: var(--text-primary); }
.wtt-queue-name { font-size: 12.5px; color: var(--text-muted); margin: 0; }

.wtt-content-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
	gap: 14px;
}

.wtt-grid-item {
	display: block;
	text-decoration: none;
	color: var(--text-primary);
}

.wtt-grid-poster {
	width: 100%;
	aspect-ratio: 2 / 3;
	background-color: var(--bg-elevated);
	background-size: cover;
	background-position: center;
	border-radius: 10px;
	position: relative;
}

.wtt-grid-rating {
	position: absolute;
	bottom: 4px;
	right: 4px;
	background: rgba(0,0,0,0.7);
	color: #fff;
	font-size: 11px;
	padding: 2px 6px;
	border-radius: 10px;
}

.wtt-grid-title {
	display: block;
	font-size: 12.5px;
	margin-top: 6px;
	color: var(--text-primary);
}

.wtt-activity-feed {
	list-style: none;
	margin: 0;
	padding: 0;
}

.wtt-activity-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 0;
	border-bottom: 1px solid var(--border);
	font-size: 13.5px;
	color: var(--text-muted);
}

.wtt-activity-item strong { color: var(--text-primary); }
.wtt-activity-item a { color: var(--accent); text-decoration: none; }

.wtt-activity-item time {
	margin-left: auto;
	color: var(--text-faint);
	font-size: 12px;
}

.wtt-profile .wtt-empty {
	color: var(--text-faint);
	font-size: 13px;
	padding: 20px 0;
}

.wtt-profile .wtt-check-circle {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1.5px solid var(--text-faint);
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: transparent;
	font-size: 14px;
}

.wtt-profile .wtt-check-circle.done {
	background: var(--teal);
	border-color: var(--teal);
	color: #05060a;
}

/* ---------- Bildirimler ---------- */
.wtt-notifications-widget {
	position: relative;
	display: inline-block;
}

.wtt-notifications-bell {
	background: none;
	border: none;
	cursor: pointer;
	font-size: 18px;
	position: relative;
}

.wtt-unread-badge {
	background: #d63638;
	color: #fff;
	border-radius: 50%;
	font-size: 10px;
	padding: 1px 5px;
	position: absolute;
	top: -4px;
	right: -4px;
}

.wtt-notifications-dropdown {
	position: absolute;
	right: 0;
	top: 100%;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 6px;
	min-width: 260px;
	max-height: 320px;
	overflow-y: auto;
	box-shadow: 0 4px 12px rgba(0,0,0,0.1);
	z-index: 100;
}

.wtt-notifications-dropdown ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.wtt-notifications-dropdown li {
	padding: 10px 14px;
	border-bottom: 1px solid #f0f0f0;
	font-size: 13px;
}

.wtt-notifications-dropdown li.unread {
	background: #eef6fc;
}