/**
 * PC Builder Socket Compatibility Styles
 * 
 * Socket-specific compatibility styles for CPU and motherboard compatibility.
 */

/* Motherboard Compatibility Section */

.pc-builder-no-motherboard {
    text-align: center;
    padding: 40px 20px;
    color: #6b7280;
}

.pc-builder-no-motherboard p {
    margin: 0;
    font-size: 16px;
}

/* Responsive design for socket compatibility */
@media (max-width: 768px) {
    .ssd-box-content {
        flex-direction: column !important;
        align-items: center !important;
        gap: 8px !important;
    }
}

.compat-neutral {
    background: #f3f4f6 !important;
    border-color: #d1d5db !important;
}

/* Motherboard row uses common styles with 32px gap (instead of 24px) */
.pc-builder-motherboard-row {
    gap: 32px;
}

/* Motherboard columns use common styles with additional padding */
.pc-builder-socket-col,
.pc-builder-ram-col,
.pc-builder-m2-col {
    padding: 0 16px;
}

/* Ensure each column in motherboard row always takes 50% width */
.pc-builder-motherboard-row > div {
    flex: 0 0 50%;
    max-width: 50%;
}

@media (max-width: 900px) {
    .pc-builder-socket-col,
    .pc-builder-ram-col {
        padding: 0;
    }
}

/* SATA and USB columns use common styles */
.pc-builder-sata-col,
.pc-builder-usb-col {
    /* Uses common .pc-builder-compatibility-col styles */
}