/**
 * Zonkey Ads Template Styles
 *
 * Styles for displaying ads in post templates with 
 * title/ad swapping based on pagination.
 */

/* General container for featured ads at top of post */
.zonkey-featured-ad-container {
    margin: 0 0 2em;
    padding: 0;
    clear: both;
    width: 100%;
    position: relative;
}

/* Entry title styling */
.zonkey-featured-ad-container .entry-title {
    margin-top: 0;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #e0e0e0;
    font-size: 2em;
    line-height: 1.2;
}

/* First page - show title, hide ad */
.zonkey-first-page .zonkey-ad-container {
    display: none;
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

/* Pagination pages - show ad */
.zonkey-pagination-page {
    border-top: 3px solid #f0f0f0;
    padding-top: 1em;
}

/* Hide the post title on paginated pages */
.zonkey-pagination-page h1.entry-title,
.zonkey-pagination-page .entry-title {
    display: none;
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

/* Special styling for ads on paginated pages */
.zonkey-pagination-page .zonkey-ad-container {
    margin-top: 0;
    margin-bottom: 1.5em;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 1em;
}

/* Enhanced styling for the ad container on paginated pages */
.zonkey-pagination-page .zonkey-ad-content {
    display: block;
    animation: zonkeyFadeIn 0.5s ease-in-out;
}

/* Add a slight background to make ads pop more on paginated pages */
.zonkey-pagination-page .zonkey-ad-style-standard {
    background-color: #f9f9f9;
    border-radius: 5px;
    padding: 1.5em;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* Add some visual separation for mobile */
@media screen and (max-width: 768px) {
    .zonkey-pagination-page {
        padding-top: 0.5em;
    }
    
    .zonkey-pagination-page .zonkey-ad-container {
        margin-bottom: 1em;
        padding-bottom: 0.5em;
    }
    
    .zonkey-pagination-page .zonkey-ad-style-standard {
        padding: 1em;
    }
}

/* Fade-in animation for ads */
@keyframes zonkeyFadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Make sure the ad is always positioned correctly */
.zonkey-pagination-page .zonkey-ad-logo img {
    margin: 0 auto;
    display: block;
}

/* Ensure ad text is readable */
.zonkey-pagination-page .zonkey-ad-text {
    color: #333;
    font-size: 1em;
    line-height: 1.5;
}

/* Make boxed style more prominent on pagination pages */
.zonkey-pagination-page .zonkey-ad-style-boxed {
    border: 2px solid #333;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
}

/* Minimal style on pagination pages */
.zonkey-pagination-page .zonkey-ad-style-minimal {
    background: transparent;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 1em;
}