/**
* CSS File of module
*
* @author Empty
* @copyright 2007-2020 PrestaShop SA
* @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*/

/*Product page*/
.shopping-list {
    display  : inline-block;
    margin   : 20px 0 10px;
    position : relative;
}

.shopping-list ul {
    box-shadow : 2px 2px 11px 0 rgba(0, 0, 0, 0.1);
    background : var(--color-primary);
    display    : none;
    position   : absolute;
    padding    : 10px;
    z-index    : 1000;
    width      : 100%;
}

.shopping-list ul li a {
    cursor  : pointer;
    display : block;
    padding : 3px 0;
}

.shopping-list .add-shopping-list {
    width           : 100%;
    border-radius   : 0;
    font-size       : var(--font-size-150);
    padding         : 1em;

    background      : var(--btn-secondary-bg-color);
    color           : var(--color-secondary);
    border          : 1px solid var(--btn-secondary-bg-color);

    display         : flex;
    align-items     : center;
    justify-content : center;

    line-height     : 1.286em;
    text-align      : center;
    font-weight     : 500;
}

.shopping-list:hover .add-shopping-list {
    color      : var(--btn-secondary-bg-color);
    background : #090909;
    border     : 1px solid var(--btn-secondary-bg-color);

}

.shopping-list ul {
    color      : var(--color-secondary);
    background : #090909;
    padding    : 0;
}

.shopping-list ul li {
    border          : 1px solid var(--btn-secondary-bg-color);
    border-top      : none;
    font-size       : var(--font-size-150);
    padding         : 1em;
    display         : flex;
    align-items     : center;
    justify-content : center;
}

.shopping-list ul li:hover {
    background : var(--btn-secondary-bg-color);
    color      : var(--btn-secondary-color);
}

/*Account : list table*/

#module-shoppinglist-accountshoppinglist #wrapper,
#module-shoppinglist-accountshoppinglistproduct #main {
    padding : 50px 1.25rem 50px 1.25rem;
    color   : #333333;
}

#module-shoppinglist-accountshoppinglist .page-header,
#module-shoppinglist-accountshoppinglist #content,
#module-shoppinglist-accountshoppinglistproduct .page-header,
#module-shoppinglist-accountshoppinglistproduct #content {
    /*background: white;*/
    color         : white;
    padding       : 1rem 1rem 1rem 1rem;
    width         : 100%;
    max-width     : var(--container-max-width-primary);
    margin        : auto;
    border-radius : 5px;
}

#module-shoppinglist-accountshoppinglist .page-header h1 {
    color : white;
}

#module-shoppinglist-accountshoppinglist #content,
#module-shoppinglist-accountshoppinglistproduct #content,
#module-shoppinglist-accountshoppinglistproduct #shopping-list a {
    background  : #090909;
    margin-top  : 2rem;
    font-size   : 17px;
    font-weight : 400;
    color       : white;
}

#module-shoppinglist-accountshoppinglist #shopping-list a,
#module-shoppinglist-accountshoppinglistproduct #shopping-list a {
    color  : var(--color-secondary);
    margin : 0;
}

#module-shoppinglist-accountshoppinglist #shopping-list a:hover,
#module-shoppinglist-accountshoppinglistproduct #shopping-list a:hover {
    text-decoration : underline;
}

#module-shoppinglist-accountshoppinglist #content h6,
#module-shoppinglist-accountshoppinglist #content h2,
#module-shoppinglist-accountshoppinglist #content label,
#module-shoppinglist-accountshoppinglistproduct #content h6 {
    color          : white;
    margin         : 30px 0;
    font-size      : 1.125rem;
    text-transform : uppercase;
    font-family    : inherit;
}


#module-shoppinglist-accountshoppinglist .form-group {
    display     : flex;
    flex-flow   : row;
    align-items : center;
}

#module-shoppinglist-accountshoppinglist .form-group label,
#module-shoppinglist-accountshoppinglist .form-group div {
    width   : unset;
    padding : 0;
}

#module-shoppinglist-accountshoppinglist .form-group label {
    padding : 0 10px 0 0;
}

/* Tables */

#module-shoppinglist-accountshoppinglist .table thead th {
    background    : unset;
    color         : white;
    text-align    : center;
    font-size     : var(--font-size-600);
    margin-bottom : 1em;
    margin-top    : 1em;
    font-weight   : 500;
}

.table-bordered,
.table-bordered td,
.table-bordered th {
    border     : 1px solid var(--btn-secondary-bg-color) !important;
    text-align : center;
}

#module-shoppinglist-accountshoppinglist .page-footer .default-container a {
    color : white;
}

#module-shoppinglist-accountshoppinglist .page-footer {
    padding : 0.5rem 0;
}


@media screen and (max-width : 640px) {

    #shopping-list .hide-mobile {
        display : none;
    }

    #module-shoppinglist-accountshoppinglist .form-group {
        flex-flow : column;
    }

    #module-shoppinglist-accountshoppinglist .form-group label,
    #module-shoppinglist-accountshoppinglist .form-group div,
    #module-shoppinglist-accountshoppinglist .form-group #title {
        width      : 100%;
        text-align : center;
    }
}