/* ============================================
   KEY LEARNINGS SECTION FIX - 3 CASE STUDIES
   Helios, Max Fashion, Sendify
   ============================================ */

/* === SECTION HEADING === */
#case-helios .case-learnings .case-section-title,
#case-max .case-learnings .case-section-title,
#case-sendify .case-learnings .case-section-title,
#case-helios #learnings-helios .case-section-title,
#case-max #learnings-max .case-section-title,
#case-sendify #learnings-sendify .case-section-title {
    font-family: 'DM Serif Display', serif !important;
    font-size: 20px !important;
    color: #2C4251 !important;
    font-weight: 400 !important;
    margin-bottom: 14px !important;
    text-decoration: none !important;
    border-bottom: none !important;
    background-image: none !important;
}

/* Remove outer white card wrapper */
#case-helios .case-learnings,
#case-max .case-learnings,
#case-sendify .case-learnings {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

/* === LEARNING ITEMS GRID === */
#case-helios .learnings-list,
#case-helios .learning-grid,
#case-helios .learnings-grid,
#case-max .learnings-list,
#case-max .learning-grid,
#case-max .learnings-grid,
#case-sendify .learnings-list,
#case-sendify .learning-grid,
#case-sendify .learnings-grid {
    display: grid !important;
    gap: 10px !important;
    margin-top: 14px !important;
    align-items: stretch !important;
}

/* Helios has 4 items - 2x2 grid */
#case-helios .learnings-list,
#case-helios .learning-grid,
#case-helios .learnings-grid {
    grid-template-columns: repeat(2, 1fr) !important;
}

/* Max Fashion has 4 items - 2x2 grid */
#case-max .learnings-list,
#case-max .learning-grid,
#case-max .learnings-grid {
    grid-template-columns: repeat(2, 1fr) !important;
}

/* Sendify has 3 items - 3 column grid */
#case-sendify .learnings-list,
#case-sendify .learning-grid,
#case-sendify .learnings-grid {
    grid-template-columns: repeat(3, 1fr) !important;
}

/* === LEARNING ITEM STYLING === */
#case-helios .learning-item,
#case-max .learning-item,
#case-sendify .learning-item {
    background: #F5F1ED !important;
    border-radius: 8px !important;
    padding: 16px 18px !important;
    display: flex !important;
    gap: 14px !important;
    align-items: flex-start !important;
    height: auto !important;
    min-height: unset !important;
    border: none !important;
    box-shadow: none !important;
}

/* === NUMBER CIRCLE === */
#case-helios .learning-number,
#case-max .learning-number,
#case-sendify .learning-number {
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    background: #E07856 !important;
    color: white !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    margin-top: 2px !important;
    min-width: 24px !important;
}

/* === CONTENT AREA === */
#case-helios .learning-content,
#case-max .learning-content,
#case-sendify .learning-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    flex: 1 !important;
}

/* === PRINCIPLE TEXT === */
#case-helios .learning-content strong,
#case-helios .learning-content h6,
#case-helios .learning-content .learning-title,
#case-max .learning-content strong,
#case-max .learning-content h6,
#case-max .learning-content .learning-title,
#case-sendify .learning-content strong,
#case-sendify .learning-content h6,
#case-sendify .learning-content .learning-title {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #2C4251 !important;
    line-height: 1.35 !important;
    margin: 0 !important;
    margin-bottom: 4px !important;
    display: block !important;
}

/* === SUPPORTING TEXT === */
#case-helios .learning-content p,
#case-max .learning-content p,
#case-sendify .learning-content p {
    font-size: 12px !important;
    color: #8A9BA5 !important;
    line-height: 1.5 !important;
    margin: 0 !important;
}

/* === REMOVE GREEN COLORS === */
#case-helios .learning-item[style*="#10B981"],
#case-helios .learning-item[style*="#059669"],
#case-helios .learning-item[style*="#6B8E4E"],
#case-max .learning-item[style*="#10B981"],
#case-max .learning-item[style*="#059669"],
#case-max .learning-item[style*="#6B8E4E"],
#case-sendify .learning-item[style*="#10B981"],
#case-sendify .learning-item[style*="#059669"],
#case-sendify .learning-item[style*="#6B8E4E"] {
    color: #E07856 !important;
    border-color: #4A9B8E !important;
    background: #F5F1ED !important;
}

#case-helios .learning-number[style*="#10B981"],
#case-helios .learning-number[style*="#059669"],
#case-helios .learning-number[style*="#6B8E4E"],
#case-max .learning-number[style*="#10B981"],
#case-max .learning-number[style*="#059669"],
#case-max .learning-number[style*="#6B8E4E"],
#case-sendify .learning-number[style*="#10B981"],
#case-sendify .learning-number[style*="#059669"],
#case-sendify .learning-number[style*="#6B8E4E"] {
    background: #E07856 !important;
}

/* === MOBILE ADJUSTMENTS === */
@media (max-width: 768px) {
    #case-helios .learnings-list,
    #case-helios .learning-grid,
    #case-helios .learnings-grid,
    #case-max .learnings-list,
    #case-max .learning-grid,
    #case-max .learnings-grid,
    #case-sendify .learnings-list,
    #case-sendify .learning-grid,
    #case-sendify .learnings-grid {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }
}