/**
 * AdTakeover Frontend Styles
 */

.adtakeover-ad {
    position: fixed;
    top: 0;
    height: 100vh;
    z-index: 9999;
    display: flex;
    align-items: flex-start;
    text-decoration: none;
    cursor: pointer;
}

.adtakeover-ad img {
    max-height: 100vh;
    width: auto;
    display: block;
    pointer-events: none;
}

.adtakeover-left {
    left: 0;
    width: calc((100vw - 1200px) / 2);
}

.adtakeover-left img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
    object-position: top right;
}

.adtakeover-right {
    right: 0;
    width: calc((100vw - 1200px) / 2);
}

.adtakeover-right img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
    object-position: top left;
}

/* Adjust for very large screens */
@media screen and (min-width: 1920px) {
    .adtakeover-left img,
    .adtakeover-right img {
        max-width: 300px;
    }
}

/* Background takeover style */
.adtakeover-background {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    display: block;
    text-decoration: none;
}

.adtakeover-background img {
    display: block;
    pointer-events: none;
    vertical-align: top;
}

/* Clickable side areas for background takeover */
.adtakeover-background-click {
    position: fixed;
    top: 0;
    height: 100vh;
    width: calc((100vw - 1200px) / 2);
    z-index: 9998;
    cursor: pointer;
}

.adtakeover-background-click-left {
    left: 0;
}

.adtakeover-background-click-right {
    right: 0;
}