/*
Theme Name:   Astra LED Child
Theme URI:    http://nx.r350.com
Description:  Professional LED Display Screen Company Theme - Child theme for Astra
Author:       LED Display Solutions
Author URI:   http://nx.r350.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-led-child
*/

/* 
==========================================================================
Theme: Astra LED Child Theme
Description: Custom child theme for LED display screen manufacturer
Colors: Blue tech theme inspired by EagerLED
==========================================================================
*/

/* Root Variables - Color Scheme */
:root {
    --primary-color: #1a73e8;
    --secondary-color: #0d47a1;
    --accent-color: #00bcd4;
    --text-dark: #212121;
    --text-gray: #666666;
    --text-light: #999999;
    --bg-light: #f5f7fa;
    --bg-white: #ffffff;
    --border-color: #e0e0e0;
    --success-color: #4caf50;
    --gradient-primary: linear-gradient(135deg, #1a73e8 0%, #0d47a1 100%);
    --gradient-accent: linear-gradient(135deg, #00bcd4 0%, #1a73e8 100%);
}

/* Basic Resets */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Remove spacing between header and content */
.site-content,
#content,
#primary,
.hero-section {
    margin-top: 0 !important;
}

/* Remove spacing at bottom of main content */
.site-main,
#primary {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.site-header {
    margin-bottom: 0 !important;
}

/* Astra theme overrides */
.ast-separate-container .ast-article-single,
.ast-separate-container .ast-article-post,
.ast-separate-container .ast-page-builder-template {
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.ast-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Remove gap between sections */
.site-content section {
    margin-bottom: 0 !important;
}

.site-content section + footer {
    margin-top: 0 !important;
}

