/*
Theme Name: NGFW Security Theme
Theme URI: https://sisdasystems.nl/
Author: Sisda Systems
Author URI: https://sisdasystems.nl/
Description: A modern Full Site Editing block theme for NGFW Security. Fully editable with drag-and-drop in the WordPress Site Editor.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ngfw-theme
Tags: full-site-editing, block-patterns, dark-mode, one-column, custom-colors, custom-menu, editor-style

This is a Full Site Editing (FSE) block theme. 
Edit everything via Appearance → Editor (Site Editor).
*/

/* Google Font */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap');

/* Base Reset */
*, *::before, *::after {
	box-sizing: border-box;
}

body {
	margin: 0;
	background-color: #0a0a0f;
	color: #f8fafc;
	font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}

/* Links */
a {
	color: #3b82f6;
	text-decoration: none;
	transition: color 0.2s ease;
}

a:hover {
	color: #60a5fa;
}

/* Buttons */
.wp-block-button__link {
	font-weight: 600;
	transition: all 0.2s ease;
}

.wp-block-button__link:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 20px rgba(59, 130, 246, 0.4);
}

.wp-block-button.is-style-outline .wp-block-button__link {
	border: 2px solid currentColor;
	background: transparent;
}

/* Navigation */
.wp-block-navigation a {
	color: #f8fafc;
	font-weight: 500;
}

.wp-block-navigation a:hover {
	color: #3b82f6;
}

/* Cards / Groups with background */
.wp-block-group.has-background {
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.wp-block-group.has-background:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

/* Cover block */
.wp-block-cover {
	min-height: 500px;
}

/* Code blocks */
.wp-block-code {
	background: #12121a;
	border: 1px solid #1e1e2e;
	border-radius: 8px;
	padding: 1.5rem;
	font-family: 'JetBrains Mono', monospace;
	color: #10b981;
	overflow-x: auto;
}

/* Tables */
.wp-block-table table {
	background: #12121a;
	border-collapse: collapse;
}

.wp-block-table th,
.wp-block-table td {
	border: 1px solid #1e1e2e;
	padding: 12px 16px;
}

.wp-block-table th {
	background: #1e1e2e;
	color: #f8fafc;
	font-weight: 600;
}

/* Separator */
.wp-block-separator {
	border-color: #1e1e2e !important;
	opacity: 1;
}

/* Lists */
.wp-block-list li {
	margin-bottom: 0.5rem;
}

/* Responsive */
@media (max-width: 782px) {
	.wp-block-columns {
		flex-direction: column;
	}
	
	h1 {
		font-size: 2rem !important;
	}
	
	h2 {
		font-size: 1.5rem !important;
	}
}