/*
Theme Name: MAS custom Theme
Theme URI: https://example.com
Description: Management Auto-Service. A child theme for Bootstrap 5
Author: APP
Author URI: https://adiba.ro/
Template: bootstrap
Version: 260302
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/


.bg-mecanica{
    background-color: #ffebae!important;
}
.bg-ac{
    background-color:#3b86c7!important;
}
.bg-caroserie{
    background-color:#a9d08e!important;
}
.bg-deviz-general{
    background-color:#85a371!important;
}
/*------------------------HEADER --------------------------------------*/
.custom-logo {
    height: 50px;
    width: auto;
}
#theme-switch span{
    opacity: 0;
    color:#999;
}
#theme-switch:hover span.s-dark{
    opacity: 1;
}

[data-bs-theme=dark] #theme-switch:hover span.s-dark{
    opacity: 0;
}
[data-bs-theme=dark] #theme-switch:hover span.s-light{
    opacity: 1;
}


[data-bs-theme=dark] .element {
  color: var(--bs-primary-text-emphasis);
  background-color: var(--bs-primary-bg-subtle);
}
/* -------------------------- LOGIN PAGE --------------------------------- */
#mas-login-form p {
    margin-bottom: 15px;
}
#mas-login-form input[type="text"], 
#mas-login-form input[type="password"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
#mas-login-form .button-primary {
    width: 100%;
    background-color: #0073aa;
    padding: 10px;
    color: white;
    border: none;
    cursor: pointer;
}
        .toggle-password-btn {
            position: absolute;
            right: 10px;
            top: 10px; /* Ajustat pentru a fi în dreptul input-ului sub label */
            background: none;
            border: none;
            cursor: pointer;
            color: #666;
            z-index: 10;
        }

/*----------------------- pagina fisa VIEW ------------------------------------*/



input#acf-field_69726fc43e610-field_69726fb33e60f {
    text-transform: uppercase;
}

.category-mecanica .app-status-5{
    display: table-cell;
}
.category-mecanica .app-status-6,
.category-mecanica .app-status-7{
    display: none;
}


.status_lucrare_grup .acf-th{
    display: none;
}
.acf-button-group input[type=checkbox],
.acf-button-group input[type=radio] {
    border: 1px solid #8c8f94;
    border-radius: 4px;
    background: #fff;
    color: #50575e;
    clear: none;
    cursor: pointer;
    line-height: 0;
    height: 1rem;
    margin: -.25rem .25rem 0 0;
    outline: 0;
    padding: 0!important;
    text-align: center;
    vertical-align: middle;
    width: 1rem;
    min-width: 1rem;
    -webkit-appearance: none;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    transition: .05s border-color ease-in-out;
    display: inline-block!important;
}
.acf-button-group .selected input[type=checkbox]::before, 
.acf-button-group .selected input[type=radio]::before {
    float: left;
    display: inline-block;
    vertical-align: middle;
    width: 1rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%233582c4%27%2F%3E%3C%2Fsvg%3E")/'';
    margin: -.1875rem 0 0 -.25rem;
    height: 1.3125rem;
    width: 1.3125rem;
}

.hover-shadow { transition: transform 0.2s; cursor: pointer; }
.hover-shadow:hover { transform: scale(1.05); box-shadow: 0 4px 8px rgba(0,0,0,0.1); }


.app-ac .check_in_lucru_caroserie,
.app-ac .check_in_lucru_vopsitorie,
.app-ac .check_accept_plata,
.app-mecanica .check_in_lucru_caroserie,
.app-mecanica .check_in_lucru_vopsitorie,
.app-mecanica .check_accept_plata,
.app-caroserie .check_in_lucru,
.app-caroserie .check_resetare_service,
.app-caroserie .check_proba_drum,
.app-deviz-general .check_in_lucru_caroserie,
.app-deviz-general .check_in_lucru_vopsitorie,
.app-deviz-general .check_accept_plata{
    display:none;
}
div.btn:hover{
   /* background-color: initial;
    color:inherit;*/
}

.fisa-group-section .card-header{
    background-color:#b4c6e7;
}
div.app-checks div.app-check{
    opacity: 0.8;
}
.app-checks .btn{ min-width:160px; ;}
/* Containerul părintelui trebuie să fie relativ */


/* Containerul care face butonul să plutească */
.sticky-button-container,
.page-template-page-edit-fisa .acf-form-submit {
    position: sticky;
    bottom: 20px; /* Distanța față de marginea de jos a ecranului în timpul scroll-ului */
    z-index: 1000;
    display: flex;
    justify-content: end; /* Centrează butonul pe orizontală */
    pointer-events: none; /* Permite click-ul prin container pe elementele din spate */
    margin-top: 20px;
}

/* Facem butonul să reprimească click-uri */
#edit_fisa,
.page-template-page-edit-fisa .acf-form-submit .acf-button,
.page-template-page-adauga-fisa .acf-form-submit .acf-button {
    color:#000;
    pointer-events: auto;
    border-radius: 50px; /* Aspect modern, rotunjit */
    padding: 10px 25px;
    font-weight: bold;
    background-color: #ffc107;
    border: 2px solid rgba(0,0,0,0.1);

    /* Dezactivăm stilul default de iconiță WordPress dacă există */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3E%3Cpath d='M11 2H9v3h2V2Z'/%3E%3Cpath d='M1.5 0h11l3.5 3.5v11a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 14.5v-13A1.5 1.5 0 0 1 1.5 0ZM1 1.5v13a.5.5 0 0 0 .5.5H2v-4.5A1.5 1.5 0 0 1 3.5 9h9a1.5 1.5 0 0 1 1.5 1.5V15h.5a.5.5 0 0 0 .5-.5V4.121L12.879 1.5H12v2A1.5 1.5 0 0 1 10.5 5h-5A1.5 1.5 0 0 1 4 3.5v-2H1.5a.5.5 0 0 0-.5.5ZM3 15h10v-4.5a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5V15Z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: 12px center !important; /* Poziționează discheta în stânga */
    background-size: 16px 16px !important;
    padding-left: 38px !important; /* Împinge textul spre dreapta */
    
    /* Asigurăm vizibilitatea pe culori închise */
    display: inline-flex !important;
    align-items: center !important;
    min-height: 40px;
    line-height: 1;
}
#edit_fisa{background-image: none!important;}

/* Dacă butonul este pe fundal alb, schimbăm discheta în neagră la hover sau dacă e nevoie */
.page-template-page-edit-fisa .acf-form-submit .acf-button:hover,
.page-template-page-adauga-fisa .acf-form-submit .acf-button:hover
.acf-button.acf-gallery-add:hover {
    filter: brightness(1.1);
}
.acf-button.acf-gallery-add {
    pointer-events: auto;
    border-radius: 50px;
    padding: 7px 25px;
    font-weight: normal;
    background-color: #0783be;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: black;
}
/*------------------------------------------------------------- galeria foto */
.acf-gallery {
}

.acf-gallery-sort{display: none;}

.app-poze-wrapper .acf-table,
.app-poze-wrapper .acf-table tbody{
    display: block;
}
.app-poze-wrapper .acf-table .acf-row{
    display: block;
}

.app-poze-wrapper.app-w33 .acf-table .acf-row{
    width: 33.33333%;
    float: left;
}
.app-poze-wrapper.app-w33 .acf-table .acf-row:nth-child(3n+1){
    clear:left;
}

/* Face ca modalul să ocupe tot ecranul și să permită click-ul de închidere în jurul pozei */
.modal-dialog.modal-xl {
    max-width: 100vw;
    margin: 0;
    height: 100vh;
}

.modal-content {
    height: 100%;
}

/* Previne închiderea modalului când dai click pe imaginea propriu-zisă sau pe video */
.modal-body img, 
.modal-body video {
    cursor: default;
    /* pointer-events: auto este setat inline în PHP pentru a opri propagarea click-ului de închidere către fundal */
}

.app-poze .acf-gallery .acf-gallery-attachment .actions {
    display: block;
}

/* Previne blocarea click-urilor de către modalele ascunse */
.modal:not(.show) {
    display: none !important;
}

/* -------------------------------------------------------------------pagina fisa EDIT ------------------------- */

/*------status------*/
/*in lucru caroserie si in lucru vopsitorie */
.app-status-6,
.app-status-7,
.app-status-8,
.app-caroserie .app-status-5,
.app-caroserie .app-fin-1,
.app-caroserie .app-fin-2{
    display: none!important;
}
.app-caroserie .app-status-6,
.app-caroserie .app-status-7,
.app-caroserie .app-status-8{
    display: block!important;
}
.app-status-4 select{
    height:35px;
    border-radius: 3px;
    background-color: #0dcaf0;
}
.app-status-4 select.app--{
    background-color: #fff;
}

.app-status-4 select.app-100{
    background-color: #198754;
}

.nr-auto {
    border-left: 12px solid #013398;;
    border-radius: 3px;
    font-weight: bold;
    letter-spacing: 2px;
    margin: 0 auto;
    display: inline-block;
    padding: 0 8px;
    position: relative;
    box-shadow: 0 0 1px 1px;
}
.nr-auto:after{
    content: "RO";
    font-size: 8px;
    color: #fff;
    position: absolute;
    left: -11px;
    bottom: -2px;
    letter-spacing: 0px;
}
.date_fisa_group .acf-fields{
    display: flex;
    flex-wrap: wrap;
    align-items: end;
}
.date_fisa_group .acf-fields .acf-field{
    border:none;
}
.date_fisa_group .acf-field .acf-label label{
    font-size: 12px;
    line-height: 1em;
    /*height: 2em;*/
}

.date_fisa_group .acf-field .acf-label{
    margin:0;
}
        .date_fisa_group .acf-field .acf-input {
            display: inline-grid;
            width:100%;
        }
        .date_fisa_group .acf-field .acf-notice {
            order: 2;
            margin-top:5px;
        }
        .date_fisa_group .acf-field .acf-input-wrap{
            order: 1;
        }
.status_lucrare_grup .acf-input .acf-field{
    padding:5px;
}
.status_lucrare_grup .acf-fields{
    display: flex;
    justify-content: space-around;
}
.finalizare_fisa_grup .acf-fields{
    display: flex;
    justify-content: end;
}
.status_lucrare_grup .acf-fields .acf-label label,
.finalizare_fisa_grup .acf-fields .acf-label label{
    display: none;
}
.status_lucrare_grup .acf-fields .acf-label,
.status_lucrare_grup .acf-fields .acf-label p{
    margin: 0;
}
.status_lucrare_grup .acf-fields .acf-label{}
.status_lucrare_grup .acf-button-group label.selected{
    background-color: #198754;
    border-color: #198754;
}

.acf-field-group > .acf-label > label{
    font-size: 1.75rem;
    font-weight: 500;
    font-size: 1.75rem;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.2;
    margin-top: 3rem;
}

.page-template-page-edit-fisa .container {
}

.wmx-822{
    max-width: 822px;
    margin: 1.5em auto!important;
    border: none!important;
}
.wmx-822.acf-field > .acf-label{
    margin-bottom: -1px;
}
.wmx-822.acf-field > .acf-label > label{
    text-align: center;
    text-transform: none;
    font-size: 1.5rem;
    background-color: #b4c6e7;
    border:1px solid #eaecf0;
    border-radius: 5px 5px 0 0;
    margin-bottom: 0;
}
.date_fisa_group{
    overflow-x: auto;
}
.app_constatare .acf-label,
.app_constatare .acf-input,
.app_constatare .acf-checkbox-list li{
    display:inline-block;
}
.app_constatare.acf-field  .acf-label  label::after{
    content: ":";
}
.app_constatare .acf-checkbox-list li label{
    display: block;
    border:1px solid #6c757d;
    
    border-radius:3px;
    padding:6px 12px;
    margin-bottom:8px;

    font-size: 16px;
    color:#333;
}
.app_constatare .acf-checkbox-list li:first-child label.selected{
    background-color: #198754;
    color:#fff;
}
.app_constatare .acf-checkbox-list li:nth-child(2) label.selected{
    background-color: #dc3545;
    color:#fff;
}
.app_constatare .acf-checkbox-list li:nth-child(3) label.selected{
    background-color: #0d6efd;
    color:#fff;
}

.app_reconstatare .app_constatare .acf-checkbox-list li:nth-child(1) label.selected{
    background-color: #dc3545;
    color:#fff;
}
.app_reconstatare .app_constatare .acf-checkbox-list li:nth-child(2) label.selected {
    background-color: #0d6efd;
    color: #fff;
}

.acf-gallery-side-data tr.acf-field-text,
.acf-gallery-side-data tr[data-name="description"]{
    display: none;
}

.acf-field p.description{
    line-height: 1em;
    font-size: small;
    font-style: italic;
}
.app-faracategorie .wmx-822 {
    display: none;;
}

.masina_in_service.acf-field .acf-label,
.masina_in_service.acf-field .acf-input{
    display:inline-block;
}
.masina_in_service.acf-field .acf-label label{
    line-height: 2em;
    margin-right:1em;
}
.acf-field-69a16a11e4ca6 .acf-label,
#reconstatare .acf-field-69a164d573ae2 .acf-label{
    display: none;
}
.masina_in_service {text-align:right;}
/*------------------------------------ ascundem -------------------- */





/* ----------------------------------------------------------------------------- pagina de arhiva ----------------- */
/* Stil pentru a face paginația de la WordPress să arate mai bine cu Bootstrap */
body .badge {
    font-weight: normal;
}
.page-numbers {
    display: inline-block;
    padding: 5px 12px;
    margin: 0 2px;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    text-decoration: none;
    color: #0d6efd;
}
.page-numbers.current {
    background-color: #0d6efd;
    color: white;
    border-color: #0d6efd;
}
.page-numbers:hover:not(.current) {
    background-color: #e9ecef;
}


/* Identificăm input-ul de search (ajustează selectorul dacă e nevoie) */
#app-filter input.f_search{
    padding-right: 35px !important; /* Facem loc pentru lupă */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236c757d' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center; /* Poziționăm lupa la 10px de marginea stângă */
    background-size: 16px;
}

/*---------------------------------------------------------------------------- export pdf -------------------------*/
/* Stiluri doar pentru Print/PDF */

body.fisa-vizitator-extern header{
    display:none;
}
body.fisa-user-autentificat .vizitator-only{
    display: none;
}
body.fisa-vizitator-extern .vizitator-only{
    display: block;
}
body.fisa-vizitator-extern #print-header{
    display:flex;
}
    #print-header { 
        display: none; /* Ascuns pe ecran */
            align-items: center; 
            justify-content: space-between;
            border-bottom: 1px solid #666;
            margin-bottom: 0px;
            padding: 15px;
    } 
        .antet-logo img { max-width: 250px; height: auto; }
        .antet-info { 
            text-align: left;
            font-size: 14px;
            line-height: 1.4; 
            }

@media print {

        body {
            padding: 1.5cm; /* Aceasta devine noua ta margine "vizuală" */
        }
        .antet-info { 
            font-size: 12px;
        }
        /* Ascundem tot ce nu e necesar */
        header, footer, .sticky-button-container, .no-print, #comments,
        .grup-fara-date,
        .email-info{ 
            display: none !important; 
        }
        #content .main>div{margin-top:0!important;}

        .date_fisa_group{
            overflow-x: inherit;
        }

        /* Resetăm containerele */
        .container, .card, body,
        .coloana { 
            width: 100% !important; 
            max-width:none!important;
            margin: 0 !important; 
            padding: 0 !important; 
            /*border: none;*/
            box-shadow: none !important;
        }

        /* Afișăm antetul doar la print */
        #print-header { 
            display: flex !important; 
        }
        
        /* Forțăm culorile în PDF/Print */
        .card-header { 
            -webkit-print-color-adjust: exact; 
            print-color-adjust: exact;
            /*background-color: #eee !important;*/
            color: #000 !important;
        }
        .border{
            border-width: 1px;
            border-color: #666;
            border-style: solid;
        }
        .btn{background-color: #eee!important;color:#000!important;border:1px solid #666!important;}
        .btn.bg-success,
        .btn.bg-danger,
        .btn.bg-primary,
        .btn.bg-info{background-color: #999!important;color:#000!important;}

        .row-status > div{
            width: 25%!important;
        }
        .grup-status-lucrare .row-status > div{
            padding: 1mm;
        }
        .row-status > div .btn{
            padding-left: 0;
            padding-right: 0;
        }
        .fisa-group-section.card{
            margin-top:1rem!important;
            margin-bottom:0!important;
        }
        h3.mt-4,h3.mt-3,h3.mt-5{margin-top:1rem!important}
        h3.mb-4,h3.mb-3,h3.mb-5{margin-bottom:0.3rem!important}
        .row-status{margin-bottom:1rem!important}

        .card-footer{text-align: center;}

        .fisa-group-section{
            page-break-inside: avoid !important; /* Pentru browsere vechi */
            break-inside: avoid !important;      /* Standard modern */
            /*display: block; *//* Flexbox uneori poate ignora break-inside, block e mai sigur la print */
        }
}

/*--------------------------------------------------------------------------- media query */
@media screen and (max-width: 992px) {
    .acf-fields>.acf-field.status_lucrare_grup,
    .acf-fields>.acf-field.wmx-822{
        padding-left: 0;
        padding-right: 0;
    }
    .status_lucrare_grup .acf-fields {
        display: block;
    }
    .status_lucrare_grup .acf-fields .acf-field{
        display: inline-block;
        width: 32%;
    }
    .status_lucrare_grup .acf-fields .acf-field .acf-button-group{
        width: 100%;
    }

}

@media screen and (max-width: 768px) {
    .navbar-brand{
        margin: 0 auto;
    }
    .finalizare_fisa_grup .acf-fields {
        display: block;
    }
    
    .finalizare_fisa_grup .acf-fields .acf-field{
        display: inline-block;
        width: 32%;
    }

    .acf-fields>.acf-field.app_constatare{
        width: 100%!important;
    }
    .acf-fields>.acf-field.app_constatare .acf-checkbox-list li{
        display: inline-block;
    }


    .responsive-table thead {
        display: none; /* Ascundem capul de tabel pe mobil */
    }

    .responsive-table, 
    .responsive-table tbody, 
    .responsive-table tr, 
    .responsive-table td, 
    .responsive-table th {
        display: block;
        width: 100%;
    }

    .responsive-table tr {
        margin-bottom: 1rem;
        border: 2px solid #dee2e6;
        border-radius: 8px;
        overflow: hidden;
    }

    .responsive-table td, 
    .responsive-table th {
        text-align: right !important;
        padding-left: 50% !important;
        position: relative;
        border: none;
        border-bottom: 1px solid #eee;
    }

    /* Generăm etichetele folosind atributul data-label */
    .responsive-table td::before, 
    .responsive-table th::before {
        content: attr(data-label);
        position: absolute;
        left: 10px;
        width: 45%;
        font-weight: bold;
        text-align: left;
        color: #6c757d;
    }

    .responsive-table th[scope="row"] {
        background-color: #f8f9fa;
        text-align: center !important;
        padding-left: 10px !important;
        font-size: 1.2rem;
    }
    
    .responsive-table th[scope="row"]::before {
        display: none; /* Nu vrem etichetă pentru ID-ul comenzii dacă e centrat */
    }
}

@media screen and (max-width: 576px) {
    .status_lucrare_grup .acf-fields {
        display: block;
    }
    .finalizare_fisa_grup .acf-fields .acf-field,
    .status_lucrare_grup .acf-fields .acf-field{
        width: 49%;
    }
    body.fisa-vizitator-extern #print-header{
        flex-direction: column;
    }
    body.fisa-vizitator-extern #print-header .antet-logo{
        padding-top:15px;
    }
}