/* Company Logo White Background Styling */
/* Applied: July 5, 2025 - Conservative mobile-friendly version */
/* Purpose: Add white backgrounds to company logos in "Our Partnered Companies" section */

/* Target company logos with white background - conservative approach */
div[class*="space-x-12"] img {
    background-color: white;
    padding: 8px;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

@media (min-width: 768px) {
    div[class*="space-x-12"] img {
        padding: 12px;
        border-radius: 8px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }
}

div[class*="space-x-12"] img:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Target flex-shrink-0 containers */
div[class*="flex-shrink-0"] img {
    background-color: white;
    padding: 8px;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

@media (min-width: 768px) {
    div[class*="flex-shrink-0"] img {
        padding: 12px;
        border-radius: 8px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }
}

div[class*="flex-shrink-0"] img:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Target specific company logos by alt text - conservative */
img[alt*="TCS"],
img[alt*="Infosys"], 
img[alt*="Wipro"],
img[alt*="HCL"],
img[alt*="Tech Mahindra"],
img[alt*="AWS"],
img[alt*="Red Hat"],
img[alt*="Cisco"],
img[alt*="Juniper"] {
    background-color: white;
    padding: 8px;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

@media (min-width: 768px) {
    img[alt*="TCS"],
    img[alt*="Infosys"], 
    img[alt*="Wipro"],
    img[alt*="HCL"],
    img[alt*="Tech Mahindra"],
    img[alt*="AWS"],
    img[alt*="Red Hat"],
    img[alt*="Cisco"],
    img[alt*="Juniper"] {
        padding: 12px;
        border-radius: 8px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }
}

img[alt*="TCS"]:hover,
img[alt*="Infosys"]:hover, 
img[alt*="Wipro"]:hover,
img[alt*="HCL"]:hover,
img[alt*="Tech Mahindra"]:hover,
img[alt*="AWS"]:hover,
img[alt*="Red Hat"]:hover,
img[alt*="Cisco"]:hover,
img[alt*="Juniper"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}