/* ==========================================================
   Benoil Quote Page
========================================================== */

.ywraq-wrapper{

    max-width:1200px;

    margin:60px auto;

    padding:0 30px;

}

#yith-ywrq-table-list{

    padding-right:15%;
	padding-left:15%;

    border-collapse:separate;

    border-spacing:0 20px;

}

#yith-ywrq-table-list td,
#yith-ywrq-table-list th{

    border:none;

}

#yith-ywrq-table-list thead th{

    color:#6b7280;

    font-size:2rem;   /* was .85rem */

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.08em;

    padding-bottom:18px;

}

#yith-ywrq-table-list tbody tr{

    background:white;

    box-shadow:

        0 6px 24px rgba(0,0,0,.05);

}

#yith-ywrq-table-list tbody td{

    padding:24px;

    vertical-align:middle;

    background:white;

}

#yith-ywrq-table-list tbody td:first-child{

    border-radius:16px 0 0 16px;

}

#yith-ywrq-table-list tbody td:last-child{

    border-radius:0 16px 16px 0;

}

.product-thumbnail{

    width:180px;

    padding-right:20px;

}

.product-thumbnail img{

    display:block;

    width:160px;

    height:160px;

    max-width:none;

    max-height:none;

    object-fit:contain;

    margin:auto;

}

.product-remove{

    width:45px;

}

.product-remove a{

    font-size:28px;

    color:#999;

    transition:.2s;

}

.product-remove a:hover{

    color:#d32f2f;

}

.quantity{

    display:flex;

    align-items:center;

    gap:10px;

}

.quantity input{

    width:70px;

    height:42px;

    text-align:center;

    border-radius:8px;

}

.quantity .action{

    width:38px;

    height:38px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#1D3368;

    color:white;

    border-radius:8px;

    cursor:pointer;

    transition:.2s;

}

.quantity .action:hover{

    background:#2b4a94;

}

.ywraq-wrapper .button{

    background:#1D3368;

    color:white;

    border-radius:10px;

    padding:12px 24px;

    border:none;

}

.ywraq-wrapper .button:hover{

    background:#29488d;

}

.yith-ywraq-mail-form-wrapper{

    margin-top:60px;

    background:white;

    border-radius:16px;

    padding:40px;

    box-shadow:

        0 6px 24px rgba(0,0,0,.05);

}

/* Make the table use the full width */
#yith-ywrq-table-list {
    width: 100%;
    table-layout: fixed;
}

/* Make the product column expand */
#yith-ywrq-table-list .product-name {
    width: 100%;
}

/* Let the thumbnail stay fixed */
#yith-ywrq-table-list .product-thumbnail {
    width: 130px;
}

/* Fixed widths for remove/qty */
#yith-ywrq-table-list .product-remove {
    width: 50px;
}

#yith-ywrq-table-list .product-quantity {
    width: 180px;
}