/**
 * Full Width Card With Image Component Styles
 * 
 * Displays a full-width card with text content on the left and an image on the right
 */

.full-width-card-with-image {
    background-color: #000;
    color: #fff;
    
    & .card-wrapper {
        display: flex;
        border-radius: var(--border-radius-secondary);
        overflow: hidden;
        border: 1px solid #fff;
    }
    
    & .content-column {
        width: 60%;
        padding: var(--spacing-lg);
        display: flex;
        flex-direction: column;
        justify-content: center;
        
        & h2 {
            color: #ffffff;
            font-family: var(--font-heading-primary);
            margin-bottom: var(--spacing-lg);
        }
    }
    
    & .image-column {
        width: 40%;
        
        & .card-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
    }
    
    & .download-links {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-sm);
    }
    
    & .download-link {
        width: fit-content;
    }
    
    /* Responsive styles */
    @media (max-width: 992px) {
        & .card-wrapper {
            flex-direction: column;
        }
        
        & .content-column,
        & .image-column {
            width: 100%;
        }
        
        & .image-column {
            height: 300px;
        }
    }
}