/*
Theme Name: CustomPro
Theme URI: https://custompro-theme.com
Author: CustomPro Team
Author URI: https://custompro-theme.com
Description: A fully customizable WordPress theme with 300+ theme options, multiple header/footer designs, Google Fonts integration (60+ fonts), WooCommerce support, dynamic CSS generation, mobile responsive controls, and comprehensive styling options. Perfect for any website from business to blog to eCommerce. Features include: 4 header styles, 4 footer styles, unlimited colors, advanced typography controls, performance optimizations, lazy loading, SEO ready, and import/export settings.
Version: 1.0.0
Tested up to: 6.4
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: custompro
Tags: one-column, two-columns, right-sidebar, left-sidebar, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, blog, e-commerce, portfolio, custom-header, custom-background, flexible-header, accessibility-ready, block-styles, wide-blocks
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
    - Normalize
    - Box sizing
# Base
    - Typography
    - Elements
    - Links
    - Forms
# Layouts
# Components
    - Navigation
    - Posts and pages
    - Comments
    - Widgets
    - Media
# Utilities
    - Accessibility
    - Alignments
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
* {
    box-sizing: border-box;
}

html {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
    overflow-x: hidden;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
    color: var(--custompro-text-color, #1e1e1e);
    font-family: var(--custompro-body-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
    font-size: var(--custompro-body-font-size, 16px);
    line-height: var(--custompro-body-line-height, 1.6);
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-family: var(--custompro-heading-font, inherit);
    font-weight: 700;
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 1rem;
}

a {
    color: var(--custompro-link-color, #007cba);
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover {
    color: var(--custompro-link-hover-color, #005177);
}

button,
input[type="button"],
input[type="submit"] {
    background: var(--custompro-primary-color, #007cba);
    color: #fff;
    padding: 12px 24px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
}

button:hover {
    background: var(--custompro-primary-hover, #005177);
    transform: translateY(-2px);
}

.container {
    max-width: var(--custompro-container-width, 1200px);
    margin: 0 auto;
    padding: 0 15px;
}

.site-main {
    min-height: 50vh;
    padding: 40px 0;
}