/*
Theme Name: True Green Code Child Fixed
Theme URI: https://truegreencode.com
Description: Child theme for True Green Code based on tmp_model design - FIXED VERSION
Author: True Green Code
Author URI: https://truegreencode.com
Template: twentytwentyfive
Version: 1.0.1
License: GPL v2 or later
Text Domain: truegreencode-child
*/

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

/* True Green Code Custom Styles - Based on tmp_model design */

:root {
    /* Green Color Scheme */
    --tgc-primary-green: #2e7d32;
    --tgc-dark-green: #1b5e20;
    --tgc-light-green: #4caf50;
    --tgc-accent-green: #81c784;
    --tgc-text-dark: #333333;
    --tgc-text-light: #666666;
    --tgc-background: #f9f9f9;
    --tgc-white: #ffffff;
    --tgc-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Global Styles */
body {
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif !important;
    line-height: 1.6 !important;
    color: var(--tgc-text-dark) !important;
    background-color: var(--tgc-background) !important;
    margin: 0;
    padding: 0;
}

/* WordPress Block Editor Styles */
.wp-block-cover {
    background: linear-gradient(135deg, var(--tgc-dark-green) 0%, var(--tgc-primary-green) 100%) !important;
    color: white !important;
    min-height: 80vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

.wp-block-cover h1 {
    font-size: 3rem !important;
    line-height: 1.2 !important;
    color: white !important;
    margin-bottom: 1rem !important;
}

.wp-block-cover p {
    font-size: 1.2rem !important;
    color: white !important;
    opacity: 0.9 !important;
    max-width: 700px !important;
    margin: 0 auto 2rem !important;
}

.wp-block-button a {
    display: inline-block !important;
    background-color: white !important;
    color: var(--tgc-primary-green) !important;
    padding: 1rem 2rem !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 1.1rem !important;
    transition: transform 0.3s, box-shadow 0.3s !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
}

.wp-block-button a:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25) !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    color: var(--tgc-dark-green) !important;
    font-weight: 600 !important;
}

h1 {
    font-size: 2.5rem !important;
    margin-bottom: 1.5rem !important;
}

h2 {
    font-size: 2rem !important;
    margin-bottom: 1.25rem !important;
}

/* Content Cards */
.wp-block-group.has-background {
    background: var(--tgc-white) !important;
    border-radius: 10px !important;
    padding: 2rem !important;
    box-shadow: var(--tgc-shadow) !important;
    border-top: 4px solid var(--tgc-primary-green) !important;
    margin-bottom: 2rem !important;
}

/* Responsive Design */
@media (max-width: 768px) {
    .wp-block-cover h1 {
        font-size: 2rem !important;
    }
    
    .wp-block-cover {
        min-height: 60vh !important;
        padding: 2rem 1rem !important;
    }
}

/* Navigation */
.wp-block-navigation {
    background-color: var(--tgc-white) !important;
    box-shadow: var(--tgc-shadow) !important;
    padding: 1rem 0 !important;
}

.wp-block-navigation-item a {
    color: var(--tgc-text-dark) !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: color 0.3s !important;
}

.wp-block-navigation-item a:hover {
    color: var(--tgc-primary-green) !important;
}

/* Footer */
footer {
    background-color: var(--tgc-dark-green) !important;
    color: white !important;
    padding: 3rem 0 !important;
    text-align: center !important;
    margin-top: 3rem !important;
}

/* Utility Classes */
.tgc-green-bg {
    background: linear-gradient(135deg, var(--tgc-dark-green) 0%, var(--tgc-primary-green) 100%) !important;
    color: white !important;
}

.tgc-card {
    background: var(--tgc-white) !important;
    border-radius: 10px !important;
    padding: 2rem !important;
    box-shadow: var(--tgc-shadow) !important;
}