/*
Theme Name: TOPP-zorg Replica
Theme URI: https://www.topp-zorg.nl/
Author: Rebuilt replica
Description: Pixel-faithful replica of the TOPP-zorg theme. Ships the site's own compiled stylesheet (assets/css/main.css) and script (assets/js/main.js) verbatim, with matching header/footer markup, so a WordPress content export (WXR) - whose Gutenberg blocks carry the theme's own classes - renders exactly like the live site. Lato is loaded from Google Fonts at runtime.
Version: 1.4.1
Requires at least: 5.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: topp-zorg-replica
*/

/* -------------------------------------------------------------------------
   SHELL SUPPLEMENTS ONLY. All visual styling comes from assets/css/main.css
   (the original compiled stylesheet). These rules only cover bits that
   depended on markup the original generated server-side.
   ------------------------------------------------------------------------- */

/* Logo sizing inside the 100px bar */
.header .header__logo,
.header .brand img { height: 60px; width: auto; display: block; }
.header .brand { display: inline-flex; align-items: center; }
.custom-logo-link img { max-height: 60px; width: auto; }

/* Breadcrumb ("Je bent hier: Home / ... / page") */
.tz-breadcrumb { font-family: Lato, sans-serif; font-size: 1rem; color: #484747; padding: 18px 0; }
.tz-breadcrumb .container { max-width: 1640px; margin: 0 auto; padding: 0 30px; }
.tz-breadcrumb a { color: #52bc4c; text-decoration: none; }
.tz-breadcrumb a:hover { color: #f07828; }
.tz-breadcrumb .sep { margin: 0 6px; color: #b5b5b5; }

/* Fallback gutter for any top-level element NOT inside a wp-block-group
   (grouped content self-constrains via the original CSS). */
.tz-entry > *:not(.alignfull):not(.wp-block-group) {
	max-width: 1150px; margin-left: auto; margin-right: auto; padding-left: 30px; padding-right: 30px;
}

/* Neutral, on-brand archive/search listing (live site has no blog index) */
.tz-postlist { max-width: 1150px; margin: 40px auto; padding: 0 30px; }
.tz-postlist article { padding: 30px 0; border-bottom: 1px solid #eee; }
.tz-postlist h2 a { color: #484747; }
.tz-postlist h2 a:hover { color: #f07828; text-decoration: none; }
.tz-pagination { display: flex; gap: 8px; justify-content: center; margin: 40px 0; flex-wrap: wrap; }
.tz-pagination .page-numbers { padding: 8px 14px; border: 1px solid #ddd; border-radius: 6px; color: #484747; text-decoration: none; }
.tz-pagination .current { background: #52bc4c; color: #fff; border-color: #52bc4c; }

/* -------------------------------------------------------------------------
   FOOTER WIDGET AREAS (block-based Widgets screen)
   Make widget/block output (headings, lists, links, File block) match the
   footer's white-on-green design.
   ------------------------------------------------------------------------- */
.footer__widget { margin-bottom: 18px; }
.footer__widget:last-child { margin-bottom: 0; }
.footer .footer__container h1,
.footer .footer__container h2,
.footer .footer__container h3,
.footer .footer__container h4,
.footer .footer__container h5,
.footer .footer__widget-title {
	color: #fff;
	font-family: Lato, sans-serif;
	font-weight: 700;
	font-size: 1.25rem;
	margin: 0 0 .6em;
}
.footer .footer__container ul,
.footer .footer__container ol { list-style: none; padding-left: 0; margin: 0 0 .6em; }
.footer .footer__container li { margin-bottom: .4em; }
.footer .footer__container a { color: #fff; text-decoration: underline; }
.footer .footer__container a:hover { color: #fff; text-decoration: none; }
/* File block (links to Media Library documents) */
.footer .wp-block-file { margin: 0 0 .6em; }
.footer .footer__container a:not(.wp-block-file__button) { color: #fff; }
.footer .footer__container a.wp-block-file__button {
	background: #fff; color: #52bc4c; border-radius: 30px;
	padding: 6px 16px; margin-left: 12px; text-decoration: none;
}
.footer .footer__container a.wp-block-file__button:hover { color: #245f5c; text-decoration: none; }
.footer .footer__container .wp-block-search,
.footer .footer__container input { max-width: 100%; }

/* Customizer footer links list */
.footer__links { margin-top: 22px; }
.footer__links .footer__menu { margin: 0; }