/*
 * Growatown Homepage Color Scheme
 * Based on the visual language of https://growatown.com:
 * warm orange/red accent + black + white + soft neutral grays.
 * Loaded only by the homepage so existing inner-page styling/functionality is preserved.
 */

:root {
    --gt-primary: #CF4628;
    --gt-primary-dark: #B93D23;
    --gt-primary-soft: #FFF4EF;
    --gt-black: #080808;
    --gt-black-2: #111111;
    --gt-white: #FFFFFF;
    --gt-bg: #FFFFFF;
    --gt-surface: #FFFFFF;
    --gt-surface-soft: #FAF9F7;
    --gt-text: #171717;
    --gt-muted: #686868;
    --gt-border: #E7E5E1;
    --gt-success: #25D366;
    --gt-shadow: rgba(15, 23, 42, .07);

    /* Existing variables used throughout the homepage */
    --theme-color: var(--gt-primary);
    --theme-color2: var(--gt-primary);
    --title-color: var(--gt-text);
    --body-color: #3F3F3F;
    --smoke-color: var(--gt-surface-soft);
    --smoke-color2: #F5F3F0;
    --black-color: var(--gt-black);
    --black-color2: #101010;
    --gray-color: #A6A6A6;
    --white-color: var(--gt-white);
    --light-color: #BDBDBD;
    --yellow-color: var(--gt-primary);
    --th-border-color: var(--gt-border);
    --th-border-color2: #EEECE8;
    --th-body-background: var(--gt-bg);
    --bg: var(--gt-bg);
    --panel: var(--gt-surface);
    --panel-border: var(--gt-border);
    --text: var(--gt-text);
    --muted: var(--gt-muted);
    --reddish-orange: var(--gt-primary);
    --green: #3FB950;
    --red: #E05252;
}

/* Base */
body {
    background: var(--gt-bg);
    color: var(--gt-text);
}

.page-wrap {
    background: var(--gt-bg);
    padding-top: 162px;
}

p {
    color: var(--gt-text);
}

a {
    color: var(--gt-primary);
}

a:hover {
    color: var(--gt-primary-dark);
}

/* Header */
.site-header {
    background: rgba(8, 8, 8, .96);
    border-bottom-color: #242424;
}

.main-nav a {
    color: #E8E8E8;
}

.main-nav a:hover,
.main-nav a.active {
    color: var(--gt-primary);
}

.main-nav a.active::after {
    background: var(--gt-primary);
}

.nav-toggle {
    color: #FFFFFF;
}

.header-cta,
.btn,
.final-cta-inner .btn,
.health-action .btn {
    background: var(--gt-primary);
    border-color: var(--gt-primary);
    color: #FFFFFF;
    box-shadow: 0 7px 18px rgba(207, 70, 40, .22);
}

.header-cta:hover,
.btn:hover,
.final-cta-inner .btn:hover,
.health-action .btn:hover {
    background: var(--gt-primary-dark);
    border-color: var(--gt-primary-dark);
    color: #FFFFFF;
}

/* Hero */
.hero-text h1,
.hero-text h1 .accent,
.accent {
    color: var(--gt-primary);
}

.hero-text h1 {
    color: var(--gt-text);
}

.hero-text h1 .accent {
    color: var(--gt-primary);
}

.hero-text p,
.section-sub,
.trust-label {
    color: var(--gt-muted);
}

.trust-logos {
    color: #565656;
}

.floating-card {
    background: rgba(17, 17, 17, .96);
    border-color: #303030;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .22);
}

.floating-card .card-label,
.card-kpi ul li {
    color: #C8C8C8;
}

.mini-chart polyline,
.mini-bars span {
    stroke: var(--gt-primary);
    background: var(--gt-primary);
}

.card-health .donut-fill {
    stroke: var(--gt-success);
}

.card-health .donut-caption {
    color: var(--gt-success);
}

/* Stats / cards */
.stats-bar,
.solution-card,
.why-quote,
.process,
.success-card,
.event-card,
.insight-card,
.widget,
.mini-services span,
.mini-date,
.subscription-sidebar,
.event-date {
    background: var(--gt-surface);
    border-color: var(--gt-border);
    box-shadow: 0 5px 18px var(--gt-shadow);
}

.solution-card:hover {
    border-color: var(--gt-primary);
    box-shadow: 0 10px 24px rgba(207, 70, 40, .10);
}

.stat-item i,
.solution-card i,
.solution-card a,
.why-list i,
.quote-icon,
.stars,
.step-num,
.process-step i,
.block-head h2 i,
.block-head .view-all,
.widget h3,
.widget-title-row a,
.widget-sub-row a,
.values-grid i,
.mini-services i,
.mini-date strong,
.mini-insight .tag,
.insight-card .tag,
.insight-card a,
.event-date strong,
.success-figures .after {
    color: var(--gt-primary);
}

/* Soft section separation */
.stats-bar,
.process {
    background: var(--gt-surface-soft);
}

.section-title,
.block-head h2,
.widget-sub,
.solution-card h3,
.process-step h3,
.event-info h4,
.insight-card h4 {
    color: var(--gt-text);
}

.solution-card p,
.process-step p,
.event-info span,
.mini-event-info span,
.mini-insight .meta,
.success-label,
.section-sub,
.widget p,
.widget-subhead {
    color: var(--gt-muted);
}

.why-list li,
.values-grid span,
.contact-list li {
    color: #3F3F3F;
}

/* Forms */
.contact-form input,
.contact-form textarea,
.newsletter-form input {
    background: #FFFFFF;
    border-color: var(--gt-border);
    color: var(--gt-text);
}

.contact-form input:focus,
.contact-form textarea:focus,
.newsletter-form input:focus {
    border-color: var(--gt-primary);
    box-shadow: 0 0 0 3px rgba(207, 70, 40, .08);
}

.social-row a {
    background: var(--gt-black-2);
    border-color: #2B2B2B;
    color: #FFFFFF;
}

.social-row a:hover {
    background: var(--gt-primary);
    border-color: var(--gt-primary);
    color: #FFFFFF;
}

/* CTA blocks */
.health-cta,
.final-cta {
    border-color: rgba(207, 70, 40, .25);
}

.health-cta::before,
.final-cta::before {
    border-left-color: var(--gt-primary);
}

.final-cta-inner h2,
.health-action h2 {
    color: var(--gt-text);
}

.final-cta-tags span {
    border-color: rgba(207, 70, 40, .35);
    background: #FFFFFF;
}

.final-cta-tags i {
    color: var(--gt-primary);
}

/* WhatsApp action stays recognizably green */
.whatsapp-btn,
.chat-whatsapp,
.chat-whatsapp a,
[class*="whatsapp"] .btn {
    background: var(--gt-success);
    border-color: var(--gt-success);
    color: #FFFFFF;
}

/* Footer — black/white with Growatown orange accents */
.site-footer {
    background: var(--gt-black);
    border-top-color: #242424;
}

.footer-brand p,
.footer-col a,
.footer-bottom,
.footer-bottom a {
    color: #BDBDBD;
}

.footer-col h4 {
    color: #FFFFFF;
}

.footer-col a:hover,
.footer-bottom a:hover {
    color: var(--gt-primary);
}

.footer-social a,
.footer-brand .social-row a {
    background: #181818;
    border-color: #2A2A2A;
}

.footer-social a:hover,
.footer-brand .social-row a:hover {
    background: var(--gt-primary);
    border-color: var(--gt-primary);
}

/* Selection + scrollbar */
::selection {
    background: var(--gt-primary);
    color: #FFFFFF;
}

body::-webkit-scrollbar-track {
    background: rgba(207, 70, 40, .08);
}

body::-webkit-scrollbar-thumb {
    background: var(--gt-primary);
}

/* Keep the orange accent visible on small screens */
@media (max-width: 900px) {
    .site-header {
        background: rgba(8, 8, 8, .98);
    }

    .main-nav {
        background: var(--gt-black);
        border-color: #292929;
    }

    .main-nav a {
        color: #F1F1F1;
    }
}