/* Template 3 specific overrides to fix sticky-top behavior */

html, body {
    overflow-x: visible !important;
    height: auto !important;
}

#wrapper {
    overflow: visible !important;
}

.t3-sticky-container {
    overflow: visible !important;
}

.t3-container-full {
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: visible !important;
}

/* Ensure no ancestor has overflow: hidden which breaks position: sticky */
.t3-force-visible {
    overflow: visible !important;
}

/* In-content ads grid styles */
.ad-card {
    transition: transform 0.2s;
}

.ad-card:hover {
    transform: translateY(-5px);
}

.ad-image-placeholder {
    width: 100%;
    padding-top: 66.67%; /* 3:2 Aspect Ratio */
    background-size: cover;
    background-position: center;
    background-color: #f0f0f0;
}

.ad-text-box {
    background-color: #000000 !important;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ad-text-box p {
    color: #ffffff !important;
    font-weight: 500;
}

.ad-link-box {
    display: block;
}