/* Import Modules
   ========================================================================== */

@import "gambio_malibu_buttons";
// @import "gambio_malibu_header";
// @import "gambio_malibu_header_logo";
// @import "gambio_malibu_header_search";
// @import "gambio_malibu_header_secondary";
// @import "gambio_malibu_header_secondary_cart";
@import "gambio_malibu_hamburger_menu";
@import "gambio_malibu_overlay_menu";
@import "gambio_malibu_footer";
@import "gambio_malibu_product_info";
@import "gambio_malibu_product_listing";
@import "gambio_malibu_product_listing_filter";
@import "gambio_malibu_shopping_cart";
@import "gambio_malibu_contents";


/* Global Styles
   ========================================================================== */

// colored bar below headline
.malibu-heading {
    text-align: center;
    position: relative;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-weight: 400;
    &:after {
        content: "";
        position: absolute;
        width: 50px;
        height: 2px;
        background-color: $brand-primary;
        bottom: 0;
        left: 50%;
        margin-left: -25px;
    }
}

// reset headline underlines and apply malibu heading
h1, h2, h3 {
    border-bottom: none;
    padding-bottom: 0;
    body.page-index #main &,
    .product-info-listings & ,
    .page-index-type-cat & {
        @extend .malibu-heading;
    }
}

// more margin for headlines on startpage
body.page-index #main {
    h2 {
        margin-bottom: 45px;
    }
}

// use full width for fullscreen
body.page-index #wrapper {
    width: 100%;
}

// more padding because of newsletter widget in footer
#wrapper #main .main-inside {
    padding-bottom: 120px;
    min-height: 800px;
    @extend .clearfix;
}

// styling of badges with rounded corners
.ribbons {
    > div {
        border-radius: 10px;
        font-weight: 400;
    }

    // ribbon colors
    > .ribbon-recommendation {
        background-color: #3c86c8;
    }
    > .ribbon-new {
        background-color: #45d5af;
    }
    > .ribbon-special {
        background-color: #ea6e68;
    }
}
.productlist-viewmode-grid .product-container .product-tile .ribbons, 
.productlist-swiper .product-container .product-tile .ribbons, 
.product-container.flyover .product-tile .ribbons {
    right: 5px;
}


#stage {
    margin-bottom: 11px;
    @media (min-width: $screen-md-min) {
        margin-bottom: 40px;
    }
}

select.form-control {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    // padding: .5em;
    padding-right: 1.5em;
    &::-ms-expand {
        display: none;
    }
}

.input-group-addon {
    background-color: transparent;
    border-width: 0;
}