/*
Theme Name: Kkey Woodesign Theme
Theme URI: https://kkey.io/
Author: Kkey.io
Author URI: https://kkey.io/
Description: AI-generated WooCommerce theme by Kkey Woodesign plugin. Fully customized design with images, buttons, and professional layouts.
Version: 3.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kkey-woodesign-theme
*/

/* ═══════════════════════════════════════════════════════════════
   Base Reset & Defaults
   ═══════════════════════════════════════════════════════════════ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; }
body {
    font-family: var(--kkey-font-body, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
    font-size: 16px;
    line-height: 1.7;
    color: var(--kkey-color-text, #1a1a2e);
    background: var(--kkey-color-bg, #ffffff);
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--kkey-color-primary, #6C63FF); text-decoration: none; transition: color 0.2s; }
a:hover { color: var(--kkey-color-primary-dark, #5A52D5); }
h1, h2, h3, h4, h5, h6 {
    font-family: var(--kkey-font-heading, inherit);
    font-weight: 700;
    line-height: 1.3;
    color: var(--kkey-color-heading, #1a1a2e);
}
h1 { font-size: clamp(2rem, 5vw, 3.2rem); }
h2 { font-size: clamp(1.6rem, 4vw, 2.4rem); }
h3 { font-size: clamp(1.2rem, 3vw, 1.6rem); }
p { margin-bottom: 1em; }

/* Container */
.kkey-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
.kkey-container-wide {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Buttons */
.kkey-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 32px;
    border-radius: 8px;
    border: none;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.25s ease;
    text-decoration: none;
    letter-spacing: 0.3px;
}
.kkey-btn-primary {
    background: var(--kkey-color-primary, #6C63FF);
    color: #fff;
    box-shadow: 0 4px 14px rgba(108,99,255,0.3);
}
.kkey-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(108,99,255,0.45);
    color: #fff;
}
.kkey-btn-secondary {
    background: transparent;
    border: 2px solid var(--kkey-color-primary, #6C63FF);
    color: var(--kkey-color-primary, #6C63FF);
}
.kkey-btn-secondary:hover {
    background: var(--kkey-color-primary, #6C63FF);
    color: #fff;
}

/* WordPress classes */
.screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    position: absolute !important;
    height: 1px; width: 1px;
    overflow: hidden;
}
.alignleft { float: left; margin-right: 1.5em; }
.alignright { float: right; margin-left: 1.5em; }
.aligncenter { display: block; margin: 0 auto; }

/* ═══════════════════════════════════════════════════════════════
   AI-generated CSS is loaded dynamically via functions.php
   ═══════════════════════════════════════════════════════════════ */