/*
Theme Name: EcoShine Custom
Theme URI: https://ecoshineservices.co.nz
Author: EcoShine Services
Description: Custom child theme for EcoShine Services
Version: 1.0.0
Template: ultra
*/

:root {
    --ecoshine-primary: #0F2A1F;
    --ecoshine-secondary: #2E8B7A;
    --ecoshine-light: #f0f8f5;
}

html { scroll-behavior: smooth; }

#top-bar { display: none !important; }

.site-footer { display: block !important; visibility: visible !important; }

.site-footer .footer-main { background: linear-gradient(135deg, #1a5d3a 0%, var(--ecoshine-dark) 100%); padding: 40px 0; }

.site-footer .widget-title { color: white !important; }

.site-footer .widget p { color: #e0e0e0 !important; }

.site-footer .widget { color: white !important; }

.site-footer .eco-badge { background: var(--ecoshine-secondary) !important; color: white !important; display: inline-block !important; padding: 8px 15px !important; margin: 5px !important; border-radius: 20px !important; }

.site-footer .bottom-bar { background: var(--ecoshine-dark) !important; padding: 20px 0 !important; }

.site-footer .site-info { color: white !important; text-align: center !important; }

.site-footer .site-info a { color: var(--ecoshine-light) !important; }

#colophon { display: block !important; min-height: 200px !important; background: #1a5d3a !important; }

#colophon * { color: white !important; }

body::before, body::after { display: none !important; }

.site-title, .site-description { color: white !important; }

.site-header.sticky-header { background: linear-gradient(135deg, #0F2A1F 0%, #1B4D3E 50%, #2E8B7A 100%) !important; }

.site-header.sticky-header .site-title,
.site-header.sticky-header .site-description,
.site-header.sticky-header .main-navigation ul li a { color: white !important; }

.site-content > *:not(section) { display: none !important; }

body > *:not(.site):not(script):not(style):not(noscript) { display: none !important; }

body::first-line { font-size: 0 !important; line-height: 0 !important; height: 0 !important; }

.site::before { content: none !important; }

body { overflow-x: hidden; }

body > pre, body > code { display: none !important; }

#page::before { display: none !important; }

.entry-content, .site-content { max-width: 100% !important; padding: 0 !important; margin: 0 !important; }

body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif; line-height: 1.6; }

.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

.ecoshine-hero {
    background: linear-gradient(135deg, var(--ecoshine-primary) 0%, var(--ecoshine-secondary) 100%);
    color: white;
    padding: 120px 20px;
    text-align: center;
    min-height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ecoshine-hero .container { width: 100%; }

.ecoshine-hero h1 { font-size: 3.5rem; margin-bottom: 20px; font-weight: 700; }

.hero-cta { display: flex; gap: 20px; justify-content: center; margin-top: 30px; flex-wrap: wrap; }

.service-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
}

.service-card {
    background: var(--ecoshine-light);
    padding: 35px;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    transition: transform 0.3s;
}

.service-card:hover { transform: translateY(-10px); }

.eco-badge {
    background: var(--ecoshine-secondary);
    color: white;
    padding: 8px 20px;
    border-radius: 20px;
    font-weight: bold;
}

.button {
    background: var(--ecoshine-secondary);
    color: white;
    padding: 15px 35px;
    border-radius: 30px;
    text-decoration: none;
    font-weight: bold;
}

#contact h2, #contact h3, #contact p, #contact a, #contact span { color: white !important; }