/*
Theme Name: WooOrder Pro
Theme URI: https://example.com/woo-order-pro
Author: Woo-Order-Team
Description: WooCommerce tabanlı online restoran sipariş teması.
Version:  2.1.98
Requires at least: 6.0
Tested up to: 6.9.1
Requires PHP: 8.0
Text Domain: woo-order-pro
WooCommerce: 10.5.1
*/

/*
 * FILE INDEX: style.css
 * PURPOSE: Minimal base styles + global token fallbacks.
 *
 * NOTE:
 * - The main UI styles live in assets/wooorder-frontend-layout.css
 * - Token overrides are injected via wp_add_inline_style (see inc/ui/tokens.php)
 */

:root {
	/* Typography */
	--wooorder-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	--wooorder-font-base: 16px;
	--wooorder-font-sm: 14px;
	--wooorder-font-lg: 18px;
	--wooorder-font-xl: 22px;
	--wooorder-font-xxl: 28px;
	--wooorder-line-height: 1.5;

	/* Colors */
	--wooorder-primary-color: #ff5a6e;
	--wooorder-primary-hover: #e64a5c;
	--wooorder-secondary-color: #f5f7fb;
	--wooorder-dark-bg: #141414;
	--wooorder-darker-bg: #101010;
	--wooorder-card-bg: #1c1c1c;
	--wooorder-border-color: #4a4f58;
	--wooorder-text-primary: #f5f7fb;
	--wooorder-text-secondary: #d9dce3;
	--wooorder-text-muted: #b5bac4;
	--wooorder-success-color: #2f9e44;
	--wooorder-error-color: #d64545;
	--wooorder-warning-color: #f5f7fb;

	/* Sizing */
	--wooorder-radius: 25px;
	--wooorder-radius-sm: 15px;
	--wooorder-radius-lg: 35px;
	--wooorder-spacing-xs: 6px;
	--wooorder-spacing-sm: 10px;
	--wooorder-spacing-md: 14px;
	--wooorder-spacing-lg: 18px;
	--wooorder-spacing-xl: 24px;
	--wooorder-sticky-top: 24px;
	--wooorder-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.2);
	--wooorder-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.3);
	--wooorder-shadow-lg: 0 8px 25px rgba(0, 0, 0, 0.4);

	/* Component defaults */
	--wooorder-header-bg: var(--wooorder-dark-bg);
	--wooorder-footer-bg: var(--wooorder-darker-bg);
	--wooorder-button-bg: var(--wooorder-primary-color);
	--wooorder-button-bg-hover: var(--wooorder-primary-hover);
	--wooorder-button-text-color: #ffffff;
	--wooorder-button-radius: var(--wooorder-radius);

	/* Back-compat aliases (if any old CSS refers to these) */
	--color-primary: var(--wooorder-primary-color);
	--color-secondary: var(--wooorder-secondary-color);
	--dark-bg: var(--wooorder-dark-bg);
	--darker-bg: var(--wooorder-darker-bg);
	--card-bg: var(--wooorder-card-bg);
	--border-color: var(--wooorder-border-color);
	--text-primary: var(--wooorder-text-primary);
	--text-secondary: var(--wooorder-text-secondary);
	--text-muted: var(--wooorder-text-muted);
	--success-color: var(--wooorder-success-color);
	--error-color: var(--wooorder-error-color);
	--warning-color: var(--wooorder-warning-color);
}

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

html {
	font-size: var(--wooorder-font-base, 16px);
}


body {
	font-family: var(--wooorder-font-family, system-ui);
	line-height: var(--wooorder-line-height, 1.5);
	background-color: var(--wooorder-dark-bg, #1a1a1a);
	color: var(--wooorder-text-primary, #fff);
}

a {
	color: var(--wooorder-primary-color, #ff5a6e);
	text-decoration: none;
	transition: color 0.3s ease;
}

a:hover {
	color: var(--wooorder-primary-hover, #e64a5c);
}

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

button,
input,
select,
textarea {
	font: inherit;
}

/* WordPress helpers */
.alignleft { float: left; margin-right: 1rem; }
.alignright { float: right; margin-left: 1rem; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* Accessibility */
.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: 14px;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
