﻿.wishlist-button-holder 
{
    text-decoration:none;
    font-size:24px;

    a 
    {
        text-decoration:none;

        &:hover, 
        &.active,
        &.active:hover
        {
            color:#c00;
        }
    }

    a.removed svg path
    {
        fill:#000 !important;
        fill-opacity:0.33 !important;
    }

    svg {
        width:28px;
        height:28px;
        display:block;
    }
}



            
        #top-links .topLinks .wishlist-container > .wishlist-button-holder svg
        {
            width:50px;
            height:43px;
            display:block;
            position:absolute;
            top:-14px;
            left:-13px;
            margin-left:0;
        }
        #header-fluid .wishlist-button-holder svg {
            position:absolute;
            top:-4px;
            left:-31px;
        }




            #top-links .topLinks .wishlist-container > .wishlist-button-holder svg path,
            .wishlist-button-holder svg path
             {
                fill:#fff;
            }



            #top-links .topLinks .wishlist-container > .wishlist-button-holder svg path,
            .wishlist-button-holder a.active svg path,
            .wishlist-button-holder svg:hover path,
            #header-fluid .wishlist-button-holder svg path
             {
                fill:#c00;
                fill-opacity:1;
            }

.results .photo .photo-link
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    pointer-events:none;
    cursor:pointer;

    a 
    {
        margin:0 auto;
        display:inline-block;
        width:100%;
        height:100%;
        background-color:transparent;
        .opacity(0);
        pointer-events:none;
    }
}
            
body.detail div.image.col4 .wishlist-button-holder,
ul.results > li .photo > .wishlist-button-holder {
    position:absolute;
    top:10px;
    right:10px;
    z-index:0;
    width:28px;
    height:28px;
}

/*
.wishlist-container 
{ 
    position:relative;
    height:18px;
    width:26px;
    float:left;
    margin-right:5px; 

    & > .wishlist-button-holder 
    {
        position:absolute;
        left:0;
    }

    & > .value 
    {
        position:absolute;
        left:1px;
        top:0px;
        color:#fff;
        width:22px;
        font-size:10px;
        text-align:center;
    }
}
*/
.fluid-popup {
    .wishlist-container{
        margin-right:0;

        .wishlist-button-holder {
            svg {
                margin:-2px 0 0 -8px;

                path {
                    fill: #c00;
                    fill-opacity: 1;
                }
            }
        }
    }
}


body.favorites {
    div#search-filters-column {
        .share-favorites {
            /*background: #FFFFFF;*/
            background: #edf7fe;
            border: none;
            box-sizing: border-box;
            border-radius: 2px;
            padding: 16px;
            margin: 0 0 16px 0;

            div.box-header {
                margin: -16px 0 16px -16px;
                width: ~"calc(100% + 8px)";
                /*
                    height: auto;
                padding: 0;
                background: none;
                font-family: 'Hermes Maia T4';
                font-style: normal;
                font-weight: bold;
                font-size: 20px;
                line-height: 24px;
                letter-spacing: -0.02em;
                color: #004979;
                */
            }

            .searchShare {
                margin: 0 !important;

                .menu {
                    padding: 0 !important;

                    &:not(:last-child) {
                        margin-bottom: 26px;
                    }

                    li {
                        margin-bottom: 8px;

                        a {
                            font-size: 13px;
                            font-weight: 400;
                            color: #0077BF;

                            &:hover {
                                text-decoration: underline;
                            }
                        }
                    }

                    span.share {
                        width: 32px;
                        height: 32px;
                        border-radius: 50%;
                        display: inline-block;
                        margin-right: 8px;
                        vertical-align: middle;
                        position: relative;
                        /*background: #EFF8FE no-repeat;*/
                        background: #fff no-repeat;

                        &.mail {
                            background-image: url('img/base/ico/2021/general/mail - blue.svg');
                            background-size: 18px 18px;
                            background-position: center center;
                        }

                        &.facebook {
                            background-image: url('img/base/ico/2021/social/facebook - blue.svg');
                            background-size: 18px 18px;
                            background-position: center center;
                        }

                        &.twitter {
                            background-image: url('img/base/ico/2021/social/twitter - blue.svg');
                            background-size: 18px 18px;
                            background-position: center center;
                        }

                        &.favorite {
                            background-image: url('img/base/ico/2021/general/search - blue.svg');
                            background-size: 18px 18px;
                            background-position: center center;
                        }

                        &.remove {
                            background-image: url('img/base/ico/2021/general/delete - blue.svg');
                            background-size: 18px 18px;
                            background-position: center center;
                        }
                    }

                    &.subMenu {
                        border-color: #0092f2;
                        margin-left: -16px;
                        padding: 26px 16px 0 !important;
                        width: 100%;
                    }
                }
            }
        }
    }
}