/*
Theme Name: FAB Documentale
Theme URI: https://2pweb.it
Author: Rundiz-WP team
Author URI: https://github.com/Rundiz-WP
Description: Bootstrap v.5 
Version: 1.0
Requires PHP: 8.3
Tested up to: 6.7
License: MIT
License URI: https://opensource.org/licenses/MIT
Text Domain: bootstrap-basic
Domain Path: /languages/

*/

/* Font Import */
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600&display=swap');


/* Global Styles */
/* Font Import */
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400&display=swap');

/* Global Styles */
body {
    font-family: 'Titillium Web', sans-serif;
    background-color: #f5f5f5!important;
    margin: 0;
    padding: 0;
}

/* Header Styles */
.bg-teal {
    background-color: #456b65;
}

.h3 {
    font-weight: 400;
    font-size: 1.75rem;
    margin: 0;
    letter-spacing: 0.2px;
}

/* Lista Procedure Section */
.bg-light {
    background-color: #E8ECD8 !important;
    border-radius: 0;
    margin: 0 15px;
}

.h4 {
    font-weight: 600;
    color: #333;
    font-size: 1.2rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Search Box */
.search-box {
    position: relative;
}

.search-box input {
    min-width: 300px;
    border-radius: 4px;
    border: 1px solid #ced4da;
    padding: 0.375rem 0.75rem;
    padding-left: 35px;
    font-family: 'Titillium Web', sans-serif;
    font-size: 0.95rem;
}

.search-box i {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
}

.search-box input::placeholder {
    color: #6c757d;
}

/* Table Styles */
.table-responsive {
    margin: 0 15px;
}

.table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    background-color: white;
    margin-bottom: 0;
}

.table thead th {
    background-color: #456b65;
    color: white;
    font-weight: 600;
    padding: 12px 8px;
    border: none;
    font-size: 0.95rem;
    vertical-align: middle;
    letter-spacing: 0.3px;
}

.table tbody td {
    padding: 12px 8px;
    border: none;
    color: #333;
    font-size: 0.95rem;
    font-weight: 400;
    vertical-align: middle;
}

/* Applying Roboto Mono to numeric values */
.table tbody td:nth-child(2),
.table tbody td:nth-child(3),
.table tbody td:nth-child(4),
.table tbody td:nth-child(5),
.table tbody td:nth-child(9) {
    font-family: 'Roboto Mono', monospace;
}

.table-light, .table-light > td {
    background-color: #f8f9fa;
}

.table tbody tr:hover {
    background-color: rgba(69, 107, 101, 0.35);
    cursor: pointer;
}

.bi-chevron-down {
    font-size: 12px;
    margin-left: 5px;
    opacity: 0.8;
}

/* Rest of the CSS remains the same */

/* Aggiungi questo al tuo CSS esistente */
.pagination-container {
    margin: 20px 15px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-family: 'Titillium Web', sans-serif;
}

.pagination {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.pagination li {
    margin: 0 2px;
}

.pagination button {
    background-color: white;
    border: 1px solid #dee2e6;
    padding: 8px 12px;
    color: #517B7B;
    cursor: pointer;
    font-family: 'Titillium Web', sans-serif;
    font-size: 0.9rem;
}

.pagination button:hover {
    background-color: #f8f9fa;
}

.pagination button.active {
    background-color: #517B7B;
    color: white;
    border-color: #517B7B;
}

.pagination-info {
    margin-right: 15px;
    color: #666;
    font-size: 0.9rem;
}

header a{ color:#fff; text-decoration: none
}
header a:hover{ color:#fff;text-decoration: underline!important
}

.table tbody td a {
  color: #000;
  text-decoration: none;!important
}


.revision-diff {
                        margin-bottom: 20px;
                    }
                    .revision-header {
                        background: #f5f5f5;
                        padding: 10px;
                        border-bottom: 1px solid #ddd;
                        width: 100%;
                    }
                    ins {
                        background-color: #dfd;
                        text-decoration: none;
                        padding: 0 2px;
                    }
                    del {
                        background-color: #fdd;
                        text-decoration: none;
                        padding: 0 2px;
                    }
                    .accordion-controls {
                        margin-bottom: 15px;
                    }
                    .form-check {
                        margin-bottom: 15px;
                    }
                    .repeater-row {
                        margin-bottom: 10px;
                        padding: 8px;
                        background-color: #f9f9f9;
                        border-radius: 4px;
                    }
                    .sub-repeater-row {
                        margin: 5px 0;
                        padding: 8px;
                        background-color: #f0f0f0;
                        border-left: 3px solid #ddd;
                        border-radius: 0 4px 4px 0;
                    }
                    .repeater-diff {
                        margin-bottom: 15px;
                        border-bottom: 1px dashed #ccc;
                        padding-bottom: 10px;
                    }
                    .added {
                        background-color: #efffef;
                        border-left: 3px solid #5cb85c;
                    }
                    .removed {
                        background-color: #ffefef;
                        border-left: 3px solid #d9534f;
                    }
                    .modified {
                        background-color: #ffffef;
                        border-left: 3px solid #f0ad4e;
                    }
                    /* Pulsante per mostrare/nascondere debug info */
                    .toggle-debug {
                        margin-top: 10px;
                        font-size: 12px;
                        color: #999;
                        cursor: pointer;
                    }

.cmp_print_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border:0;
  padding:0;
  border-radius: 0px;
  cursor: pointer;
  font-weight: 600 !important;
  font-size: 17px;
}

#approved small {display: none;}


th a, th a:hover {
  color: #fff;
  text-transform: none;
  text-decoration: none;
}

  .sort-icon {
  width: 1rem;
  height: 1rem;
  margin-left: 0.3rem;
  vertical-align: middle;
  fill: #fff !important;
}

  .icon-padded {
    margin-left: 5px;
  }

.btn-primary, .btn-primary:hover {
  background-color: #456b65;
  color: #fff;
  border-color: #456b65;
}
.plant-list-width {width: 225px}
.font-12{font-size:12px!important}


.tpdf-delete-btn {
  font-size: 1.2rem;
  line-height: 1;
  padding: 0 0.4rem;
  background: none;
  border: none;
  cursor: pointer;
}

.accordion-item {
  margin-bottom: 1px;
}

.accordion-header .accordion-button:not(.collapsed) {
  color: #000;
}



/* Icona compatta */
  .chip .btn-icon {
    padding: 0 2px 0 4px; /* 👈 tolto padding dx extra */
    margin-left: 4px;
    display: flex;
    align-items: center;
    color: inherit;
  }

  .chip .btn-icon .icon {
    width: 0.85rem;
    height: 0.85rem;
  }

  .chip {
    font-size: 0.85rem;
    line-height: 1.2;
    display: inline-flex;
    align-items: center;
  }

  /* ✨ Hover chip colors con contrasto migliorato */
  .chip-primary:hover {
    background-color: #0066cc !important;
    color: #fff !important;
  }
  .chip-success:hover {
    background-color: #009e67 !important;
    color: #fff !important;
  }
  .chip-warning:hover {
    background-color: #ffb200 !important;
    color: #000 !important;
  }
  .chip-info:hover {
    background-color: #007ea7 !important;
    color: #fff !important;
  }
  .chip-danger:hover {
    background-color: #d93636 !important;
    color: #fff !important;
  }

  /* Hover pulsante chiusura */
  .chip .btn-icon:hover {
    background: rgba(0,0,0,0.15);
    border-radius: 50%;
  }
  .chip {
  display: inline-flex;
  justify-content: space-evenly;
  align-items: center;
  background: #f5f5f5;
  border: 1px solid #c5c7c9;
    border-top-color: rgb(197, 199, 201);
    border-right-color: rgb(197, 199, 201);
    border-bottom-color: rgb(197, 199, 201);
    border-left-color: rgb(197, 199, 201);
  border-radius: 12px;
  height: 24px;
  min-width: 100px;
  padding: 7px 8px 8px 10px;
  transition: all .05s;
  margin-top: 4px;
  margin-bottom: 8px;
}


.table.table-bordered tbody tr {
  border-bottom: 3px solid #456b65 !important;
  box-shadow: inset 0 -3px 0 #456b65 !important; /* rinforza la linea */
}

.table.table-bordered tbody tr:last-child {
  border-bottom: 3px solid #456b65 !important;
}

.table.table-bordered tbody tr.table-success,
.table.table-bordered tbody tr.table-warning {
  background-clip: padding-box !important;
}

.procedures-table tbody > tr > * {
  border-bottom: 1px solid #456b65 !important;
}

#footer {margin-top:120px; font-weight: 300; font-size: 1.1em}