/*
Theme Name: Wielren Bootstrap Child
Theme URI: https://example.com/
Description: Complete child theme voor een wielren website met Bootstrap 5 en Elementor.
Author: CCK Media
Author URI: https://example.com/
Template: hello-elementor
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: wielren-bootstrap-child
*/

:root {
  --wielren-primary: #f05a28;
  --wielren-dark: #111111;
  --wielren-light: #f7f7f7;
  --wielren-accent: #00a19a;
  --wielren-muted: #5f6368;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: var(--wielren-dark);
  background-color: #ffffff;
  line-height: 1.6;
}

a {
  color: var(--wielren-primary);
}

a:hover,
a:focus {
  color: #c9481f;
}

.wielren-hero {
  background: linear-gradient(135deg, rgba(17, 17, 17, 0.92), rgba(240, 90, 40, 0.86));
  color: #ffffff;
  padding: 5rem 1.25rem;
  border-radius: 1rem;
}

.wielren-title {
  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.wielren-section {
  padding: 4rem 0;
}

.wielren-site-header {
  background-color: #ffffff;
  border-bottom: 1px solid #ececec;
}

.wielren-logo {
  font-size: 1.15rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--wielren-dark);
  text-decoration: none;
}

.wielren-nav a {
  font-weight: 600;
  text-decoration: none;
}

.wielren-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.wielren-nav .menu-item a,
.wielren-nav .page_item a,
.wielren-nav .nav-link {
  display: inline-block;
  padding: 0.5rem 0.8rem;
  border-radius: 0.5rem;
}

.wielren-nav .current-menu-item > a,
.wielren-nav .current_page_item > a {
  background-color: var(--wielren-light);
}

.wielren-nav .navbar-toggler {
  border-color: #d5d5d5;
}

.wielren-nav .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(17,17,17,0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.wielren-card {
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.btn-wielren {
  background-color: var(--wielren-primary);
  color: #ffffff;
  border: 0;
  font-weight: 700;
}

.btn-wielren:hover,
.btn-wielren:focus {
  background-color: #d94f22;
  color: #ffffff;
}

.wielren-badge {
  background-color: var(--wielren-accent);
  color: #ffffff;
  border-radius: 999px;
  padding: 0.35rem 0.75rem;
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.wielren-meta {
  color: var(--wielren-muted);
  font-size: 0.9rem;
}

.wielren-content {
  max-width: 860px;
}

.wielren-footer {
  background-color: var(--wielren-dark);
  color: #ffffff;
}

.wielren-footer a {
  color: #ffffff;
}

.wielren-sidebar {
  background-color: var(--wielren-light);
  border-radius: 0.75rem;
  padding: 1.5rem;
}

.wielren-post-card {
  border: 1px solid #efefef;
  border-radius: 1rem;
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.wielren-post-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}