/*
Theme Name: Rouw.com
Theme URI: https://www.rouw.com
Author: iPublishing
Description: Rustig blokthema voor Rouw.com, afgestemd op de plugin Rouw.com Core (condoleanceregisters).
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rouw
*/

/* Bijna alle stijl staat in theme.json. Hieronder alleen wat theme.json niet kan. */

body { -webkit-font-smoothing: antialiased; }

/* Header */
.rouw-site-header .wp-block-navigation .wp-block-navigation__submenu-container {
	background: #fff;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 12px;
	padding: 8px 0;
	min-width: 240px;
	box-shadow: 0 8px 24px rgba(31, 35, 40, .08);
}
.rouw-site-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding: 8px 18px;
}
.rouw-site-header .wp-block-site-title { white-space: nowrap; }
@media (max-width: 781px) {
	.rouw-hide-mobile { display: none !important; }
}
@media (min-width: 600px) and (max-width: 1100px) {
	.rouw-site-header .wp-block-site-tagline { display: none; }
}
.wp-block-navigation__responsive-container.is-menu-open {
	padding: 24px !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	gap: 14px;
	font-size: 18px;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
	padding-left: 14px !important;
	font-size: 16px;
}

/* Footer */
.rouw-footer-list { list-style: none; padding-left: 0; margin: 0; display: grid; gap: 8px; }
.rouw-site-footer a { text-decoration: none; }
.rouw-site-footer a:hover { text-decoration: underline; }

/* Kruimelpad */
.rouw-breadcrumbs { font-size: 14px; color: var(--wp--preset--color--muted); }
.rouw-breadcrumbs a { color: var(--wp--preset--color--muted); }

/* Homepage: zoekformulier van de plugin centreren in de hero */
.rouw-hero .rouw-search { justify-content: center; max-width: 640px; margin: 8px auto 0 !important; }
.rouw-hero .rouw-search + h2, .rouw-hero .rouw .rouw-h2 { text-align: center; }
.rouw-front .rouw-section-head { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 8px 16px; margin-bottom: 18px; }
.rouw-front .rouw-section-head h2 { margin: 0; }

/* Blokstijl: kaart */
.wp-block-group.is-style-kaart {
	background: #fff;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 16px;
	padding: 22px;
}
/* Blokstijl: omlijnde knop */
.wp-block-button.is-style-omlijnd .wp-block-button__link {
	background: transparent;
	color: var(--wp--preset--color--accent);
	border: 1.5px solid var(--wp--preset--color--accent);
}
.wp-block-button.is-style-omlijnd .wp-block-button__link:hover {
	background: var(--wp--preset--color--soft);
}

/* Tabellen in content (vergelijkingen) */
.wp-block-table table { border-collapse: collapse; background: #fff; border-radius: 12px; overflow: hidden; }
.wp-block-table td, .wp-block-table th { border-color: var(--wp--preset--color--line); padding: 12px 14px; }
.wp-block-table thead { border-bottom: 2px solid var(--wp--preset--color--line); background: #F7F7F4; }

/* Toegankelijkheid */
:where(a, button, input, select, textarea):focus-visible { outline: 2px solid var(--wp--preset--color--accent); outline-offset: 2px; }

/* Verfijning header */
.rouw-site-header .wp-block-navigation-item__label,
.rouw-site-header .wp-block-button__link { white-space: nowrap; }
@media (max-width: 1240px) {
	.rouw-site-header .wp-block-site-tagline { display: none; }
}
@media (min-width: 782px) and (max-width: 1060px) {
	.rouw-site-header .wp-block-navigation { --navigation-layout-gap: 14px; gap: 14px !important; font-size: 14px; }
}

/* Zoekveld in de hero: veld en knop naast elkaar */
.rouw-hero .rouw { width: 100%; }
.rouw-hero .rouw-search { width: 100%; flex-wrap: nowrap; }
.rouw-hero .rouw-search input { flex: 1 1 auto; min-width: 0; }

/* Footer */
.rouw-site-footer h2 { margin-bottom: 12px !important; }