/* =========================================================
   GWM Homepage Contrast + Card Polish
   Purpose:
   - Improve readability of sections 04 and 05
   - Make ministry/cards brighter, cleaner, premium
   - Add visible borders, soft glow, and stronger text contrast
   ========================================================= */

/* ---------------------------------------------------------
   Global homepage readability improvements
   --------------------------------------------------------- */

.gwm-homepage {
    --gwm-polish-green: #0f3d2e;
    --gwm-polish-green-dark: #062d1d;
    --gwm-polish-gold: #c8a24a;
    --gwm-polish-gold-soft: rgba(200, 162, 74, 0.16);
    --gwm-polish-cream: #fffaf0;
    --gwm-polish-text: #13231d;
    --gwm-polish-muted: #526173;
    --gwm-polish-border: rgba(15, 23, 42, 0.10);
    --gwm-polish-shadow: 0 24px 68px rgba(15, 23, 42, 0.12);
}

/* Text should never disappear in light sections */
.gwm-alt-section--light .gwm-home-heading,
.gwm-alt-section--cream .gwm-home-heading,
.gwm-alt-section--gold_soft .gwm-home-heading {
    color: #09271c !important;
}

.gwm-alt-section--light .gwm-home-text,
.gwm-alt-section--cream .gwm-home-text,
.gwm-alt-section--gold_soft .gwm-home-text {
    color: #475569 !important;
}

/* ---------------------------------------------------------
   Section 04 Ministries: premium green but readable
   --------------------------------------------------------- */

.gwm-alt-section--green {
    background:
        radial-gradient(circle at 88% 12%, rgba(200, 162, 74, 0.20), transparent 34%),
        radial-gradient(circle at 12% 90%, rgba(255, 255, 255, 0.09), transparent 32%),
        linear-gradient(135deg, #0f3d2e 0%, #123f32 48%, #f8f5ef 48%, #fffaf0 100%) !important;
}

.gwm-alt-section--green .gwm-alt-section__content {
    padding: clamp(28px, 4vw, 46px);
    border-radius: 34px;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(200, 162, 74, 0.24);
    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.16);
}

.gwm-alt-section--green .gwm-home-kicker {
    color: #a97812 !important;
}

.gwm-alt-section--green .gwm-home-heading {
    color: #09271c !important;
}

.gwm-alt-section--green .gwm-home-text {
    color: #475569 !important;
}

.gwm-alt-section--green .gwm-section-number {
    background: rgba(200, 162, 74, 0.16) !important;
    color: #a97812 !important;
    border-color: rgba(200, 162, 74, 0.30) !important;
}

/* ---------------------------------------------------------
   Section 05 Media/Sermons: lighter cinematic dark card
   --------------------------------------------------------- */

.gwm-alt-section--dark {
    background:
        radial-gradient(circle at 18% 20%, rgba(200, 162, 74, 0.20), transparent 34%),
        linear-gradient(135deg, #f8f5ef 0%, #fffaf0 42%, #0f3d2e 42%, #062d1d 100%) !important;
}

.gwm-alt-section--dark .gwm-alt-section__content {
    padding: clamp(28px, 4vw, 46px);
    border-radius: 34px;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(200, 162, 74, 0.24);
    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.16);
}

.gwm-alt-section--dark .gwm-home-kicker {
    color: #a97812 !important;
}

.gwm-alt-section--dark .gwm-home-heading {
    color: #09271c !important;
}

.gwm-alt-section--dark .gwm-home-text {
    color: #475569 !important;
}

.gwm-alt-section--dark .gwm-section-number {
    background: rgba(200, 162, 74, 0.16) !important;
    color: #a97812 !important;
    border-color: rgba(200, 162, 74, 0.30) !important;
}

/* ---------------------------------------------------------
   Image placeholder polish for dark/green sections
   --------------------------------------------------------- */

.gwm-alt-section__image-placeholder,
.gwm-numbered-image-placeholder {
    border: 1px solid rgba(200, 162, 74, 0.26) !important;
    background:
        radial-gradient(circle at 28% 22%, rgba(200, 162, 74, 0.26), transparent 34%),
        linear-gradient(135deg, #0f3d2e, #062d1d) !important;
    box-shadow:
        0 26px 70px rgba(15, 23, 42, 0.18),
        inset 0 0 0 1px rgba(255, 255, 255, 0.08) !important;
}

.gwm-numbered-image-placeholder span {
    color: #d7b768 !important;
    text-shadow: 0 12px 34px rgba(0, 0, 0, 0.28);
}

.gwm-numbered-image-placeholder strong {
    color: #ffffff !important;
}

/* ---------------------------------------------------------
   Ministry cards: brighter premium card system
   --------------------------------------------------------- */

.gwm-wow-card-grid {
    align-items: stretch;
}

.gwm-wow-card {
    min-height: 300px !important;
    padding: 30px !important;
    border-radius: 32px !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(255, 250, 240, 0.98)),
        radial-gradient(circle at top right, rgba(200, 162, 74, 0.18), transparent 36%) !important;
    color: #09271c !important;
    border: 1px solid rgba(15, 23, 42, 0.10) !important;
    box-shadow:
        0 22px 60px rgba(15, 23, 42, 0.10),
        inset 0 0 0 1px rgba(255, 255, 255, 0.72) !important;
}

.gwm-wow-card::before {
    inset: -30% -18% auto auto !important;
    width: 210px !important;
    height: 210px !important;
    background: rgba(200, 162, 74, 0.20) !important;
    opacity: 0.85;
}

.gwm-wow-card::after {
    content: "";
    position: absolute;
    inset: 14px;
    border-radius: 24px;
    border: 1px solid rgba(200, 162, 74, 0.16);
    pointer-events: none;
}

.gwm-wow-card:hover,
.gwm-wow-card:focus {
    transform: translateY(-8px) !important;
    border-color: rgba(200, 162, 74, 0.46) !important;
    box-shadow:
        0 34px 90px rgba(15, 23, 42, 0.18),
        0 0 0 4px rgba(200, 162, 74, 0.10) !important;
}

.gwm-wow-card__number {
    color: rgba(169, 120, 18, 0.30) !important;
}

.gwm-wow-card__title {
    color: #09271c !important;
    position: relative;
    z-index: 2;
}

.gwm-wow-card__text {
    color: #475569 !important;
    opacity: 1 !important;
    position: relative;
    z-index: 2;
}

/* Alternate special dark card only when explicitly needed */
.gwm-wow-card--dark {
    background:
        radial-gradient(circle at top right, rgba(200, 162, 74, 0.22), transparent 36%),
        linear-gradient(145deg, #0f3d2e, #062d1d) !important;
    color: #ffffff !important;
    border-color: rgba(200, 162, 74, 0.26) !important;
}

.gwm-wow-card--dark .gwm-wow-card__title {
    color: #ffffff !important;
}

.gwm-wow-card--dark .gwm-wow-card__text {
    color: rgba(255, 255, 255, 0.78) !important;
}

.gwm-wow-card--dark .gwm-wow-card__number {
    color: rgba(200, 162, 74, 0.50) !important;
}

/* ---------------------------------------------------------
   Standard homepage card fallback polish
   --------------------------------------------------------- */

.gwm-home-card {
    background:
        linear-gradient(145deg, #ffffff, #fffaf0) !important;
    color: #09271c !important;
    border: 1px solid rgba(15, 23, 42, 0.10) !important;
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.10) !important;
}

.gwm-home-card:hover,
.gwm-home-card:focus {
    border-color: rgba(200, 162, 74, 0.46) !important;
    box-shadow:
        0 26px 68px rgba(15, 23, 42, 0.16),
        0 0 0 4px rgba(200, 162, 74, 0.10) !important;
}

/* ---------------------------------------------------------
   Button contrast inside polished cards
   --------------------------------------------------------- */

.gwm-alt-section--green .gwm-home-btn--green,
.gwm-alt-section--dark .gwm-home-btn--green {
    background: #0f3d2e !important;
    color: #ffffff !important;
    box-shadow: 0 14px 34px rgba(15, 61, 46, 0.22) !important;
}

.gwm-alt-section--green .gwm-home-btn--green:hover,
.gwm-alt-section--dark .gwm-home-btn--green:hover,
.gwm-alt-section--green .gwm-home-btn--green:focus,
.gwm-alt-section--dark .gwm-home-btn--green:focus {
    background: #14543f !important;
    color: #ffffff !important;
}

/* ---------------------------------------------------------
   Responsive: remove diagonal heavy backgrounds on mobile
   --------------------------------------------------------- */

@media (max-width: 900px) {
    .gwm-alt-section--green,
    .gwm-alt-section--dark {
        background:
            radial-gradient(circle at top left, rgba(200, 162, 74, 0.15), transparent 34%),
            #fffaf0 !important;
    }

    .gwm-alt-section--green .gwm-alt-section__content,
    .gwm-alt-section--dark .gwm-alt-section__content {
        padding: 28px;
        border-radius: 26px;
    }

    .gwm-wow-card {
        min-height: 240px !important;
    }
}