/*
Theme Name: Superio Child
Description: Child theme of Superio
Template: superio
Version: 1.0
*/

@import url("../superio/style.css");

/* Employer Logo - Original Aspect Ratio Preservation */
.employer-logo {
    width: 70px !important;
    height: 70px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
    position: relative !important;
    padding: 2px !important;
}

.employer-logo img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center !important;
    border-radius: 0 !important;
    display: block !important;
    margin: auto !important;
}

/* Fix for different job listing layouts */
.jobs-grid .employer-logo,
.jobs-list .employer-logo,
.job-item .employer-logo,
.job-board-employer-logo .employer-logo {
    width: 70px !important;
    height: 70px !important;
    min-width: 70px !important;
    min-height: 70px !important;
}

/* Ensure proper spacing and alignment */
.job-item .employer-logo {
    margin-right: 15px !important;
}

.jobs-grid .job-item .employer-logo {
    margin-bottom: 10px !important;
}

/* Fix for Elementor widgets */
.elementor-widget .employer-logo {
    width: 70px !important;
    height: 70px !important;
}

/* Responsive adjustments - maintaining aspect ratio */
@media (max-width: 768px) {
    .employer-logo {
        width: 60px !important;
        height: 60px !important;
        min-width: 60px !important;
        min-height: 60px !important;
    }
    
    .job-item .employer-logo {
        margin-right: 10px !important;
    }
}

@media (max-width: 480px) {
    .employer-logo {
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        min-height: 50px !important;
    }
}

/* Additional fixes for links and containers */
.employer-logo a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

/* Remove any forced dimensions or cropping */
.employer-logo,
.employer-logo img,
.employer-logo a {
    border-radius: 0 !important;
    clip-path: none !important;
    mask: none !important;
}

/* Fallback for missing images */
.employer-logo:empty::before {
    content: "\1F3E2" !important;
    font-size: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    color: #6c757d !important;
}

/* Ensure logos scale properly regardless of original size */
.employer-logo img[src] {
    object-fit: contain !important;
    object-position: center !important;
    background: transparent !important;
}

/* Handle different image formats */
.employer-logo img[src*=".svg"],
.employer-logo img[src*=".png"],
.employer-logo img[src*=".jpg"],
.employer-logo img[src*=".jpeg"],
.employer-logo img[src*=".gif"],
.employer-logo img[src*=".webp"] {
    object-fit: contain !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
}

/* Override any theme-specific logo styling */
.superio-logo,
.company-logo,
.employer-avatar,
.job-company-logo {
    border-radius: 0 !important;
}

.superio-logo img,
.company-logo img,
.employer-avatar img,
.job-company-logo img {
    object-fit: contain !important;
    border-radius: 0 !important;
}