/**
 * SPDX-License-Identifier: LicenseRef-InnercodeUAB-Commercial-EULA
 * Copyright (c) Since 2012 INNERCODE, UAB
 *
 * Licensed under the Innercode Commercial End User License Agreement (EULA).
 * See https://www.innercode.lt/licenses/eula.txt
 *
 * @link https://www.innercode.lt
 */

#reduction_percent,
.reduction-amount-display {
    color: var(--grometa-black);
    font-size: var(--font-default);
    font-style: var(--font-style-default);
    font-weight: var(--weight-default);
    line-height: var(--line-height-default);
    padding: 0 var(--space-xs);
    border-radius: var(--radius-sm);
    background: #FCDB00;
    border: none;
    margin: 0;
}

.discount-badge {
    color: var(--grometa-black);
    font-size: var(--font-default);
    font-style: var(--font-style-default);
    font-weight: var(--weight-default);
    line-height: var(--line-height-default);
    padding: 0 var(--space-xs);
    border-radius: var(--radius-sm);
    background: #FCDB00;
    border: none;
    margin: 0;
    display: inline-block;
}

.new-design .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-xs);
}

.bootstrap-select>.dropdown-toggle {
    height: var(--input-height);
    padding: 8px 12px;
    gap: 12px;
    font-size: var(--font-l);
}

.new-design .btn:focus,  .new-design .btn:active {
    background-color: var(--grometa-green);
    border-color: var(--grometa-green);
    color: var(--white);
    outline: var(--grometa-green);
}

.new-design .btn-primary {
    font-size: var(--font-btn-main);
    font-weight: var(--weight-btn-main);
    color: var(--white);
    letter-spacing: normal;
    line-height: var(--line-height-btn-main);
    font-style: var(--font-style-default);
    background: var(--grometa-green);
    padding: var(--space-md-h) var(--space-md);
    border-radius: var(--radius-sm);
    margin-bottom: var(--space-xs);
}

.new-design .btn-primary:hover {
    background-color: var(--cta-hover);
}

.new-design .btn-small {
    width: fit-content;
    padding: var(--space-xs) var(--space-md-h);
    font-size: var(--font-default);
    font-weight: var(--weight-default);
    color: var(--white);
    letter-spacing: normal;
    font-style: var(--font-style-default);
    background-color: var(--grometa-green);
}
.new-design .btn-small:hover {
    background-color: var(--cta-hover);
}
.new-design .btn-default:not(:is(.button-search, .button-minus, .button-plus, .dropdown-toggle)) {
    width: fit-content;
    gap: var(--space-sm);
    color: var(--grometa-black);
    background-color: var(--white);
    border-color: var(--form-border);
    padding: var(--space-md-h) var(--space-md);
    position: relative;
    border-radius: var(--radius-sm);
    margin-bottom: var(--space-xs);
    font-size: var(--font-btn-main);
    font-weight: var(--weight-btn-main);
    line-height: var(--line-height-btn-main);
}

.new-design .btn-outline {
    width: fit-content;
    color: var(--grometa-black);
    background: var(--white);
    font-size: var(--font-btn-secondary);
    font-weight: var(--weight-btn-secondary);
    border: 2px solid var(--grometa-green);
    border-radius: var(--radius-sm);
    line-height: var(--line-height-btn-secondary);
    padding: var(--space-sm) var(--space-md);
    gap: var(--space-xs);
}

.new-design .form-footer .btn-block {
    width: 300px;
    max-width: 100%;
    margin-left: auto;
}
.new-design #processCarrier {
    width: 253px;
    max-width: 100%;
    margin-left: auto;
}
.new-design .btn-show-password {
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    outline: none;
    outline-offset: 0;
}

.new-design .btn-text-icon {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    font-size: var(--font-default);
    color: var(--grometa-black);
    font-weight: var(--weight-medium);
    line-height: var(--line-height-default);
    text-decoration: none;
}

.new-design .btn-text-icon:hover {
    text-decoration: underline;
}

.new-design .address-selection-block .btn-outline {
    border: 2px solid var(--grometa-green);
    padding: var(--space-sm) var(--space-md);
    border-radius: var(--radius-sm);
    background: var(--white);
    color: var(--grometa-black);
    display: inline-block;
    margin-top: var(--space-md);
}
.new-design a.btn-outline {
    background: var(--white);
}

.new-design .btn-block {
    width: 100%;
}

.new-design .btn-w100 {
    width: 100%;
}
/* END BUTTONS */

.new-design sup {
    color: var(--color-warning);
}

/* CUSTOM RADIO */
.new-design .custom-radio-card input {
    display: none;
}

.new-design .custom-radio-card .icon-radio {
    width: var(--icon-size-lg);
    height: var(--icon-size-lg);
    display: inline-block;
    cursor: pointer;
}

.new-design .custom-radio-card input:not(:checked) + .icon-radio {
    background: url(../../img/icon/radio_button_unchecked.svg) no-repeat center center transparent;
}
.new-design .custom-radio-card input:checked + .icon-radio {
    background: url(../../img/icon/radio_button_checked.svg) no-repeat center center transparent;
}
/* END CUSTOM RADIO */

/* CUSTOM CHECKBOX */
.new-design .custom-checkbox-card input {
    display: none;
}

.new-design .custom-checkbox-card .icon-checkbox {
    width: var(--icon-size-lg);
    height: var(--icon-size-lg);
    display: inline-block;
    cursor: pointer;
}

.new-design .custom-checkbox-card input:not(:checked) + .icon-checkbox {
    background: url(../../img/icon/checkbox.svg) no-repeat center center transparent;
}

.new-design .custom-checkbox-card input:checked + .icon-checkbox {
    background: url(../../img/icon/checkbox_checked.svg) no-repeat center center transparent;
}
/* END CUSTOM CHECKBOX */

.flipY {
    transform: scaleY(-1);
    transform-origin: center;
    transform-box: fill-box;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
}

/* Quantity wanted input */
.btn-icon {
    appearance: none;
    background: none;
    border: 0;
    padding: var(--space-xs);
    cursor: pointer;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.icon-btn:focus-visible {
    outline: none;
}

.icon-btn[disabled] {
    opacity: .5; cursor: not-allowed;
}

.quantity-block {
    display: flex;
    padding: 0;
    max-width: 105px;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-xs);

    border-radius: var(--radius-xs);
    border: 1px solid var(--window-borders);
    background: var(--white);
    height: var(--qty-input-height);
}

.quantity-block .qty-btn {
    width: 33px;
    height: 33px;
    padding: 0;
}
.quantity-block .qty-btn:hover {
    cursor: pointer;
    background: var(--secondary-bg);
}

.quantity-block .product-qty {
    width: 20px;
    text-align: center;
}