/* 1. Basic Reset */
html, body { max-width: 100% !important; overflow-x: hidden !important; }

/* 2. Global Font */
body, p, a, li, h1, h2, h3, h4, h5, h6 { font-family: 'Work Sans', sans-serif !important; }

/* 3. Header Wrapper */
.custom-post-header-wrapper {
    display: block !important;
    text-align: center !important;
    margin: 3rem 0 2rem 0 !important;
}

.custom-featured-image {
    width: 30% !important;
    height: auto !important;
    margin: 0 auto !important;
}

/* 4. Date & Title */
.custom-post-date {
    display: block !important;
    text-align: left !important;
    margin: 1.5rem auto 1rem auto !important;
    max-width: 800px;
    font-size: 0.95rem !important;
    font-weight: 300 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #000000 !important;
}

h1.entry-title {
    max-width: 800px;
    margin: 0 auto 2.5rem auto !important;
    font-size: 42px !important;
    text-align: left !important;
}

/* 5. FORCE RELATED POST THUMBNAILS VISIBLE */
/* This targets every standard way WordPress outputs related images */
.post-thumbnail img, 
.related-posts img, 
.entry-thumbnail img,
.related-entry-img img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
}

/* Ensure the container isn't being hidden */
.post-thumbnail, .related-posts {
    display: block !important;
    visibility: visible !important;
}
* Ensure the injected image is visible */
.custom-featured-image {
    display: block !important;
    visibility: visible !important;
    width: 30% !important; /* Adjust back to your preferred size */
    height: auto !important;
    margin: 0 auto !important; /* Centers it */
}

.custom-post-header-wrapper {
    display: block !important;
    text-align: center !important;
    margin-bottom: 2rem !important;
}
/* Post date */
.custom-post-date {
    display: block !important;
    text-align: left !important;
    font-size: 0.95rem !important;
    font-weight: 300 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #ffffff !important; /* This makes the date white */
    margin: 1.5rem auto 1rem auto !important;
    max-width: 800px;
}
/* Update the .client-logo img class */
.client-logo img {
    height: 90px !important; 
    width: auto !important; 
    max-width: 100% !important;
    object-fit: contain !important;
    
    /* REMOVED brightness boost, ADDED contrast to make them darker/bolder */
    filter: grayscale(100%) contrast(1.2); 
    opacity: 0.8; /* Slightly higher opacity for a more solid look */
    
    transition: all 0.3s ease-in-out !important;
    
    /* Keep your -30px spacing */
    margin-left: -30px !important; 
    margin-right: -30px !important;
}

/* Hover effect */
.client-logo img:hover {
    /* Reset filter to default on hover */
    filter: grayscale(0%) contrast(1);
    opacity: 1;
    transform: scale(1.1);
}