/*
Theme Name: kiss-ka
Theme URI: https://kiss-ka.ch/
Author: Antigravity AI
Author URI: https://github.com/google-deepmind
Description: Custom WordPress theme for Genossenschaft KISS Knonauer Amt.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kiss-ka
*/


/* 
 * Typography styles for standard WordPress pages (e.g. Impressum, Datenschutzerklärung)
 * Styles elements output by the_content() inside a container with class .prose
 */

.prose p {
	margin-top: 0;
	margin-bottom: 1.5rem;
	font-size: 1.125rem;
	line-height: 1.75;
	color: #404040; /* text-neutral-700 */
}

.prose h1,
.prose h2,
.prose h3,
.prose h4,
.prose h5,
.prose h6 {
	color: #1a1a1a; /* text-neutral-900 */
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 1rem;
}

.prose h1 {
	font-size: 2.25rem; /* text-4xl */
	margin-top: 2.5rem;
}

.prose h2 {
	font-size: 1.75rem; /* text-3xl */
	margin-top: 2.25rem;
	border-bottom: 1px solid #f5f5f5;
	padding-bottom: 0.5rem;
}

.prose h3 {
	font-size: 1.375rem; /* text-2xl */
	margin-top: 1.75rem;
}

.prose h4 {
	font-size: 1.125rem; /* text-xl */
	margin-top: 1.5rem;
}

/* Collapse margins for headings that immediately follow another heading or are first elements */
.prose > *:first-child,
.prose h1:first-child,
.prose h2:first-child,
.prose h3:first-child,
.prose h4:first-child {
	margin-top: 0;
}

.prose h2 + h3,
.prose h3 + h4,
.prose h4 + p,
.prose h3 + p,
.prose h2 + p,
.prose h1 + p {
	margin-top: 0.5rem;
}

/* Lists styling */
.prose ul {
	list-style-type: disc !important;
	margin-top: 0;
	margin-bottom: 1.5rem;
	padding-left: 1.5rem !important;
}

.prose ol {
	list-style-type: decimal !important;
	margin-top: 0;
	margin-bottom: 1.5rem;
	padding-left: 1.5rem !important;
}

.prose li {
	margin-top: 0.375rem;
	margin-bottom: 0.375rem;
	font-size: 1.125rem;
	line-height: 1.75;
	color: #404040;
}

/* Link styling */
.prose a {
	color: #1cb5d4; /* text-brand */
	text-decoration: underline;
	text-underline-offset: 4px;
	font-weight: 600;
	transition: color 0.2s ease-in-out;
}

.prose a:hover {
	color: #1697b1; /* hover:text-brand-dark */
}

/* Bold / Strong emphasis */
.prose strong {
	color: #1a1a1a;
	font-weight: 700;
}

/* Blockquote styling */
.prose blockquote {
	margin: 2rem 0;
	padding-left: 1.5rem;
	border-left: 4px solid #1cb5d4; /* border-brand */
	font-style: italic;
	color: #525252; /* text-neutral-600 */
}

/* Style Gutenberg File Block to match the theme design */
.prose .wp-block-file {
	background-color: #ffffff;
	border: 1px solid #f5f5f5;
	border-radius: 1rem;
	padding: 1.25rem 1.5rem;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1.25rem;
	margin-top: 1rem;
	margin-bottom: 1.25rem;
	text-decoration: none;
}

.prose .wp-block-file__embed {
	display: none !important;
}

/* File name heading matching: font-bold text-neutral-900 group-hover:text-brand transition-colors */
.prose .wp-block-file h4 {
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #1a1a1a !important; /* text-neutral-900 */
	margin: 0 !important;
	transition: color 0.2s ease-in-out !important; /* transition-colors */
}

.prose .wp-block-file:hover h4 {
	color: #1cb5d4 !important; /* group-hover:text-brand */
}

/* Hide the default Gutenberg text links if any are output, but keep our custom button */
.prose .wp-block-file a:not(.wp-block-file__button):not(.kiss-download-btn) {
	display: none !important;
}

.prose .wp-block-file__button {
	background-color: #f5f5f5;
	color: #404040 !important;
	border: 1px solid #e5e5e5;
	padding: 0.5rem 1rem;
	border-radius: 0.75rem;
	font-size: 0.875rem;
	font-weight: 600;
	text-decoration: none !important;
	transition: all 0.2s ease-in-out;
}

.prose .wp-block-file__button:hover {
	background-color: #1cb5d4 !important; /* Brand color */
	color: #ffffff !important;
	border-color: #1cb5d4;
}

/* Ensure download icons turn white on hover */
.kiss-download-btn:hover,
#jahresberichte a:hover,
#statuten a:hover {
	color: #ffffff !important;
}

/* Ensure document card headings in fallback sections are exactly 16px */
#jahresberichte h4,
#statuten h4 {
	font-size: 16px !important;
}

/* Contact Form Status Messages */
.contact-success-msg {
	color: #10b981 !important; /* emerald green */
	display: block !important;
}

.contact-error-msg {
	color: #ef4444 !important; /* rose red */
	display: block !important;
}