/*
Theme Name: Collea
Theme URI: https://www.collea.nl
Description: Child theme van Twenty Twenty-Five met de huisstijl van Collea.
Author: Solution Online
Template: twentytwentyfive
Version: 1.0.1
Requires at least: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: collea
*/

/* Logo: beeldmerk + woordmerk als HTML-tekst in Outfit, zodat het lettertype van de site gebruikt wordt. */
.collea-logo {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	text-decoration: none;
	color: var(--wp--preset--color--accent-1);
}
.collea-logo svg {
	width: 2.25rem;
	height: 2.25rem;
	flex: none;
}
.collea-logo span {
	font-family: var(--wp--preset--font-family--outfit);
	font-weight: 600;
	font-size: 1.9rem;
	letter-spacing: -0.03em;
	line-height: 1;
}
.collea-logo:hover {
	color: var(--wp--preset--color--accent-1);
	text-decoration: none;
}

.collea-header {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

/* Coming soon */
.collea-coming-soon {
	padding-top: clamp(3rem, 10vh, 7rem);
	padding-bottom: clamp(3rem, 10vh, 7rem);
}
.collea-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.35rem 0.9rem;
	border-radius: 999px;
	background: var(--wp--preset--color--accent-3);
	color: var(--wp--preset--color--accent-1);
	font-weight: 500;
	font-size: 0.95rem;
}
.collea-badge::before {
	content: "";
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 50%;
	background: var(--wp--preset--color--accent-2);
}

/* Footer */
.collea-footer {
	border-top: 1px solid rgba(16, 32, 31, 0.12);
	padding-top: 2rem;
	padding-bottom: 2.5rem;
	font-size: 0.9rem;
	color: var(--wp--preset--color--accent-5);
}
.collea-footer a {
	color: var(--wp--preset--color--accent-1);
}
.collea-footer-links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1.5rem;
	margin: 0 0 0.75rem;
	padding: 0;
	list-style: none;
}