/*
Theme Name: GeneratePress Child - Wasstraat De Walvis
Template: generatepress
Description: Brand-consistent child theme matching the Wasstraat De Walvis house style (blue/yellow, rounded playful type) for the newsletter site.
Version: 1.0.0
Text Domain: generatepress-walvis
*/

:root {
	--walvis-blue: #003cf0;
	--walvis-blue-dark: #002a9e;
	--walvis-blue-light: #94d4ff;
	--walvis-yellow: #ffc629;
	--walvis-yellow-dark: #e6ab00;
	--walvis-font-heading: "Baloo 2", "Trebuchet MS", sans-serif;
	--walvis-font-body: "Nunito Sans", "Segoe UI", sans-serif;
}

body {
	font-family: var(--walvis-font-body);
	color: #1c1c1c;
}

h1, h2, h3, h4, h5, h6,
.site-title,
.entry-title,
.widget-title {
	font-family: var(--walvis-font-heading);
	font-weight: 700;
	color: var(--walvis-blue);
	letter-spacing: 0.2px;
}

a {
	color: var(--walvis-blue);
}

a:hover,
a:focus {
	color: var(--walvis-blue-dark);
}

/* Header / nav bar */
.site-header {
	background-color: var(--walvis-yellow);
	border-bottom: none;
}

.site-header .main-title a,
.site-header .main-title a:hover {
	font-family: var(--walvis-font-heading);
	font-weight: 800;
	color: #ffffff;
}

.site-header .site-description {
	color: var(--walvis-blue-light);
}

.main-navigation,
.main-navigation .inside-navigation {
	background-color: transparent;
}

.main-navigation .main-nav ul li a {
	font-family: var(--walvis-font-heading);
	font-weight: 700;
	color: var(--walvis-blue);
}

.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li.current-menu-item > a {
	color: var(--walvis-blue-dark);
}

.main-navigation .main-nav ul ul {
	background-color: var(--walvis-blue-dark);
}

.main-navigation .main-nav ul ul li a {
	color: #ffffff;
}

.main-navigation .main-nav ul ul li a:hover,
.main-navigation .main-nav ul ul li.current-menu-item > a {
	color: var(--walvis-yellow);
}

/* Mobile menu bar */
.menu-toggle,
.mobile-menu-control-wrapper {
	background-color: var(--walvis-blue) !important;
	color: #ffffff !important;
}

/* Buttons */
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.wp-block-button__link {
	background-color: var(--walvis-yellow);
	color: var(--walvis-blue-dark);
	font-family: var(--walvis-font-heading);
	font-weight: 800;
	border: none;
	border-radius: 999px;
	padding: 0.7em 1.6em;
	text-transform: none;
	transition: background-color 0.15s ease, transform 0.1s ease;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover {
	background-color: var(--walvis-yellow-dark);
	color: var(--walvis-blue-dark);
	transform: translateY(-1px);
}

/* Content links that act like cards/pills (menus, CTAs) */
.entry-content .wp-block-button.is-style-outline .wp-block-button__link {
	background-color: transparent;
	border: 2px solid var(--walvis-blue);
	color: var(--walvis-blue);
}

/* Footer */
.site-footer,
.footer-widgets {
	background-color: var(--walvis-blue);
	color: #ffffff;
}

.site-footer a,
.footer-widgets a {
	color: var(--walvis-yellow);
}

.site-footer a:hover,
.footer-widgets a:hover {
	color: #ffffff;
}

.site-info {
	background-color: var(--walvis-blue-dark);
	color: var(--walvis-blue-light);
}

/* Rounded, friendly containers for widgets/cards */
.widget,
.entry-content .wp-block-group.has-background {
	border-radius: 18px;
}

/* AcyMailing forms: nudge the subscribe button + inputs toward the brand look */
.acymailing_form input[type="text"],
.acymailing_form input[type="email"] {
	border-radius: 999px;
	border: 2px solid var(--walvis-blue-light);
	padding: 0.6em 1.2em;
	font-family: var(--walvis-font-body);
}

.acymailing_form input[type="text"]:focus,
.acymailing_form input[type="email"]:focus {
	border-color: var(--walvis-blue);
	outline: none;
}