/*
Theme Name:   Astra Child
Theme URI:    https://example.com
Description:  Professional Astra Child Theme for WordPress development
Author:       Your Name
Author URI:   https://example.com
Template:     astra
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:  astra-child
*/

/**
 * Table of Contents:
 *
 * 1. Base Styles
 * 2. Header
 * 3. Navigation
 * 4. Content
 * 5. Sidebar
 * 6. Footer
 * 7. WooCommerce
 * 8. Media Queries
 */

/* ==========================================================================
   1. Base Styles
   ========================================================================== */

:root {
    --primary-color: #0073aa;
    --secondary-color: #005177;
    --text-color: #333333;
    --light-gray: #f5f5f5;
    --border-color: #e0e0e0;
    --spacing-unit: 1rem;
    --max-width: 1200px;
    --transition: all 0.3s ease;
}

/* Import parent theme styles */
/* @import url("../astra/style.css"); */

/* ==========================================================================
   2. Header
   ========================================================================== */

.site-header {
    /* Custom header styles */
}

/* ==========================================================================
   3. Navigation
   ========================================================================== */

.main-navigation {
    /* Custom navigation styles */
}

/* ==========================================================================
   4. Content
   ========================================================================== */

.site-content {
    /* Custom content styles */
}

/* ==========================================================================
   5. Sidebar
   ========================================================================== */

.widget-area {
    /* Custom sidebar styles */
}

/* ==========================================================================
   6. Footer
   ========================================================================== */

.site-footer {
    /* Custom footer styles */
}

/* ==========================================================================
   7. WooCommerce
   ========================================================================== */

.woocommerce {
    /* Custom WooCommerce styles */
}

/* ==========================================================================
   8. Media Queries
   ========================================================================== */

/* Tablet */
@media screen and (max-width: 768px) {
    /* Tablet styles */
}

/* Mobile */
@media screen and (max-width: 480px) {
    /* Mobile styles */
}