@import "components/global.css";
@import "components/header.css";
@import "components/footer.css";

/* Main fixes */
.Navigation-grid{grid-template-columns: auto 200px 200px !important;}
.Search-input-rma{display:none}

.rma-info-box{
    border: 2px solid #F40000;
    color:#F40000;
    border-radius:5px;
    display:flex;
    align-items: center;
    font-size:12px;
    font-family: MuseoSans-300,Roboto,sans-serif;
    gap:1rem;
    padding:1rem;
    margin-bottom:1rem;
}
.rma-info-box p{margin:0rem;}
.rma-info-box_info-container{flex-grow:1}
.rma-info-box_confirm{
    color:#333333;
    font-family: MuseoSans-300,Roboto,sans-serif;
    font-weight:bold;
    font-size:13px;
    text-decoration: none;
}
.rma-info-box_error-name{
    color:#333333;
    font-family: MuseoSans-300,Roboto,sans-serif;
    font-weight:bold;
    font-size:16px;
    margin: 0rem 0rem 0.5rem 0rem;
}
.rma-info-box_error-desc{font-size:14px;}

/* RMA main page */
.main-banner{
    background-color: #f3f3f3;
    background-image: url("../assets/rma/b24.svg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: left;
}
.main-banner_holder{
    max-width:1080px;
    margin:0rem auto 0rem auto;
    display:flex;
    align-items: center;
    gap:2rem;
    min-height:600px;
}
.main-banner_header{
    font-size:40px;
    color:#034BA5;
    font-family: MuseoSans-500,Roboto,sans-serif;
    font-weight:bold;
    margin-bottom:2rem;
}
.main-banner_desc{
    font-size:20px;
    color:#353535;
    font-family: MuseoSans-400,Roboto,sans-serif;
}
.main-banner_button-holder{
    display:flex;
    align-items: center;
    gap: 1rem;
    margin:1rem 0rem 0rem 0rem;
}
.main-banner_button{
    all:unset;
    padding:0.5rem 1rem 0.5rem 1rem;
    background: #009EFF;
    border-radius: 2px;
    color:#fff;
    cursor:pointer;
    background: #009EFF;font-size:14px;border-radius:6px;border:2px solid #fff
}

.text-centered{text-align: center;}
.navigation-new-order-rma{display:none;}

/* RMA form */
.rma-form-holder{
    max-width:750px;
    margin:1rem auto 1rem auto;
    font-family: MuseoSans-300,Roboto,sans-serif;
    font-size:14px;
}
.rma-form_main-header{
    font-size:24px;
    font-family: MuseoSans-500,Roboto,sans-serif;
    text-transform: uppercase;
    margin-bottom:1rem;
}
.rma-form_main-header h1{font-size:24px;}
.rma-form_main-header h2{font-size:14px;font-weight:normal;line-height:24px;}
.rma-form_inputs{padding: 1rem 3rem 3rem 3rem;}
.mdc-text-field, .mdc-form-field, .mdc-text-field--textarea{
    width:100% !important;
    margin:0.7rem 0rem 1rem 0rem;
}
.rma-form_input-header{
    margin-top:1rem;
    font-size:16px;
    font-family: MuseoSans-500,Roboto,sans-serif;
}
.rma-form_address-holder{display:flex;align-items: center;gap:1rem;}
.shrink-input{flex-shrink: 0.65;}
.rma-form_check-address{color:#F40000;font-size:12px;font-family: MuseoSans-300,Roboto,sans-serif;}
.rma-form_radio-desc{padding:0rem 3rem 0rem 3rem;}
.rma-form_send-button{
    all:unset;
    background-color: #009EFF;
    border-radius: 2px;
    color: #fff;
    padding:0.5rem 2rem 0.5rem 2rem;
    cursor:pointer;
}
/* RMA finalize */
.rma-finalize_holder{max-width:715px;margin:1rem auto 1rem auto;}
.rma-finalize_box{
    background-color:#F3FCF7;
    display:flex;
    align-items: center;
    padding:1.5rem;
    gap:1rem;
    margin:1rem 0rem 1rem 0rem;
    font-family: MuseoSans-300,Roboto,sans-serif;
    font-size:16px;
}
.rma-finalize_box_content{width:100%;}
.rma-finalize_box_content div:last-child{
    color: red;
    font-size:12px;
}
.rma-finalize_box p{margin: 0.5rem 0rem 0.5rem 0rem;}
.rma-finalize_box span{font-family: MuseoSans-600,Roboto,sans-serif;}
.rma-finalize_box_line{
    height:1px;
    background-color:#def7ea;
    width:100%;
    margin:1rem 0rem 1rem 0rem;
}
.rma-finalize_button-holder{
    display:flex;
    align-items: center;
    gap: 1rem;
    justify-content: center;
    margin: 2rem 0rem 2rem 0rem;
}
.rma-finalize_button-holder button{
    all:unset;
    border:2px solid #009EFF;
    color: #009EFF;
    padding: 0.3rem 1.5rem 0.3rem 1.5rem;
    cursor:pointer;
}
.rma-finalize_info{font-size:12px;color:#F40000}
.rma-finalize_print{text-align:Center;}
.rma-finalize_print button{
    all:unset;
    border:2px solid #009EFF;
    color: #009EFF;
    padding: 0.3rem 1.5rem 0.3rem 1.5rem;
    cursor:pointer;
    background-color: #fff;
    margin:1rem auto 0.5rem auto;
    font-size:14px;
}
.rma-finalize_input-holder{
    font-size:16px;
    color:#1D1E30;
    display:flex;
    align-items: center;
    gap: 1rem;
    justify-content: center;
    margin: 2rem 0rem 2rem 0rem;
}
.rma-finalize_input-holder input{
    border:1px solid #CFD0E2;
    height:48px;
    border-radius: 4px;
}
.rma-finalize_button-dark button{color: #fff;background-color: #009EFF;}
.rma-finalize_text{
    text-align: center;
    color: #333333;
    font-size:14px;
    font-family: MuseoSans-300,Roboto,sans-serif;
    font-weight:bold;
    margin: 1rem auto 1rem auto;
    padding:0rem 1rem 0rem 1rem;
}
.rma-finalize_upload{
    all:unset;
    padding:0.3rem 1rem 0.3rem 1rem;
    background: #4750D5;
    border-radius: 4px;
    color:#fff;
    margin: 1rem auto 2rem auto;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor:pointer;
}
.mdc-form-field{margin-top:0px;}
.mdc-text-field-checkbox{margin-bottom:0px;}
.mdc-text-field{--mdc-theme-primary: #111599;}
.mdc-text-field--focused .mdc-floating-label{color:#111599 !important;}
.form1-radio{margin-bottom:0px;}
.without-serial-input-holders{margin-bottom:1rem;}
.rma-quickservice{margin-bottom:1rem;}
.rma-quickservice_buttons button{
    all:unset;
    cursor:pointer;
    color:#111599;
    display:flex;
    align-items: center;
    justify-content: right;
    width:100%;
    margin:0.5rem 0rem 0.5rem 0rem;
    gap:0.5rem;
}

/* TERG RMA */
.rma-terg-email-holder{
    max-width: 1080px;
    margin: 0.5rem auto 0.5rem auto;
    font-size:14px !important;
}
.rma-terg-email-holder .rma-terg-email-holder_info{
    font-family: MuseoSans-500,Roboto,sans-serif;
}
.rma-terg-email-holder_table{
    background-color: #EEEEEE;
    border-radius:6px;
    padding:1rem;
    max-width:400px;
    margin-left:auto;
    margin-right:auto;
    line-height:1.9rem;
    margin-top:2rem;
}
.rma-terg-email-holder_table p{margin-top:0px;font-family: MuseoSans-500,Roboto,sans-serif;}
.rma-terg-email-holder_table_item{
    display:grid;
    grid-template-columns: 60% 40%;
    padding:0.5rem;
}
.rma-terg-email-holder_table_item div{flex-grow:1}
.rma-terg-email-holder_table_item div:first-child{color:#666666}


/* Responsiveness */
@media screen and (max-width: 1080px){
    .main-banner_img{display:none;}
    .main-banner_header{padding-top:1rem !important;}
    .main-banner_header, .main-banner_desc{padding:0rem 1rem 0rem 1rem;text-align:center;}
    .logo-holder{padding-left:1rem;}
    .rma-finalize_box{width:80%;margin: 0rem auto 0rem auto;}
    .rma-form_inputs{max-width:90%;}
    .main-banner_button-holder{width:100%;justify-content: center;}
    .main-banner_button{text-align:center;}
    #navigation-warehouse, #navigation-burger{display:none}
    .navigation-icons div:first-child{display:none;}
    .Navigation-grid{
        background-color: #fff;
        grid-template-columns: none !important;
        grid-template-areas:
            "logo logo logo logo logo"
            "lang  lang lang icons icons";
    }
    #navigation-search-icon{display:none;}
    .rma-finalize_button-holder{flex-direction:column;}
    .rma-finalize_input-holder{flex-direction:column;}
}

@media screen and (max-width: 500px){
    .rma-form_address-holder{display:block;}
}

@media screen and (max-width: 359px){
    .rma-terg-email-holder_table_item{
        display:grid;
        grid-template-columns: auto;
        text-align: center;
    }
    .rma-terg-email-holder_table p{text-align: center;}
}


.navigation-warehouse-rma{display:none !important;}