/**
 * studiocart.css
 *
 * All Studiocart related styles
 *
**/

.studiocart,
.studiocart-orderform > p,
.studiocart-orderform #sc-order-details > p {
    color: var(--wp--preset--color--main-accent);
}

.studiocart {
    margin-top: 10px;
}

.price {
    white-space: nowrap;
}

.studiocart .quantity .col-sm-12 {
    max-width: 50%;
    width: 50%;
}

#sc-order-details .sc-order-table .item, 
#sc-order-details .sc-order-table .order-total {
    font-size: inherit;
}

.studiocart #sc-payment-form .summary-items,
.sc-order-table {
    background: #fff;
    border: 1px solid var(--wp--preset--color--secondary);
    border-bottom: 0;
    border-radius: 15px 15px 0 0;
    color: var(--wp--preset--color--main-accent);
    margin: 0;
    padding: 15px;
}

.sc-order-table {
    border-bottom: 1px solid var(--wp--preset--color--secondary);
    border-radius: 15px;
}

.sc-order-table a {
    color: var(--wp--preset--color--main-accent);
}

.studiocart .total{
    background-color: rgb(243, 245, 246);
    border: 1px solid var(--wp--preset--color--secondary);
    border-radius: 0 0 15px 15px;
    border-top: 0;
}

.studiocart .btn-block.wp-block-button__link {
    background-color: var(--wp--preset--color--secondary);
    border: 1px solid var(--wp--preset--color--main);
    font-weight: var(--wp--custom--font-weight--medium);
    height: auto;
    padding: 0.4em;
}

.studiocart .btn-block.wp-block-button__link:hover {
    background-color: var(--wp--preset--color--base);
}

.pay-methods .item-name {
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 20px 20px;
}

.pay-methods > label svg {
    display: none;
}

#method-paypal + .item-name {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22584.798%22%20height%3D%22720%22%20viewBox%3D%220%200%20154.728%20190.5%22%20xmlns%3Av%3D%22https%3A//vecta.io/nano%22%3E%3Cg%20transform%3D%22translate(898.192%20276.071)%22%3E%3Cpath%20clip-path%3D%22none%22%20d%3D%22M-837.663-237.968a5.49%205.49%200%200%200-5.423%204.633l-9.013%2057.15-8.281%2052.514-.005.044.01-.044%208.281-52.514c.421-2.669%202.719-4.633%205.42-4.633h26.404c26.573%200%2049.127-19.387%2053.246-45.658.314-1.996.482-3.973.52-5.924v-.003h-.003c-6.753-3.543-14.683-5.565-23.372-5.565z%22%20fill%3D%22%23001c64%22/%3E%3Cpath%20clip-path%3D%22none%22%20d%3D%22M-766.506-232.402c-.037%201.951-.207%203.93-.52%205.926-4.119%2026.271-26.673%2045.658-53.246%2045.658h-26.404c-2.701%200-4.999%201.964-5.42%204.633l-8.281%2052.514-5.197%2032.947a4.46%204.46%200%200%200%204.405%205.153h28.66a5.49%205.49%200%200%200%205.423-4.633l7.55-47.881c.423-2.669%202.722-4.636%205.423-4.636h16.876c26.573%200%2049.124-19.386%2053.243-45.655%202.924-18.649-6.46-35.614-22.511-44.026z%22%20fill%3D%22%230070e0%22/%3E%3Cpath%20clip-path%3D%22none%22%20d%3D%22M-870.225-276.071a5.49%205.49%200%200%200-5.423%204.636l-22.489%20142.608a4.46%204.46%200%200%200%204.405%205.156h33.351l8.281-52.514%209.013-57.15a5.49%205.49%200%200%201%205.423-4.633h47.782c8.691%200%2016.621%202.025%2023.375%205.563.46-23.917-19.275-43.666-46.412-43.666z%22%20fill%3D%22%23003087%22/%3E%3C/g%3E%3C/svg%3E');
    background-size: 14px 20px;
    padding-right: 20px;
}

#method-mollie_creditcard + .item-name {
    background-image: url('data:image/svg+xml,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23cad8dd%3B%7D.cls-2%7Bfill%3A%23a1b9bf%3B%7D.cls-3%7Bfill%3A%23e85454%3B%7D.cls-4%7Bfill%3A%23ffa840%3B%7D.cls-5%7Bfill%3A%23dde5e8%3B%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Ecredit-card-front-flat%3C/title%3E%3Crect%20class%3D%22cls-1%22%20y%3D%2289.6%22%20width%3D%22512%22%20height%3D%22332.8%22%20rx%3D%2264%22%20ry%3D%2264%22/%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M128%2C358.4H76.8a12.8%2C12.8%2C0%2C0%2C1%2C0-25.6H128a12.8%2C12.8%2C1%2C1%2C1%2C0%2C25.6Z%22/%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M230.4%2C358.4H179.2a12.8%2C12.8%2C0%2C0%2C1%2C0-25.6h51.2a12.8%2C12.8%2C1%2C1%2C1%2C0%2C25.6Z%22/%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M332.8%2C358.4H281.6a12.8%2C12.8%2C0%2C0%2C1%2C0-25.6h51.2a12.8%2C12.8%2C1%2C1%2C1%2C0%2C25.6Z%22/%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M435.2%2C358.4H384a12.8%2C12.8%2C0%2C0%2C1%2C0-25.6h51.2a12.8%2C12.8%2C1%2C1%2C1%2C0%2C25.6Z%22/%3E%3Ccircle%20class%3D%22cls-3%22%20cx%3D%22339.2%22%20cy%3D%22198.4%22%20r%3D%2244.8%22/%3E%3Ccircle%20class%3D%22cls-4%22%20cx%3D%22403.2%22%20cy%3D%22198.4%22%20r%3D%2244.8%22/%3E%3Crect%20class%3D%22cls-5%22%20x%3D%2264%22%20y%3D%22153.6%22%20width%3D%22102.4%22%20height%3D%2289.6%22%20rx%3D%2231.2%22%20ry%3D%2231.2%22/%3E%3C/svg%3E');
    padding-right: 37px;
}

#method-mollie_ideal + .item-name {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%222500%22%20height%3D%222244%22%20viewBox%3D%220%200%2088.668%2079.598%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h88.668v79.598H0z%22/%3E%3Cpath%20d%3D%22M7.375%207.38v64.877h37.824c24.951%200%2035.771-13.973%2035.771-32.502%200-18.457-10.82-32.375-35.771-32.375H7.375z%22%20fill%3D%22%23fff%22/%3E%3Cpath%20d%3D%22M11.463%2011.472h33.741c22.901%200%2031.679%2012.506%2031.679%2028.282%200%2018.917-12.258%2028.409-31.679%2028.409H11.463V11.472zm3.271%203.271v50.151h30.47c18.396%200%2028.405-8.572%2028.405-25.14%200-17.027-10.85-25.012-28.405-25.012h-30.47z%22/%3E%3Cpath%20d%3D%22M18.822%2043.442h9.754v17.36h-9.754z%22/%3E%3Ccircle%20cx%3D%2223.698%22%20cy%3D%2234.695%22%20r%3D%226.062%22/%3E%3Cpath%20d%3D%22M49.031%2037.531v2.811h-6.95v-11.28h6.728v2.81h-3.918v1.306h3.705v2.811h-3.705v1.543l4.14-.001zm1.216%202.813l3.401-11.286h3.998l3.4%2011.286h-2.925l-.638-2.183h-3.676l-.639%202.183h-2.921zm4.384-4.991h2.034l-.933-3.188h-.17l-.931%203.188zm7.828-6.294h2.812v8.473h4.162c-1.142-15.374-13.234-18.696-24.228-18.696H33.488v10.229h1.734c3.162%200%205.125%202.144%205.125%205.594%200%203.56-1.916%205.685-5.125%205.685h-1.734V60.81h11.718c17.866%200%2024.088-8.298%2024.308-20.468h-7.055V29.059zm-28.973%202.816v5.657h1.736c1.203%200%202.315-.348%202.315-2.874%200-2.467-1.237-2.783-2.315-2.783h-1.736z%22%20fill%3D%22%23d50072%22/%3E%3C/svg%3E');
    padding-right: 28px;
}