/**
 * Rajaram inner pages — headings, color, and rhythm aligned with the home experience.
 * Loaded after page-local <style> blocks (see footer) so these rules win.
 */

:root {
    --rj-page-bg-warm: #fffaf2;
    --rj-page-bg: #ffffff;
    --rj-display-heading-size: clamp(2.25rem, 8.5vw, 4.75rem);
    --rj-section-heading-size: clamp(1.75rem, 5vw, 3rem);
    --rj-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}

/* —— Canvas —— */
body.about-page-body,
body.page-infrastructure,
body.page-store-catalog {
    background-color: #ffffff !important;
    color: #111111;
}

body.page-contact,
body.page-jobs,
body.page-product-detail,
body.page-blog-detail,
body.page-job-detail,
body.page-blog-list {
    background-color: var(--rj-page-bg-warm) !important;
    color: #111111;
}

.about-page,
.store-catalog-page,
.infrastructure-page {
    background-color: #ffffff !important;
}

#rajaram-product-detail-page.rj-product-detail,
#contact-hero,
#contact-form-section,
.career-page-sec {
    background-color: #fff !important;
}

#rj-product-detail-related.home-products-section {
    background-color: #fff !important;
}

/* —— Display headings (home-style Montserrat light) —— */
body:not(.page-home) .about-page-hero__heading,
body:not(.page-home) .contact-hero__heading,
body:not(.page-home) .jobs-page-hero__heading,
body:not(.page-home) .infrastructure-hero__heading,
body:not(.page-home) .store-catalog-heading,
body:not(.page-home) #contact-form-section .contact-form-section__heading,
body:not(.page-home) .about-group-intro .about-owners__title,
body:not(.page-home) #rj-product-detail-related .home-products-heading,
.page-product-detail .home-products-heading,
.page-store-catalog .home-products-heading {
    font-family: var(--rj-font-body, "Montserrat", sans-serif) !important;
    font-weight: 300 !important;
    font-size: var(--rj-display-heading-size) !important;
    line-height: 0.92 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    color: #000000 !important;
}

/* Dark-band section headings */
.about-owners__title,
.about-journey__title {
    font-family: var(--rj-font-body, "Montserrat", sans-serif) !important;
    font-weight: 300 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
}

.about-owners__title {
    font-size: var(--rj-display-heading-size) !important;
    line-height: 0.92 !important;
    color: #ffffff !important;
}

.about-journey__title {
    font-size: var(--rj-section-heading-size) !important;
    line-height: 0.95 !important;
    color: #ffffff !important;
}

.infrastructure-section__title {
    font-family: var(--rj-font-body, "Montserrat", sans-serif) !important;
    font-weight: 300 !important;
    font-size: clamp(1.35rem, 2.8vw, 2rem) !important;
    letter-spacing: -0.02em !important;
    text-transform: uppercase !important;
    color: #111111 !important;
}

.about-group-stat__value {
    font-family: var(--rj-font-body, "Montserrat", sans-serif) !important;
    font-weight: 300 !important;
    letter-spacing: -0.03em !important;
}

/* —— Accent words (secondary green on light; gold on dark) —— */
body:not(.page-home) .about-page-hero__highlight,
body:not(.page-home) .contact-hero__highlight,
body:not(.page-home) .jobs-page-hero__highlight,
body:not(.page-home) .infrastructure-hero__highlight,
body:not(.page-home) .store-catalog-heading .home-projects-heading-accent,
body:not(.page-home) .about-group-intro .about-owners__highlight,
body:not(.page-home) #rj-product-detail-related .home-projects-heading-accent {
    color: var(--rj-brand-secondary, #036242) !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    font-style: normal !important;
}

.about-owners__highlight,
.about-journey__highlight {
    color: var(--rj-brand, #ffda5c) !important;
}

/* —— Eyebrows / taglines —— */
body:not(.page-home) .about-page-hero__tagline,
body:not(.page-home) .contact-hero__tagline,
body:not(.page-home) .jobs-page-hero__tagline,
body:not(.page-home) .infrastructure-hero__tagline,
body:not(.page-home) .about-group-intro .about-owners__eyebrow,
body:not(.page-home) .infrastructure-section__eyebrow {
    color: var(--rj-brand-secondary, #036242) !important;
    font-family: var(--rj-font-body, "Montserrat", sans-serif) !important;
    font-weight: 500 !important;
    letter-spacing: 0.16em !important;
}

/* —— Blog listing: same dark band as home blog —— */
html.page-blog-list {
    background-color: var(--rj-surface-dark, #0e382c) !important;
}

#blog-listing-page {
    background-color: var(--rj-surface-dark, #0e382c) !important;
    color: #f5f8f6 !important;
}

#blog-listing-page .blog-listing-hero__tagline {
    color: rgba(255, 218, 92, 0.9) !important;
    letter-spacing: 0.16em !important;
}

#blog-listing-page .blog-listing-hero__heading {
    font-family: var(--rj-font-body, "Montserrat", sans-serif) !important;
    font-weight: 300 !important;
    font-size: var(--rj-display-heading-size) !important;
    line-height: 0.92 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
}

#blog-listing-page .blog-listing-hero__highlight {
    color: var(--rj-brand, #ffda5c) !important;
}

#blog-listing-page .blog-listing-hero__desc {
    color: rgba(255, 255, 255, 0.78) !important;
}

/* —— About: leadership & journey bands —— */
.about-owners {
    background: var(--rj-surface-dark, #0e382c) !important;
    color: #f5f8f6 !important;
}

#leadership.about-owners .about-owners__eyebrow {
    color: rgba(255, 218, 92, 0.88) !important;
    letter-spacing: 0.16em !important;
}

#leadership.about-owners .about-owners__desc {
    color: rgba(255, 255, 255, 0.78) !important;
}

.about-group-intro .about-owners__desc {
    color: #444444 !important;
}

.about-page-hero.about-rajaram-intro .about-rajaram-highlights,
.about-page-hero.about-rajaram-intro .about-rajaram-highlight {
    text-align: left;
}

.about-journey {
    background: #0a2a22 !important;
    color: #e8f0ed !important;
}

.about-journey__eyebrow {
    color: rgba(255, 218, 92, 0.75) !important;
    letter-spacing: 0.16em !important;
}

/* —— Cards & surfaces —— */
.about-rajaram-highlight {
    border-radius: 28px !important;
    border: 1px dashed rgba(3, 98, 66, 0.35) !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.about-rajaram-highlight:hover {
    border-color: var(--rj-brand-secondary, #036242) !important;
    box-shadow: none !important;
    transform: none !important;
}

.about-rajaram-highlight__icon {
    background: transparent !important;
    color: #04895c !important;
    border-radius: 0 !important;
}

#contact-form-section .contact-form-section__card {
    background: #ffffff !important;
    border-radius: 0 !important;
    border-color: rgba(3, 98, 66, 0.1) !important;
    box-shadow: 0 24px 56px rgba(14, 56, 44, 0.07) !important;
}

#contact-hero .contact-info-card {
    border-radius: 28px !important;
    border: 1px dashed rgba(3, 98, 66, 0.35) !important;
    background: #ffffff !important;
    box-shadow: none !important;
    transition: border-color 0.25s ease;
}

#contact-hero .contact-info-card:hover {
    border-color: var(--rj-brand-secondary, #036242) !important;
    box-shadow: none !important;
    transform: none !important;
}


.infrastructure-pillar {
    border-radius: 28px !important;
    border: 1px dashed rgba(3, 98, 66, 0.35) !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.infrastructure-pillar:hover {
    border-color: var(--rj-brand-secondary, #036242) !important;
    box-shadow: none !important;
}

.infrastructure-pillar__icon {
    background: transparent !important;
    color: #04895c !important;
    border-radius: 0 !important;
}

/* —— Links & accents —— */
body:not(.page-home) a:hover,
#rajaram-product-detail-page .site-page-breadcrumb__item a:hover {
    color: var(--rj-brand-secondary, #036242);
}

.career-page-sec {
    --career-accent: var(--rj-brand-secondary, #036242);
    --career-bg: var(--rj-page-bg-warm);
}

.career-row:hover .career-row__title span {
    color: var(--rj-brand-secondary, #036242);
}

/* —— Subtle page entrance —— */
@media (prefers-reduced-motion: no-preference) {
    body:not(.page-home) main,
    body:not(.page-home) #about-page,
    body:not(.page-home) #blog-listing-page,
    body:not(.page-home) #jobs-page,
    body:not(.page-home) #infrastructure-page,
    body:not(.page-home) #store-catalog-products,
    body:not(.page-home) #rajaram-product-detail-page {
        animation: rjPageReveal 0.75s var(--rj-ease-out) both;
    }
}

@keyframes rjPageReveal {
    from {
        opacity: 0;
        transform: translateY(14px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 767px) {
    :root {
        --rj-display-heading-size: clamp(1.85rem, 9vw, 2.75rem);
    }
}

/* —— Blog cards on listing (forest palette) —— */
#blog-listing-page .rj-blog-card__media--job,
#blog-listing-page .rj-blog-card--info .rj-blog-card__media--info {
    background: linear-gradient(145deg, #125a47 0%, var(--rj-surface-dark, #0e382c) 52%, #062018 100%) !important;
}

#blog-listing-page .rj-blog-card__job-index {
    font-family: var(--rj-font-body, "Montserrat", sans-serif) !important;
    font-weight: 300 !important;
    color: rgba(255, 218, 92, 0.18) !important;
}

#blog-listing-page .rj-blog-card__info-icon {
    color: rgba(255, 218, 92, 0.88) !important;
}

#blog-listing-page .rj-blog-card__link,
#blog-listing-page .rj-blog-card__link--static {
    border-radius: 28px !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

#blog-listing-page .rj-blog-card:hover .rj-blog-card__link,
#blog-listing-page .rj-blog-card:focus-within .rj-blog-card__link {
    border-color: var(--rj-brand, #ffda5c) !important;
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.28) !important;
}

/* —— Blog detail —— */
body.page-blog-detail {
    --rj-blog-bg: var(--rj-page-bg-warm);
    --rj-blog-accent: var(--rj-brand-secondary, #036242);
}

body.page-blog-detail .site-page-breadcrumb__item a:hover,
body.page-blog-detail .site-page-breadcrumb__item.is-current span {
    color: var(--rj-brand-secondary, #036242) !important;
}

/* —— Store listing cards —— */
.rj-listing-card {
    border-radius: 0 !important;
    background: #ffffff !important;
    border-color: rgba(3, 98, 66, 0.1) !important;
}

button.rj-listing-card:hover,
.rj-listing-card:has(.rj-listing-card__anchor:hover),
.rj-listing-card:hover {
    border-color: rgba(3, 98, 66, 0.35) !important;
    box-shadow: 0 18px 40px rgba(14, 56, 44, 0.08) !important;
}

.rj-listing-card.is-active {
    border-color: var(--rj-brand-secondary, #036242) !important;
    box-shadow: 0 20px 44px rgba(3, 98, 66, 0.12) !important;
}

/* —— Product detail hero eyebrow —— */
.rj-product-detail-hero__eyebrow {
    color: var(--rj-brand-secondary, #036242) !important;
    letter-spacing: 0.16em !important;
    font-weight: 500 !important;
}

.rj-product-detail-hero__title {
    font-family: var(--rj-font-body, "Montserrat", sans-serif) !important;
    font-weight: 300 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
}