/*
Plugin Name: Daily Image Plugin
Description: Styles for the Daily Image Plugin frontend.
*/

/* Main wrapper for the daily image and text */
.daily-image-plugin-wrapper {
    text-align: center; /* Centers inline-block elements, text */
    /* Add any other default styles for the wrapper here */
    box-sizing: border-box; /* Ensures padding and border are included in the element's total width and height */
    /*
    font-size: 1.1em;
    color: #333;
    These will be overridden by Customizer, but good to have as defaults if customizer is not used
    */
}

.daily-image-plugin-image {
    max-width: 100%;
    height: auto;
    display: block; /* Ensures the image takes its own line and margin behaves correctly */
    margin: 0 auto; /* Center the image */
}

.daily-image-plugin-text {
    text-align: center;
    margin-top: 15px; /* Add some space between image and text */
    /* These will be overridden by Customizer: */
    font-size: 1.1em;
    color: #333;
}

/* No Magnific Popup related CSS in this file to avoid conflicts */
/* Magnific Popup's own CSS will handle its styling. */
/* Issues like GIF/PNG darkness will persist but the lightbox itself should function. */