webshop-shop-gateway,
.theme-gentle_theme {

    /* .responsive-div {
        padding: 0;
    } */

    .cart-summary {
        padding: 2rem 1rem !important;
        background: white;
    }

    .page-body {
        background: #f8f8f6;

        .product-wrapper {
            background: white;
            border-radius: 0 !important;
        }
    }

    .category-tab {
        font-weight: 500;
    }
    
    .mat-mdc-dialog-surface {
        padding: 0 !important;
    }

    mat-form-field.mat-form-field-appearance-legacy {
        
        .mat-form-field-flex {
            border: 2px solid var(--theme-neutral);
            background-color: rgb(255 255 255) !important;
            padding: 0.5rem 1rem !important;
            align-items: center !important;
        }
        
        .mat-form-field-underline {
            display: none;
        }
        
        .mat-form-field-label-wrapper {
            top: -1.2em;
        }
        
        .mat-form-field-infix {
            padding: 5px;
        }
        
        .mat-form-field-subscript-wrapper {
            position: relative !important;
            margin-top: 8px !important;
            padding-left: 1rem;
        }

        /* focus state */
        &.mat-focused {
            
            .mat-form-field-flex {
                border: 2px solid var(--theme-primary);
            }
        }

        /* error state */
        &.mat-form-field-invalid {
            
            .mat-form-field-flex {
                border: 2px solid #a94438;
            }
        }

        .intl-tel-input {
            position: absolute;
            inset: 0 0 0 0;
        }

        .intl-tel-input.separate-dial-code .selected-flag {
            background-color: rgb(0 0 0 / 5%);
            border-radius: 0;
        }
    }

    .mat-button,
    .mat-stroked-button,
    .mat-flat-button {
        padding: 0.8rem 1rem !important;
        border-radius: 0 !important;
        font-weight: 600 !important;
    }

    .mat-button:not(.default-case),
    .mat-stroked-button:not(.default-case),
    .mat-flat-button:not(.default-case) {
        text-transform: uppercase !important;
    }

    .overview-actions {
        .mat-flat-button {
            height: 56px;
        }
    }

    .product-quantity-information {
        padding: 0.5rem;
        justify-content: center;
    
        .product-quantity {
            border-top: 0 !important;
            border-bottom: 0 !important;
        }
    
        div.quantity-control {
            width: initial;
            min-width: 100px;
            max-width: 100px;
            justify-content: center;

            >button,
            >input {
                height: 24px !important;
                width: 24px !important;
            }
    
            .quantity-increase,
            .quantity-decrease {
                color: var(--theme-primary) !important;
                border: 2px solid var(--theme-primary) !important;
                border-radius: 100% !important;
                flex: initial !important;
                min-width: initial !important;
                max-width: initial !important;
            }
        }
    
    }

}