/*
Theme Name: Neo Club Kemer
Theme URI: https://neoclubkemer.com
Author: ONOXSOFT
Author URI: https://onoxsoft.com
Description: Premium WordPress tema - Modern gece kulübü/beach club teması. 2026 tasarım trendleri (kinetic typography, scroll animations), native WordPress özellikleri, ACF bağımlılığı yok. Customizer'dan tam kontrol, etkinlik yönetimi, galeri, rezervasyon sistemi.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: neoclubkemer
Domain Path: /languages
Tags: nightclub, events, entertainment, dark-theme, responsive, mobile-first, custom-post-types, accessibility-ready, block-editor-ready, translation-ready

Neo Club Kemer is a premium WordPress theme designed specifically for nightclubs, beach clubs, and entertainment venues.
Features modern 2026 design trends, kinetic typography, scroll animations, and high-performance architecture.
*/

/* ================================================================
   Minimal Critical Styles
   Main styles are loaded via assets/css/main.css
   ================================================================ */

:root {
	/* Design tokens from theme.json */
	--nck-primary: #FF494F;
	--nck-accent: #F1FF4F;
	--nck-dark-bg: #0E0D16;
	--nck-dark-surface: #1A1922;
	--nck-white: #FFFFFF;
	--nck-text-primary: #FFFFFF;
	--nck-text-secondary: #E4E4E4;
	--nck-text-muted: #9C9CA8;

	/* Spacing */
	--nck-spacing-xs: 0.5rem;
	--nck-spacing-sm: 1rem;
	--nck-spacing-md: 1.5rem;
	--nck-spacing-lg: 2rem;
	--nck-spacing-xl: 3rem;
	--nck-spacing-2xl: 4rem;

	/* Border radius */
	--nck-radius-sm: 8px;
	--nck-radius-md: 12px;
	--nck-radius-lg: 16px;
	--nck-radius-xl: 24px;

	/* Transitions */
	--nck-transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
	--nck-transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	--nck-transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Reset & Base */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	background-color: var(--nck-dark-bg);
	color: var(--nck-text-secondary);
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	font-size: 16px;
	line-height: 1.7;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Syne', sans-serif;
	font-weight: 700;
	color: var(--nck-white);
	line-height: 1.1;
	margin-bottom: 1rem;
}

a {
	color: var(--nck-primary);
	text-decoration: none;
	transition: color var(--nck-transition-fast);
}

a:hover,
a:focus {
	color: var(--nck-accent);
	text-decoration: none;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

/* WordPress Core Alignment */
.alignleft {
	float: left;
	margin-right: 1.5rem;
	margin-bottom: 1rem;
}

.alignright {
	float: right;
	margin-left: 1.5rem;
	margin-bottom: 1rem;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignwide {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}

.alignfull {
	max-width: 100%;
	width: 100%;
}

/* Screen Reader Text */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Skip Link */
.skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 999999;
}

.skip-link:focus {
	left: 0;
	display: block;
	padding: 1rem;
	background: var(--nck-primary);
	color: var(--nck-white);
	text-decoration: none;
}