/*
Theme Name: Helpikstart - Startersportaal & Elementor Pro Ready
Theme URI: https://helpikstart.nl
Author: Dulac Services
Author URI: https://dulacservices.nl
Description: Hét officiële WordPress thema voor Helpikstart.nl, geoptimaliseerd voor Elementor en Elementor Pro. Compleet uitgerust met ondersteuning voor KVK stappenplannen, Belastingdienst rekenmodules, urencriterium calculators, responsive navigatie, en naadloze integratie met veilige Dulac Services Synology NAS & C2 Cloud back-up oplossingen.
Version: 1.0.0
Tested up to: 6.7
Requires at least: 6.0
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: helpikstart
Tags: elementor, block-patterns, full-width-template, custom-colors, custom-menu, custom-logo, translation-ready, theme-options, startersportaal
*/

:root {
  --helpikstart-primary: #041534;
  --helpikstart-primary-light: #0b1c38;
  --helpikstart-secondary: #1B2A4A;
  --helpikstart-accent: #E8961C;
  --helpikstart-accent-hover: #d18212;
  --helpikstart-accent-light: #ffa931;
  --helpikstart-bg-light: #f7f9fc;
  --helpikstart-text-main: #191c1e;
  --helpikstart-text-muted: #4A5568;
  --helpikstart-border: #c5c6cf;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  color: var(--helpikstart-text-main);
  background-color: var(--helpikstart-bg-light);
  margin: 0;
  padding: 0;
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6, .font-heading {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 700;
  color: var(--helpikstart-primary);
  line-height: 1.25;
}

a {
  color: var(--helpikstart-accent);
  text-decoration: none;
  transition: color 0.2s ease;
}

a:hover {
  color: var(--helpikstart-accent-hover);
}

.helpikstart-container {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.helpikstart-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background-color: var(--helpikstart-accent);
  color: #041534 !important;
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 0.875rem;
  padding: 0.875rem 1.75rem;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 4px 12px rgba(232, 150, 28, 0.25);
}

.helpikstart-btn:hover {
  background-color: var(--helpikstart-accent-hover);
  color: #ffffff !important;
  transform: translateY(-1px);
}

.helpikstart-btn-primary {
  background-color: var(--helpikstart-primary);
  color: #ffffff !important;
}

.helpikstart-btn-primary:hover {
  background-color: var(--helpikstart-secondary);
}

.helpikstart-btn-outline {
  background-color: transparent;
  color: var(--helpikstart-primary) !important;
  border: 1px solid var(--helpikstart-border);
}

.helpikstart-btn-outline:hover {
  background-color: #ffffff;
  border-color: var(--helpikstart-primary);
}

/* Header & Navigation Styles */
.helpikstart-topbar {
  background-color: var(--helpikstart-primary);
  color: #ffffff;
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
}

.helpikstart-navbar {
  background-color: #ffffff;
  border-bottom: 1px solid var(--helpikstart-border);
  position: sticky;
  top: 0;
  z-index: 999;
}

/* Footer Styles */
.helpikstart-footer {
  background-color: var(--helpikstart-primary);
  color: #cbd5e1;
  padding: 4rem 1rem 2rem;
}

.helpikstart-subfooter {
  background-color: #020b1c;
  color: #8392b7;
  padding: 1.25rem 1rem;
  font-size: 0.75rem;
  border-top: 1px solid #1e3458;
}