/* AMAZONTREE THEME */

:root {
  --font-family-sans-serif: 'Sora', sans-serif !important;
  
  --brand-gray-dark: #111111;

  --brand-green-lemon: #03ff00;
  --brand-green-light: #02c600;
  --brand-green-medium: #028e00;
  --brand-green-dark: #0a230f;

  --brand-earth-light: #fcf2c8;
  --brand-earth-medium: #dbb77d;
  --brand-earth-dark: #ff815a;

  --purple: #9557ff;
}

/* AMAZONTREE TYPE */

body, .navbar, .nav-link, .dropdown-item, .btn, .form-control, .card, .modal {
  font-family: var(--font-family-sans-serif);
}


/* UTILITIES */

.balanced {
  text-wrap: balance;
}

/* NAVBAR */

.navbar-dark {
  background-color: var(--brand-gray-dark);
  border-color: var(--brand-gray-dark);
}


/* CARD HEADER */

.bg-amazon,
.card-header--amazon {
  background-color: var(--brand-green-dark);
  color: var(--brand-green-lemon);
}

.btn--amazon {
  background-color: var(--brand-green-dark);
  color: var(--brand-earth-light);
}

.btn--amazon:hover, .btn--amazon:active {
  background-color: var(--brand-green-medium);
  color: var(--brand-earth-light);
}

.btn-lemon {
  background-color: var(--brand-green-lemon);
  color: var(--brand-green-dark);
}

.btn-lemon:hover, .btn-lemon:active {
  background-color: var(--brand-green-dark);
  color: var(--brand-green-lemon);
}

.alert-eco {
  background: var(--brand-green-dark);
  color: var(--brand-earth-light);
}

/* FOOTER */

.main-footer {
  border-top: 0;
}


/* BEGIN-----RIDUCE Spaziatura,  compatta per form, card, modali */
.card-body,
.modal-body,
.card-footer {
  padding: 1rem;
}

.form-group {
  margin-bottom: 0.5rem;
}

.form-group label {
  margin-bottom: 0.2rem;
  font-size: 0.875rem;
  font-weight: 500;
}

.form-control,
.form-select,
.form-control-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.85rem;
  height: calc(1.5em + 0.5rem + 2px);
}

input[type="file"].form-control {
  padding: 0.25rem;
}

.card-title,
.modal-title {
  font-size: 1rem;
  font-weight: 600;
}

.card-header,
.card-footer,
.modal-footer {
  padding: 0.5rem 1rem;
}

.card-footer .btn,
.modal-footer .btn,
.btn-sm {
  padding: 0.3rem 0.8rem;
  font-size: 0.85rem;
}

/* Riduce spazio tra sezioni nei form inline */
.form-inline .form-group {
  margin-right: 0.75rem;
  margin-bottom: 0.5rem;
}

.table td,
.table th {
  padding: 0.4rem;
  font-size: 0.85rem;
}
/* END-----RIDUCE Spaziatura,  compatta per form, card, modali */



/* BEGIN-----RIDUCE Spaziatura, Font dataTables_length */
/* Riduce font-size per DataTables */
.dataTables_length label,
.dataTables_filter label,
.dataTables_info,
.dataTables_paginate {
  font-size: 0.85rem;
}
/* Riduce font-size dei select e degli input nelle DataTable */
.dataTables_length select,
.dataTables_filter input {
  font-size: 0.85rem;
  padding: 0.2rem 0.4rem;
  height: auto;
}
.dataTables_length select {
  min-width: 60px;         /* Larghezza minima più ampia */
  padding: 0.25rem 0.5rem; /* Padding più comodo */
  font-size: 0.9rem;       /* Font un po' più leggibile */
  height: calc(1.5em + 0.5rem + 2px);
}
/* END-----RIDUCE Spaziatura, Font dataTables_length */

/* BEGIN-----PER RIDURRE DIMENSIONE TASTO BROSE UPLOADS */
/*Definisce dimensione file/sfoglia */
.custom-file-input,
.custom-file-label,
.custom-file-label::after {
  height: calc(1.5em + 0.5rem + 2px) !important;
  padding: 0.25rem 0.5rem !important;
  font-size: 0.85rem;
  line-height: 1.5;
  border-radius: 0.25rem;
}
.input-group .btn {
  height: calc(1.5em + 0.5rem + 2px); /* Stessa altezza dell’input */
  padding: 0.25rem 0.5rem;
  font-size: 0.85rem;
  line-height: 1.5;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* END-----PER RIDURRE DIMENSIONE TASTO BROSE UPLOADS */


/* BEGIN-----STILE datetimepicker */
/* Stili compatti per il widget del datetimepicker */
.bootstrap-datetimepicker-widget.tempusdominus-compact {
  font-size: 0.6rem;
  max-width: 180px;
  line-height: 1;
  padding: 2px;
}
.bootstrap-datetimepicker-widget.tempusdominus-compact table td,
.bootstrap-datetimepicker-widget.tempusdominus-compact table th {
  padding: 1px !important;
  height: 1rem;
  line-height: 1rem;
}
.bootstrap-datetimepicker-widget.tempusdominus-compact .timepicker-hour,
.bootstrap-datetimepicker-widget.tempusdominus-compact .timepicker-minute,
.bootstrap-datetimepicker-widget.tempusdominus-compact .timepicker-second {
  font-size: 0.7rem; /* Aumentato da 0.5rem a 0.7rem */
  padding: 2px 4px; /* Aumentato il padding */
}
/* ✅ SOLO nella vista secondaria (ore/minuti/secondi) */
/* 🌟 Vista secondaria: griglia con 00, 05, 10, ... */
.bootstrap-datetimepicker-widget.tempusdominus-compact .timepicker-picker .table-condensed td span {
  font-size: 1.1rem !important; /* 👈 più grande */
  padding: 2px 4px !important;    /* 👈 padding ridotto */
  min-width: 28px;                /* 👈 meno largo */
  display: inline-block;
  text-align: left;
}
/* 🌟 Vista primaria: righe/colonne standard del timepicker (es. ore: 16, minuti: 48) */
.bootstrap-datetimepicker-widget.tempusdominus-compact .timepicker .table-condensed td:not(:has(span)),
.bootstrap-datetimepicker-widget.tempusdominus-compact .timepicker .table-condensed th {
  font-size: 0.9rem !important;
  padding: 5px !important;
  height: auto;
  line-height: 1.2;
}
/* Modifica la dimensione del carattere per i nomi dei mesi */
.bootstrap-datetimepicker-widget .month {
  font-size: 0.9rem; /* Regola questa dimensione secondo le tue preferenze */
}
/* Modifica la dimensione del carattere per gli anni */
.bootstrap-datetimepicker-widget .year {
  font-size: 0.9rem; /* Regola questa dimensione secondo le tue preferenze */
}
/* END-----STILE datetimepicker */


/* BEGIN-----NECESSARIO PER RIDURRE DIMENSIONE IMMAGINE MENU PROFILE/SETTINGS/LOGOUT (ALTRIMENTI IMMAGINE ENORME) */
/* Aumenta la specificità per sovrascrivere */
body .content-header {
  padding: 5px 0 !important;
}
body .content-header h1 {
  margin-bottom: 0 !important;
}
body .content {
  padding-top: 5px !important;
}
body .user-image {
  width: 30px;
  height: 30px;
  object-fit: cover;
  border-radius: 50%;
}
/* END-----NECESSARIO PER RIDURRE DIMENSIONE IMMAGINE MENU PROFILE/SETTINGS/LOGOUT (ALTRIMENTI IMMAGINE ENORME) */

/* BEGIN-----RIDUCE CARATTARE SELECT2 */
body .select2-selection__rendered {
  font-size: 14px !important;
}
body .select2-selection__choice {
  font-size: 14px !important;
}
body .select2-results__option {
  font-size: 14px !important;
}
/* END-----RIDUCE CARATTARE SELECT2 */

/* BEGIN-----GRID LAYOUT PARA FORMULÁRIO DE EMISSÕES */
.card-header * {
  text-wrap: balance;
  max-inline-size: 50ch;
}

#form-emissioni {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}

#form-emissioni .form-group {
  display: grid;
  grid-template-columns: 1fr;
  margin-bottom: 0;
}

#form-emissioni label {
  text-align: left;
  font-weight: 500;
  padding-right: 0;
  margin-bottom: 0.25rem;
}

#form-emissioni .form-control,
#form-emissioni .form-select,
#form-emissioni small {
  grid-column: 1;
}

#form-emissioni small {
  margin-top: 0.25rem;
}

#form-emissioni .submit-row,
#form-emissioni .text-end,
#form-emissioni .d-flex {
  grid-column: 1;
  margin-top: 1rem;
}

/* END-----GRID LAYOUT PARA FORMULÁRIO DE EMISSÕES */