/**
 * Course Info Widget (Landing Page) - Minimal Overrides
 * 
 * This widget uses the same base styles as .courses-details-widget
 * These are only overrides specific to the landing page version.
 */

/* Grey background for What's Included and Course Fee sections */
.courses-details-widget.course-info-landing {
    background: #f8f9fa;   
    border-radius: 25px;
}

/* White background for What's Included and Course Fee sections */
.courses-details-widget.course-info-landing .course-features-card,
.courses-details-widget.course-info-landing .course-pricing-section {
    background: #fff;
}

/* Make pricing options work as links when URL is provided */
.courses-details-widget.course-info-landing a.pricing-option {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

.courses-details-widget.course-info-landing a.pricing-option:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(51, 79, 3, 0.15);
}

.courses-details-widget.course-info-landing a.pricing-option:hover .pricing-option-action {
    text-decoration: underline;
}

/* Editor Placeholder */
.course-info-widget-placeholder {
    background: #f0f0f0;
    border: 2px dashed #ccc;
    border-radius: 8px;
    padding: 40px;
    text-align: center;
    color: #666;
}

.course-info-widget-placeholder p {
    margin: 0;
    font-size: 14px;
}