/* Front-end styles for WordPress Posts Sponsor System */

/* Sponsor banner container */
.wpss-sponsor-banner {
    margin: 20px 0;
    text-align: center;
    clear: both;
}

/* Banner image */
.wpss-sponsor-banner img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Banner link */
.wpss-sponsor-banner a {
    display: inline-block;
    text-decoration: none;
    border: none;
}

.wpss-sponsor-banner a:hover {
    opacity: 0.9;
}

/* Responsive styles */
@media screen and (max-width: 768px) {
    .wpss-sponsor-banner {
        margin: 15px 0;
    }
}

/* Banner placement styles */
.wpss-banner-before {
    margin-bottom: 30px;
}

.wpss-banner-after {
    margin-top: 30px;
}

.wpss-banner-within {
    margin: 30px 0;
}

/* Animation for banner appearance */
@keyframes wpss-fade-in {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.wpss-sponsor-banner {
    animation: wpss-fade-in 0.5s ease-out;
}

/* Print styles */
@media print {
    .wpss-sponsor-banner {
        display: none !important;
    }
}