/********************************************************************************
 * Eclipse Tractus-X - Industry Core Hub Frontend
 *
 * Copyright (c) 2025 Contributors to the Eclipse Foundation
 *
 * See the NOTICE file(s) distributed with this work for additional
 * information regarding copyright ownership.
 *
 * This program and the accompanying materials are made available under the
 * terms of the Apache License, Version 2.0 which is available at
 * https://www.apache.org/licenses/LICENSE-2.0.
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
 * either express or implied. See the
 * License for the specific language govern in permissions and limitations
 * under the License.
 *
 * SPDX-License-Identifier: Apache-2.0
********************************************************************************/

@use '../config/variables' as *;
@use '../config/mixins';

.product-catalog{
    
    .title{
        @include mixins.center-flex;
        margin: 20px 0px;
    }
    .text{
        @include mixins.space-title-h2-font;
        color: $brand-text;
        padding: 5px 80px;
        text-align: center;
        background: rgba($brand-primary, 0.3);
        @include mixins.space-shadow($brand-blue);
    }
}

.customer-part-id-form{
    color: $brand-text !important;
    
    .MuiFormControlLabel-label {
        color: $brand-text !important;
        font-weight: 500 !important;
        font-size: 0.9rem !important;
    }
}

.customer-part-id-checkbox{
    color: $brand-text !important;
    &.MuiCheckbox-root {
        color: $brand-text !important;
        &:hover {
            background-color: rgba($brand-primary, 0.1) !important;
        }
        
        &.Mui-checked {
            color: $brand-light-blue !important;
        }
    }
    
    .MuiSvgIcon-root {
        color: $brand-text !important;
    }
    
    &.Mui-checked .MuiSvgIcon-root {
        color: $brand-light-blue !important;
    }
}


.product-list-pagination {
    p {
        color: $brand-text !important;
    }
    button{
        color: $brand-text !important;
    }
    button.Mui-disabled {
        color: $brand-shadow !important;
    }
}

.not-found{
    &.title{
        color: $brand-text!important;
        font-size: 1em;
    }
    &.icon{
        color: $brand-text!important;
        font-size: 8em;
    }
}

.spinner {
    border: 4px solid rgba(0,0,0,0.1);
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border-left-color: $brand-text;
    animation: spin 1s ease infinite;
    margin: auto;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

.register-btn{
    color: #ffffff;
    transition: color 0.3s ease, background-color 0.3s ease;
    &:hover{
        color: white;
    }
}