/* Dream Clips — personalized genre rows + genre pickers (Netflix theme tokens). */

/* Personalized rows (shortcode) */
.dc-perso { padding: 8px 40px 8px; }
.dc-perso-title { font-size: 20px; font-weight: 500; color: var(--text-primary, #fff); margin: 0 0 6px; }
.dc-perso-row { margin: 0 0 18px; }
.dc-perso-row h3 { font-size: 16px; font-weight: 500; color: var(--text-primary, #fff); margin: 0 0 10px; }
.dc-perso-track {
	display: flex; flex-direction: row; flex-wrap: nowrap; column-gap: 8px;
	overflow-x: auto; scrollbar-width: none; padding-bottom: 8px;
}
.dc-perso-track::-webkit-scrollbar { display: none; }
.dc-perso-card {
	flex: 0 0 200px; border-radius: var(--card-radius, 4px); overflow: hidden;
	background: var(--bg-cinema-surface, #181818); text-decoration: none;
	transition: transform .25s ease, box-shadow .25s ease;
}
.dc-perso-card:hover { transform: scale(var(--card-scale-hover, 1.12)); box-shadow: 0 8px 20px rgba(0,0,0,.6); position: relative; z-index: 5; }
.dc-perso-card img, .dc-perso-noimg { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; background: var(--bg-cinema-elevated, #2b2b2b); }
.dc-perso-meta { display: flex; flex-direction: column; gap: 2px; padding: 8px 10px 10px; }
.dc-perso-name { font-size: 14px; font-weight: 500; color: var(--text-primary, #fff); }
.dc-perso-price { font-size: 12px; color: var(--text-secondary, #b3b3b3); }

/* Genre pickers (signup + account) */
.dc-genre-fieldset { border: 1px solid var(--border-muted, #2f2f2f); border-radius: 8px; padding: 14px; margin: 12px 0; }
.dc-genre-fieldset legend { padding: 0 6px; color: var(--text-secondary, #b3b3b3); font-size: 13px; }
.dc-genre-grid { display: flex; flex-wrap: wrap; gap: 8px; }
.dc-genre-chip {
	display: inline-flex; align-items: center; gap: 6px; font-size: 13px;
	background: var(--bg-cinema-elevated, #2b2b2b); border: 1px solid var(--border-muted, #2f2f2f);
	color: var(--text-primary, #fff); border-radius: 999px; padding: 6px 12px; cursor: pointer;
}
.dc-genre-hint { font-size: 12px; color: var(--text-muted, #808080); margin-top: 8px; }
.dc-genre-save { margin-top: 12px; }