/* ============================================================
   amnesty-zh.ch — Uncode child design tokens (Amnesty global look)
   Light backgrounds, black text, yellow #fdff28 accent,
   Roboto body + Barlow Condensed headings, pill buttons.
   ============================================================ */

/* --- Typography --------------------------------------------------- */
body {
	font-family: 'Roboto', 'Source Sans Pro', Arial, sans-serif;
	font-weight: 400;
}

h1, h2, h3, h4, h5, h6,
.heading-text h1, .heading-text h2, .heading-text h3, .heading-text h4,
.t-entry-title,
.vc_custom_heading_wrap .heading-text,
.font-762333, .font-156269 {
	font-family: 'Barlow Condensed', 'Oswald', sans-serif !important;
	letter-spacing: -0.01em !important;
	line-height: 1.12;
	font-weight: 600;
}

h1, .h1 { font-weight: 700; }

/* --- Surfaces: flip the dark skin to light ------------------------ */
body.custom-background,
.custom-background-letters {
	background-color: #ffffff;
}

.style-color-000000-bg {
	background-color: #ffffff !important;
}

/* Keep the homepage hero image section dark so white headline stays legible */
#page-header .style-color-000000-bg {
	background-color: #111111 !important;
}

#page-header .style-dark,
#page-header .style-dark h1,
#page-header .style-dark .heading-text > *,
#page-header .style-dark .text-lead p {
	color: #ffffff !important;
}

/* --- Accent & links ------------------------------------------------ */
a:not(.btn) {
	text-decoration: underline;
	text-decoration-color: transparent;
	text-underline-offset: 3px;
	transition: text-decoration-color .15s ease;
}

a:not(.btn):hover {
	text-decoration-color: #fdff28;
}

/* Content links: always underlined so they read as links */
.post-content a:not(.btn),
.uncode_text_column a:not(.btn),
.entry-content a:not(.btn),
.post-body a:not(.btn) {
	text-decoration: underline;
	text-decoration-color: #181818;
	text-decoration-thickness: 1px;
}

.post-content a:not(.btn):hover,
.uncode_text_column a:not(.btn):hover {
	text-decoration-color: #fdff28;
	text-decoration-thickness: 3px;
}

/* --- Buttons: pill, black primary / yellow accent ------------------ */
.btn {
	border-radius: 999px !important;
	text-transform: none;
	letter-spacing: 0.02em;
	font-weight: 500;
	padding: 0.6em 1.6em;
}

.btn-default,
.btn-color-000000 {
	background-color: #111111 !important;
	border-color: #111111 !important;
	color: #ffffff !important;
}

.btn.amnesty-yellow,
.btn-amnesty {
	background-color: #fdff28 !important;
	border-color: #fdff28 !important;
	color: #111111 !important;
}

.btn.amnesty-yellow:hover,
.btn-amnesty:hover {
	background-color: #f8d72b !important;
	border-color: #f8d72b !important;
	color: #111111 !important;
}

/* --- Header: dark transparent bar over the dark hero ----------------
   White text + yellow logo (uncode default). Only the yellow "Spenden"
   CTA and hover underline are customized (see custom-critical.css). */

/* --- Footer: light grey band -------------------------------------- */
footer#colophon .style-color-191b1e-bg,
footer#colophon .border-color-303133-color {
	background-color: #f7f7f7 !important;
	border-top-color: #e4e4e4 !important;
}

footer#colophon .style-dark,
footer#colophon .style-dark p,
footer#colophon .style-dark a,
footer#colophon .social-icon i,
footer#colophon .social-icon a {
	color: #181818 !important;
}

/* --- Hero: bigger condensed headline + yellow marker -------------- */
#page-header .heading-text h1 {
	font-size: clamp(40px, 5.5vw, 72px);
}

#page-header .heading-text h1::after {
	content: '';
	display: block;
	width: 90px;
	height: 6px;
	background-color: #fdff28;
	margin: 28px auto 0;
}

#page-header .text-lead {
	max-width: 620px;
	margin: 0 auto;
	font-size: 1.15rem;
}

/* --- Mobile: standalone floating yellow Spenden pill (wp_footer) ---- */
@media (max-width: 959px) {
	.mobile-spenden-fab {
		position: fixed;
		right: 18px;
		bottom: 170px;
		z-index: 200000;
		background-color: #fdff28;
		color: #111111;
		border-radius: 999px;
		padding: 0.65em 1.4em;
		font-weight: 600;
		text-decoration: none;
		box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
	}
}

@media (min-width: 960px) {
	.mobile-spenden-fab {
		display: none;
	}
}

.mobile-spenden-fab:hover {
	background-color: #f8d72b;
	color: #111111;
}

/* --- Cookie / privacy bar: light with yellow action ---------------------- */
.gdpr-privacy-bar {
	background-color: #ffffff !important;
	color: #181818 !important;
	box-shadow: 0 -2px 14px rgba(0, 0, 0, 0.1);
	border-top: 1px solid #e4e4e4;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 99999;
}

.gdpr-privacy-bar *,
.gdpr-privacy-bar .gdpr-content,
.gdpr-privacy-bar .gdpr-content p,
.gdpr-privacy-bar .gdpr-info,
.gdpr-privacy-bar a {
	color: #181818 !important;
}

.gdpr-bar-buttons .gdpr-agreement {
	background-color: #fdff28 !important;
	color: #111111 !important;
	border-color: #fdff28 !important;
	border-radius: 999px;
}

.gdpr-bar-buttons .btn {
	border-radius: 999px;
}

/* --- Cards (news tiles) keep content under the image --------------- */
.tmb .t-inside {
	border-radius: 0;
}

.tmb .t-entry-date {
	text-transform: none;
	font-size: 0.78rem;
	font-weight: 600;
}

.tmb-content-under .t-entry-text .t-entry-title {
	font-size: clamp(1.2rem, 1.5vw, 1.5rem);
	font-weight: 700;
	line-height: 1.15;
}

/* Featured wide tile on the homepage: center its content vertically in the tall cell */
.isotope-container .tmb-iso-w6.tmb-content-under .t-inside,
.isotope-container .tmb-iso-w6 .t-inside {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}

.tmb:hover .t-entry-title {
	text-decoration: underline;
	text-decoration-color: #fdff28;
	text-decoration-thickness: 3px;
	text-underline-offset: 3px;
}

.post-content .uncode_text_column > p {
	color: #1a1a1a;
	font-size: 1.1rem;
	line-height: 1.7;
}

/* Pagination: keep prev/next arrows close to the page numbers */
.isotope-footer .pagination,
.pagination {
	display: flex !important;
	width: auto !important;
	justify-content: center !important;
	flex-wrap: wrap;
}

.isotope-footer .pagination li,
.pagination li {
	float: none !important;
	width: auto !important;
	margin: 0 0.4em !important;
	flex-grow: 0;
}

/* Contact form 7: visible inputs + yellow send button */
.wpcf7 input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.wpcf7 textarea,
.wpcf7 select {
	background-color: #ffffff !important;
	border: 1px solid #b7b7b7 !important;
	border-radius: 6px;
	color: #111111 !important;
	padding: 0.6em 0.9em;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

.wpcf7 input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {
	border-color: #111111 !important;
	outline: none;
}

.wpcf7 input[type="submit"] {
	background-color: #fdff28 !important;
	color: #111111 !important;
	border: 1px solid #fdff28 !important;
	border-radius: 999px;
	padding: 0.65em 1.8em;
	font-weight: 600;
	cursor: pointer;
}

.wpcf7 input[type="submit"]:hover {
	background-color: #f8d72b !important;
	border-color: #f8d72b !important;
}

.uncode_text_column p a[href$=".pdf"] {
	display: inline-block;
	margin-top: 0.5rem;
}