/*
 Theme Name: Kadence Child
 Template: kadence
 Version: 1.0.0
*/

/* ── Option 1: Dark Header ──────────────────────────────── */

/* Header background set via Customizer → Header → Header Main → Background (#111111) */

/* Site title text (next to logo) */
.site-header .site-title a,
.site-header .header-site-title a,
.site-header .site-title,
.site-header .header-site-title {
    color: #ffffff !important;
}

/* Top-level nav links */
.site-header .header-menu-container a {
    color: #ffffff !important;
}

/* Nav link hover → brand green + subtle green wash */
.site-header .header-menu-container a:hover {
    color: #579A17 !important;
    background-color: rgba(87, 154, 23, 0.28) !important;
}

/* Dropdown arrow/toggle */
.site-header .dropdown-toggle {
    color: #ffffff !important;
}

/* Dropdown sub-menu panel */
.site-header .sub-menu {
    background-color: #1a1a1a !important;
}

.site-header .sub-menu a {
    color: #ffffff !important;
}

.site-header .sub-menu a:hover {
    color: #579A17 !important;
    background-color: #222222 !important;
}

/* ─────────────────────────────────────────────────────────── */

/* ── Global: Green buttons ──────────────────────────────── */

.wp-block-button__link,
.wp-element-button {
    background-color: #579A17 !important;
    border-color: #579A17 !important;
    color: #ffffff !important;
}

.wp-block-button__link:hover,
.wp-element-button:hover {
    background-color: #4a8514 !important;
    border-color: #4a8514 !important;
    color: #ffffff !important;
}

/* ─────────────────────────────────────────────────────────── */

/* ── Option 2: Green accent on service cards ────────────── */

.service-card-box {
    border-top: 4px solid #579A17 !important;
}

/* ─────────────────────────────────────────────────────────── */

/* ── Homepage: Final CTA ────────────────────────────────── */

.pm-final-cta {
    background-color: #111111 !important;
    border-top: 4px solid #579A17 !important;
}

/* ─────────────────────────────────────────────────────────── */

/* ── Option 3: Dark "Industries We Serve" band ──────────── */

.home .pm-section-light {
    background: linear-gradient(135deg, #111111 0%, #1a2d08 100%) !important;
    border-top: 4px solid #579A17 !important;
    padding-top: 40px !important;
    border-radius: 12px !important;
}

.home .pm-section-light h2,
.home .pm-section-light p,
.home .pm-section-light h3 {
    color: #ffffff !important;
}

/* Invert dark icons to white */
.home .pm-section-light .industry-icon-img img,
.home .pm-section-light .industry-icon-img svg {
    filter: invert(1) brightness(2);
}

/* ─────────────────────────────────────────────────────────── */

/* ── About page ─────────────────────────────────────────── */

/* 1. Green underline on lifecycle heading */
.about-lifecycle h2 {
    padding-bottom: 12px;
}

.about-lifecycle h2::after {
    content: '';
    display: block;
    width: 48px;
    height: 3px;
    background-color: #579A17;
    margin: 10px auto 0;
}


/* 3. CTA section — dark with white text */
.about-cta {
    background-color: #111111 !important;
    border-top: 4px solid #579A17 !important;
    border-radius: 14px !important;
}

.about-cta h2,
.about-cta p {
    color: #ffffff !important;
}

/* ─────────────────────────────────────────────────────────── */

/* ── Industry & Service pages ───────────────────────────── */

/* Hero — green left border on main heading */
.page-hero-section h1 {
    border-left: 4px solid #579A17;
    padding-left: 16px;
}

/* Service section — subtle green top border */
.industry-section {
    border-top: 3px solid #579A17 !important;
    padding-top: 32px !important;
}

.industry-section p {
    margin-bottom: 0.75em !important;
}

/* CTA — dark, consistent with about-cta */
.service-cta,
.service-areas-cta {
    background-color: #111111 !important;
    border-top: 4px solid #579A17 !important;
    border-radius: 14px !important;
}

.service-cta h2,
.service-cta p,
.service-areas-cta h2,
.service-areas-cta p {
    color: #ffffff !important;
}

/* ─────────────────────────────────────────────────────────── */

/* ── Blog / Archive ─────────────────────────────────────── */

/* Blog archive title background set via Customizer → Archive → Blog Archive → Title Area → Background */

/* Page title accent — matches other page h1s */
.blog .page-title,
.blog h1.page-title {
    border-left: 4px solid #579A17;
    padding-left: 16px;
}

/* Green top accent on each post card */
.loop-entry {
    border-top: 3px solid #579A17 !important;
}

/* Post title hover → green */
.loop-entry .entry-title a:hover {
    color: #579A17 !important;
}

/* Category labels → green */
.loop-entry .entry-taxonomies a,
.loop-entry .entry-tax-wrap a {
    color: #579A17 !important;
}

/* Read More link → green */
.loop-entry a.read-more,
.loop-entry .read-more-link {
    color: #579A17 !important;
    font-weight: 600;
}

.loop-entry a.read-more:hover,
.loop-entry .read-more-link:hover {
    color: #4a8514 !important;
}

/* ─────────────────────────────────────────────────────────── */

/* ── Footer ─────────────────────────────────────────────── */

/* Dark footer background with green top accent */
.site-footer {
    background-color: #111111 !important;
    border-top: 4px solid #579A17 !important;
    margin-top: 48px !important;
}

/* Ensure all footer text is white */
.site-footer,
.site-footer p,
.site-footer a {
    color: rgba(255,255,255,0.85) !important;
}

.site-footer a:hover {
    color: #579A17 !important;
}

/* Left column info block */
.pm-footer-company {
    font-size: 1.5rem;
    font-weight: 700;
    color: #ffffff !important;
    margin-bottom: 4px;
}

.pm-footer-tagline {
    font-size: 0.85rem;
    color: rgba(255,255,255,0.65) !important;
    margin-bottom: 12px;
    font-style: italic;
}

.pm-footer-contact {
    font-size: 0.9rem;
    line-height: 1.8;
}

.pm-footer-contact a {
    color: rgba(255,255,255,0.85) !important;
    text-decoration: none;
}

.pm-footer-contact a:hover {
    color: #579A17 !important;
}

/* Center column contact */
.pm-footer-contact-center {
    text-align: center;
    line-height: 2;
}

.pm-footer-contact-center a {
    color: rgba(255,255,255,0.85) !important;
    text-decoration: none;
    font-size: 0.95rem;
}

.pm-footer-contact-center a:hover {
    color: #579A17 !important;
}

/* Right column credential logos */
.pm-footer-logos {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}

.pm-footer-logo {
    height: 120px;
    width: auto;
    object-fit: contain;
    opacity: 0.85;
}

.pm-footer-logo:hover {
    opacity: 1;
}

/* ─────────────────────────────────────────────────────────── */