/*
zenit Features Bar
==========================================
######Features Bar Plugin
 */

.content--wrap {
    .features-bar {
        .unitize-margin(0, @space-base * -.5);

        @media screen and (min-width: @desktopLandscapeViewportWidth) {
            .unitize-margin(0, @space-base * -1);
        }
    }
}

/*
zenit Notification Bar / zenit Sales Bar
==========================================
######overwrite bx-viewport Styles
 */
.marketing--text {
    .bx-wrapper .bx-viewport {
        left: 0;
        border: none;
        background: none;
        box-shadow: 0 0 0 transparent;
    }
}

/*
Paypal Express Checkout Button
==========================================
######Paypal Express Checkout Button on Details Page
 */
@paypal-btn-height: 48;

.is--ctl-detail {
    .paypal-unified-ec--button-container {
        width: 100%;
    }

    .xcomponent-outlet,
    .zoid-outlet {
        max-width: 100% !important;
    }
}

@media screen and (min-width: @tabletViewportWidth) {
    .is--ctl-detail {
        .paypal-unified-ec--button-container {
            width: 100%;
            .unitize(height, @paypal-btn-height) !important;

            &.right {
                float: left;
            }

            [id="xcomponent-paypal-button-"] {
                .unitize(padding-top, 20);
            }
        }

        .xcomponent-outlet,
        .zoid-outlet {
            width: 65% !important;
            .unitize(height, @paypal-btn-height) !important;
        }

        .has--paypal-express.is--available {
            .link--notepad,
            &.has--wishlist-only .cart--add-to-list {
                .unitize(top, -52 - @paypal-btn-height - 10 - @space-base);
            }
        }
    }
}

/*
One Page Checkout
==========================================
######Shopware Premium Plugin
 */
#one-page-checkout .shipping-payment--information .confirm--inner-container {
    width: 100% !important;

    &:last-of-type {
        margin-left: 0;
    }
}

/*
Advanced Cart
==========================================
######Shopware Premium Plugin
 */
@media screen and (min-width: @tabletViewportWidth) {
    .base-effects() {
        .opacity(0);
        pointer-events: none;
        .transition(all .18s ease-out .18s);
    }

    /*
    Tooltip Styles
    ==========================================
    ######Styles for Tooltip
    */
    .entry--wishlist a {
        position: relative;

        &:before,
        &:after {
            .base-effects();
            bottom: 100%;
            left: 50%;
            position: absolute;
            z-index: @atmos-tooltip-z-index;
            .transform(translate(-50%, 10px));
            .transform-origin(top);
        }

        &:after {
            background: @atmos-tooltip-bg;
            .border-radius(@atmos-config-element-radius);
            color: @atmos-tooltip-color;
            content: attr(title);
            .unitize(font-size, @atmos-tooltip-font-size);
            .unitize(line-height, @atmos-tooltip-font-size);
            font-weight: @font-base-weight;
            margin-bottom: @atmos-tooltip-arrow-size + 5;
            .unitize-padding(5, 10);
            white-space: nowrap;

            .is--inverted& {
                color: @atmos-tooltip-bg;
                background: @atmos-tooltip-color;
            }
        }

        &:before {
            .svg-arrow(@atmos-tooltip-bg, up);
            content: "";
            margin-bottom: @atmos-tooltip-arrow-size - 1;

            .is--inverted& {
                .svg-arrow(@atmos-tooltip-color, up);
            }
        }

        &:hover,
        &[data-atmos-tooltip-visible] {
            &:before,
            &:after {
                .opacity(1);
                pointer-events: auto;
                .transform(translate(-50%, 0));
            }
        }

        &[data-atmos-tooltip-break] {
            &:after {
                white-space: normal;
            }
        }
    }
}

.entry--wishlist a {
    &:before,
    &:after {
        pointer-events: none;
    }

    &:after {
        .unitize(line-height, @atmos-icon-size); //tooltip will hide sibling icons
        background: @atmos-config-header-shop-nav-tooltip-bg;
        color: @atmos-config-header-shop-nav-tooltip-color;
    }

    .tooltip--up & {
        &:before {
            .svg-arrow(@atmos-config-header-shop-nav-tooltip-bg, up);
        }
    }

    .tooltip--right & {
        .is--tooltip-right();

        &:before {
            .svg-arrow(@atmos-config-header-shop-nav-tooltip-bg, right);
        }
    }

    .tooltip--down & {
        .is--tooltip-down();

        &:before {
            .svg-arrow(@atmos-config-header-shop-nav-tooltip-bg, down);
        }
    }

    .tooltip--left & {
        .is--tooltip-left();

        &:before {
            .svg-arrow(@atmos-config-header-shop-nav-tooltip-bg, left);
        }
    }
}