/*
Theme Name: Meymatica - Gourmet Olive Oil & Spice WooCommerce Theme
Theme URI: https://meyil.net
Author: meyiLNET
Author URI: https://meyil.net
Description: Zeylinnaturel için Elementor ve sayfa yapıcı eklentilerden arındırılmış, saf PHP ve CSS tabanlı ultra hızlı WooCommerce teması.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: meymatica
*/

/* -------------------------------------------------------------------------
 * MEYMATICA THEME ROOT VARIABLES & CSS RESET
 * ------------------------------------------------------------------------- */
:root {
    /* Color Palette - Olive & Organic Natural */
    --mey-primary: #2D4030;
    /* Deep Olive Green */
    --mey-primary-hover: #1E2D21;
    /* Darker Olive */
    --mey-primary-light: #4A634E;
    /* Medium Olive */
    --mey-accent: #D4A373;
    /* Warm Gold / Extra Virgin Olive Oil */
    --mey-accent-hover: #C58F5B;
    /* Deep Gold */
    --mey-bg-body: #F9F8F3;
    /* Natural Linen White/Cream */
    --mey-bg-surface: #FFFFFF;
    /* Clean White */
    --mey-bg-alt: #F0EEE6;
    /* Light Beige Accent */
    --mey-text-main: #1C251D;
    /* Charcoal Black */
    --mey-text-muted: #626C63;
    /* Muted Charcoal */
    --mey-border: #E2DFD5;
    /* Soft Cream Border */
    --mey-success: #388E3C;
    --mey-danger: #D32F2F;

    /* Typography */
    --mey-font-heading: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
    --mey-font-body: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;

    /* Layout & Spacing */
    --mey-max-width: 1240px;
    --mey-radius-sm: 6px;
    --mey-radius-md: 12px;
    --mey-radius-lg: 20px;
    --mey-shadow-sm: 0 2px 8px rgba(28, 37, 29, 0.05);
    --mey-shadow-md: 0 4px 16px rgba(28, 37, 29, 0.08);
    --mey-shadow-lg: 0 10px 30px rgba(28, 37, 29, 0.12);
    --mey-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Core Styles & Universal Box Model Reset */
*, *::before, *::after {
    box-sizing: border-box;
}

html {
    box-sizing: border-box;
    width: 100%;
}

body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    position: relative;
    background-color: var(--mey-bg-body);
    color: var(--mey-text-main);
    font-family: var(--mey-font-body);
    margin: 0;
    padding: 0;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

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

a:hover {
    color: var(--mey-accent);
}

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

.container {
    width: 100%;
    max-width: var(--mey-max-width);
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}