/**
 * Pin for Life â€” green color grading (loads after page inline CSS)
 * 60% cream #fffaf7 Â· 25% deep #2A1132 Â· 10% #3F1D46 + gold Â· 5% sage #8ca673
 */

/* â€”â€”â€” Marquee / highlights â€”â€”â€” */
.fw-shree .info-marquee-slide {
    background: linear-gradient(
        135deg,
        rgba(201, 162, 75, 0.14) 0%,
        rgba(46, 26, 49, 0.78) 52%,
        rgba(30, 16, 33, 0.92) 100%
    ) !important;
}

.fw-shree .info-marquee-slide__eyebrow {
    color: var(--pfl-accent) !important;
}

.fw-shree .info-marquee-slide__title {
    color: var(--pfl-cream) !important;
}

.fw-shree .info-marquee-slide__desc {
    color: rgba(255, 250, 231, 0.75) !important;
}

/* â€”â€”â€” Stat / info cards â€”â€”â€” */
.fw-shree .info-text-card {
    background: linear-gradient(
        145deg,
        var(--pfl-surface) 0%,
        var(--pfl-base) 45%,
        var(--pfl-beige) 100%
    ) !important;
}

.fw-shree .info-text-card__eyebrow,
.fw-shree .info-text-card__stat,
.fw-shree .info-text-card__headline {
    color: var(--pfl-green) !important;
}

.fw-shree .info-text-card__line {
    color: var(--pfl-muted) !important;
}

/* â€”â€”â€” Amenity slider â€”â€”â€” */
.fw-shree .amenity-text-slide__inner {
    background: linear-gradient(
        160deg,
        var(--pfl-ink) 0%,
        var(--pfl-green) 48%,
        var(--pfl-forest) 100%
    ) !important;
}

.fw-shree .amenity-text-slide__title {
    color: var(--pfl-cream) !important;
}

.fw-shree .amenity-text-slide__desc {
    color: rgba(255, 250, 231, 0.88) !important;
}

/* â€”â€”â€” Spec header â€”â€”â€” */
.fw-shree .spec-text-header {
    background: linear-gradient(135deg, var(--pfl-ink) 0%, var(--pfl-green) 100%) !important;
}

/* â€”â€”â€” Layout / brochure panels â€”â€”â€” */
.fw-shree .layout-info-panel,
.fw-shree .brochure-info-panel {
    background: linear-gradient(
        180deg,
        var(--pfl-base) 0%,
        var(--pfl-surface) 100%
    ) !important;
}

.fw-shree .layout-info-panel__badge,
.fw-shree .brochure-info-panel__badge {
    color: var(--pfl-green) !important;
    border-color: rgba(63, 29, 70, 0.22) !important;
}

/* â€”â€”â€” Flipbook â€”â€”â€” */
.fw-shree .flipbook-container {
    background-color: var(--pfl-base) !important;
    border-color: var(--pfl-border) !important;
}

.fw-shree #brochure .flipbook-container .df-container {
    background: var(--pfl-surface) !important;
}

/* â€”â€”â€” Gallery focus â€”â€”â€” */
.fw-shree .gallery-marquee-slide:focus-visible {
    outline-color: var(--pfl-accent) !important;
}

/* â€”â€”â€” Footer accents â€”â€”â€” */
.fw-shree .footer-link::after {
    background-color: var(--pfl-accent) !important;
}

.fw-shree .footer-social-icon-btn {
    border-color: rgba(201, 162, 75, 0.4) !important;
    color: var(--pfl-accent) !important;
}

.fw-shree .footer-social-icon-btn:hover {
    background: rgba(201, 162, 75, 0.18) !important;
    border-color: var(--pfl-accent) !important;
    color: #ffffff !important;
}

/* â€”â€”â€” Spec cards icons â€”â€”â€” */
.fw-shree .text-brand-sage {
    color: var(--pfl-label) !important;
}

/* â€”â€”â€” Form / modal utilities â€”â€”â€” */
.fw-shree .bg-brand-cream\/40 {
    background-color: rgba(255, 250, 231, 0.7) !important;
}

.fw-shree .border-brand-cream\/40,
.fw-shree .border-brand-cream\/70 {
    border-color: rgba(232, 228, 212, 0.75) !important;
}

.fw-shree .bg-brand-primary\/10 {
    background-color: rgba(63, 29, 70, 0.1) !important;
}

.fw-shree .selection\:text-brand-cream::selection {
    color: var(--pfl-ink) !important;
}

