/*
Theme Name: NexusFlow Multi-Purpose
Theme URI: https://example.com/nexusflow-multi-purpose
Author: PongeryAs
Author URI: https://example.com
Description: A high-performance, modular multi-purpose theme with customizer controls and child-theme support.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: nexusflow-multi-purpose
Tags: custom-colors, custom-menu, featured-images, flexible-header, full-width-template
*/

:root {
  --wp-primary-color: #3b82f6;
  --wp-accent-color: #10b981;
  --wp-bg-color: #0f172a;
  --wp-text-color: #f8fafc;
  --wp-font-family: 'Inter', system-ui, sans-serif;
}

body {
  margin: 0;
  padding: 0;
  background-color: var(--wp-bg-color);
  color: var(--wp-text-color);
  font-family: var(--wp-font-family);
  line-height: 1.6;
}

.site-container {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  
}

/* Header & Navigation */
.site-header {
  position: sticky; top: 0; z-index: 1000;
  background-color: var(--wp-bg-color);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* Typography & Layout Helpers */
a { color: var(--wp-primary-color); text-decoration: none; }
a:hover { opacity: 0.85; }
.top-bar { display: flex; justify-content: space-between; font-size: 0.75rem; padding: 0.5rem 1.5rem; border-bottom: 1px solid rgba(255,255,255,0.1); }
.header-inner { display: flex; align-items: center; justify-content: space-between; max-width: 1200px; margin: 0 auto; padding: 1rem 1.5rem; }
.site-branding a { font-size: 1.25rem; font-weight: 800; color: var(--wp-text-color); text-decoration: none; }
.main-navigation ul { display: flex; list-style: none; margin: 0; padding: 0; gap: 1.5rem; align-items: center; }
.main-navigation a { color: var(--wp-text-color); font-weight: 600; text-decoration: none; font-size: 0.875rem; }
.main-navigation a:hover { color: var(--wp-primary-color); }
.container { max-width: 1200px; margin: 0 auto; padding: 0 1.5rem; box-sizing: border-box; }
.site-main { padding: 3rem 0; }
article.post { padding: 1.5rem; border-radius: 0.75rem; border: 1px solid rgba(255,255,255,0.12); background-color: rgba(255,255,255,0.04); margin-bottom: 1.5rem; }
.entry-title { font-size: 1.5rem; font-weight: 700; line-height: 1.2; margin-bottom: 0.5rem; }
.entry-title a { color: inherit; text-decoration: none; }
.entry-title a:hover { color: var(--wp-primary-color); }
.entry-meta { font-size: 0.75rem; opacity: 0.7; margin-bottom: 0.75rem; }
.entry-summary { font-size: 0.875rem; line-height: 1.6; opacity: 0.85; }
.entry-footer { margin-top: 1rem; padding-top: 0.75rem; border-top: 1px solid rgba(255,255,255,0.1); font-size: 0.75rem; display: flex; justify-content: space-between; }
.grid { display: grid; gap: 1.5rem; }
@media (min-width: 768px) {
  .grid-cols-2, .md\:grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
  .grid-cols-3, .md\:grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 767px) {
  .grid { grid-template-columns: 1fr !important; }
  .header-inner { flex-direction: column; gap: 0.75rem; align-items: flex-start; }
  .main-navigation ul { flex-direction: column; gap: 0.5rem; align-items: flex-start; }
}
.site-footer { border-top: 1px solid rgba(255,255,255,0.1); margin-top: 4rem; padding: 3rem 0; background-color: rgba(0,0,0,0.3); font-size: 0.875rem; }
.site-footer ul { list-style: none; margin: 0; padding: 0; }
.site-footer li { margin-bottom: 0.5rem; }
.site-footer a { color: var(--wp-text-color); opacity: 0.8; }
.site-footer a:hover { color: var(--wp-primary-color); opacity: 1; }