/*
Theme Name: TLM Services
Theme URI: https://tlmservices.nl
Author: TLM Services
Description: Bilingual (EN/NL) business theme for TLM Services — administrative services, business advice and on-board courier. Includes page templates for Home, Services, About and Contact, a language switcher and a routed contact form.
Version: 1.2.1
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tlm-services
*/

/* The full stylesheet lives in assets/css/theme.css and is loaded from functions.php.
   This file only carries the theme header that WordPress requires, plus the
   small additions needed for WordPress-generated menu markup. */

/* ---------- WordPress menu markup ---------- */
.nav ul { display: flex; align-items: center; gap: 6px; list-style: none; margin: 0; padding: 0; }
.nav ul li { margin: 0; }
.nav .current-menu-item > a,
.nav .current_page_item > a { color: var(--navy); font-weight: 600; }
.nav .current-menu-item > a::after,
.nav .current_page_item > a::after { content: ""; display: block; height: 2px; background: var(--gold); margin-top: 4px; border-radius: 2px; }
.nav .menu-item.cta-item > a::after { display: none !important; }

/* ---------- WordPress editor content appended to a page ---------- */
.page-content { padding: 72px 0; }
.page-content .wrap > *:first-child { margin-top: 0; }
.page-content img { border-radius: var(--radius); }
.page-content ul, .page-content ol { color: var(--muted); }

/* ---------- Core WordPress classes ---------- */
.alignleft { float: left; margin: 0 1.5em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1.5em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption-text, .screen-reader-text { font-size: .85rem; color: var(--muted); }
.screen-reader-text {
  position: absolute !important; width: 1px; height: 1px; overflow: hidden;
  clip: rect(1px,1px,1px,1px); white-space: nowrap;
}

@media (max-width: 780px) {
  .nav ul { flex-direction: column; align-items: stretch; width: 100%; gap: 2px; }
  .nav ul li { width: 100%; }
  .nav ul li a { display: block; }
}