/*
Theme Name: ExtremeFood
Theme URI: https://extremefood.eu
Author: ExtremeFood Team
Author URI: https://extremefood.eu
Description: Premium dark e-commerce theme for extreme food products. Mobile-first, multilingual, conversion-optimized.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 8.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: extremefood
Domain Path: /languages
Tags: e-commerce, woocommerce, dark, multilingual, food, premium

ExtremeFood WordPress Theme, Copyright 2026 ExtremeFood
ExtremeFood is distributed under the terms of the GNU GPL v3 or later.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Design Tokens
2.0 Typography
3.0 Layout
4.0 Components
5.0 WooCommerce
6.0 Responsive
7.0 Utilities
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Design Tokens - Imported from separate file
--------------------------------------------------------------*/
@import url('assets/css/design-tokens.css');

/*--------------------------------------------------------------
2.0 Typography - Imported from separate file
--------------------------------------------------------------*/
@import url('assets/css/typography.css');

/*--------------------------------------------------------------
Global Reset
--------------------------------------------------------------*/
* {
  box-sizing: border-box;
}

html {
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  margin: 0;
  padding: 0;
  font-family: var(--ef-font-family);
  font-size: var(--ef-font-size-base);
  line-height: 1.6;
  color: var(--ef-text-primary);
  background-color: var(--ef-black);
  overflow-x: hidden;
}

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

a {
  color: var(--ef-accent-lime);
  text-decoration: none;
  transition: opacity var(--ef-transition-fast);
}

a:hover {
  opacity: 0.8;
}

button {
  font-family: inherit;
  cursor: pointer;
}

/*--------------------------------------------------------------
Layout
--------------------------------------------------------------*/
@import url('assets/css/layout.css');

/*--------------------------------------------------------------
Components - Will be added progressively
--------------------------------------------------------------*/
/* Component styles will be added in Phase 8 */

/*--------------------------------------------------------------
WooCommerce - Will be added in Phase 10+
--------------------------------------------------------------*/
/* WooCommerce overrides will be added later */

/*--------------------------------------------------------------
Utilities
--------------------------------------------------------------*/
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.text-center {
  text-align: center;
}

.text-lime {
  color: var(--ef-accent-lime);
}

.text-orange {
  color: var(--ef-accent-orange);
}

.bg-black {
  background-color: var(--ef-black);
}

.bg-surface {
  background-color: var(--ef-surface);
}