/* Tags cloud */
div.search-cloud { text-align:center; } 
div.search-cloud a { line-height:1.4em; text-decoration:none; }
div.search-cloud a:hover { text-decoration:underline; }

/* Search results*/
div.search-item { margin: 0 0 1.5em; padding: 0 0 1.5em; border-bottom: 1px solid;}
div.search-result { margin: 1em 0;}
div.search-preview {margin: 0.5em 0;}
div.search-page input.search-query {width: 99%; border: 1px solid; font-size:1.3em;}
div.search-page input.search-button { font-size: 1.2em; }

/* Content Forms: commons styles */
div.content-form
{
	position:relative; 
	zoom:1;
	padding-bottom: 2.5em;
	padding-left:2.5em;
}

div.content-form div.form-input span {font-size: 1.5em;}
div.content-form div.form-input input, div.content-form div.form-input textarea, div.content-form div.form-input select
{	
	margin: 0;
	border:1px solid;
	font-size:1.117em; 
	font-family:Verdana, Tahoma, Sans-Serif;
	margin-bottom: 8px;
	
}

div.content-form div.form-input input, div.content-form div.form-input textarea { padding: 0.3em; }

div.content-form div.legend
{
	left: -1em; 
	top:-0.7em; 
	float:left; 
	padding: 0 3px; 
	background:white; 
	position:relative; 
	z-index:10; 
	font-size: 1.8em; 
	font-family:Arial, Verdana, Tahoma, Sans-Serif;
}

div.content-form div.form-input input, div.content-form div.form-input textarea {width:75%;}
div.content-form div.fields { clear: both; }
div.content-form input.input-submit { overflow:visible; padding:0 0.5em;}
div.content-form div.field { padding:0; margin: 0 0 0.8em 0; display: block; }
div.content-form div.field label.field-title
{
	display: block;
	font-size: 1.4em;
	margin-bottom: 3px;
	font-family:Arial, Verdana, Tahoma, Sans-Serif; 
	white-space: normal;
}

div.content-form div.description {font-size: 0.9em; }
div.content-form div.field-checkbox { margin: 0.3em 0; font-size: 1.4em;}

/* ═══════════════════════════════════════════
   Tags: chips under detail + /tag/{slug}/ grid
   ═══════════════════════════════════════════ */

.tag-chip-block {
	margin: 40px 0 8px;
	padding-top: 24px;
	border-top: 1px solid var(--border);
}
.tag-chip-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.tag-chip-list--compact { margin-top: 10px; gap: 6px; }

.tag-chip {
	display: inline-flex;
	align-items: center;
	padding: 6px 12px;
	border-radius: 999px;
	background: var(--bg-3);
	color: var(--text);
	font-size: .88rem;
	line-height: 1;
	text-decoration: none;
	border: 1px solid var(--border);
	transition: background .15s, color .15s, border-color .15s;
}
.tag-chip:hover,
.tag-chip:focus-visible {
	background: var(--accent);
	color: #fff;
	border-color: var(--accent);
}
.tag-chip.is-current {
	background: var(--accent);
	color: #fff;
	border-color: var(--accent);
	cursor: default;
}

/* --- /tag/{slug}/ page layout --- */

.tag-page { max-width: 1200px; margin: 0 auto; padding: 32px 16px 64px; }
.tag-page-head { margin-bottom: 32px; }
.tag-page-kicker {
	font-family: var(--font-display);
	font-size: .8rem;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--muted);
	margin: 0 0 8px;
}
.tag-page-title {
	font-family: var(--font-display);
	font-size: clamp(1.8rem, 4vw, 2.6rem);
	color: var(--accent);
	margin: 0;
	font-weight: 600;
}
.tag-page-empty {
	color: var(--muted);
	font-size: 1.05rem;
	padding: 48px 0;
	text-align: center;
}
.tag-page-nav { margin-top: 40px; display: flex; justify-content: center; }

.tag-card-grid {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 24px;
}

.tag-card {
	position: relative;
	display: flex;
	flex-direction: column;
	background: var(--surface);
	border: 1px solid var(--surface-border);
	border-radius: var(--radius);
	overflow: hidden;
	transition: transform .2s, border-color .2s;
}
.tag-card:hover { transform: translateY(-2px); border-color: var(--accent); }
.tag-card-title a::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}
.tag-card .tag-chip-list { position: relative; z-index: 2; margin-top: auto; }

.tag-card-media {
	display: block;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: var(--bg-3);
}
.tag-card-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.tag-card-body {
	padding: 18px 20px 20px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex: 1;
}

.tag-card-meta {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0;
	font-size: .8rem;
}
.tag-card-type {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 4px;
	font-family: var(--font-display);
	font-size: .72rem;
	letter-spacing: .06em;
	text-transform: uppercase;
	background: var(--bg-3);
	color: var(--surface-text);
}
.tag-card-type--news   { background: rgba(var(--accent-rgb), .14); color: var(--accent); }
.tag-card-type--press  { background: rgba(var(--text-rgb), .08); }
.tag-card-type--movies { background: rgba(var(--accent-rgb), .22); color: var(--accent); }
.tag-card-type--soaps  { background: rgba(var(--accent-rgb), .12); color: var(--accent); }
.tag-card-date { color: var(--surface-muted); }

.tag-card-title {
	font-family: var(--font-display);
	font-size: 1.15rem;
	line-height: 1.35;
	margin: 0;
	font-weight: 600;
}
.tag-card-title a {
	color: var(--surface-text);
	text-decoration: none;
}
.tag-card-title a:hover { color: var(--accent); }

.tag-card-excerpt {
	color: var(--surface-muted);
	font-size: .92rem;
	line-height: 1.5;
}