/*
breakpoints: (
	xs: 0,
	sm: 576px,
	md: 768px,
	lg: 992px,
	xl: 1200px,
	xxl: 1400px
)

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

// XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) { ... }

/* Font */
a.navbar-brand {font-family:"Josefin Sans", sans-serif;}

/* Body */
body#fixed-top-navbar {padding-top:50px;}
body#fixed-top-navbar #wrapper #sidebar-wrapper {top:50px;}
body.sidebar-collapsed #wrapper #content-wrapper {padding-left:50px;}

/* Top Navbar */
#top-navbar {padding:0; min-height:50px;}
#top-navbar .nav-link {padding-top:5px; padding-bottom:5px; line-height:40px; height:50px; min-width:50px;}
#top-navbar .nav-link.position-relative > span.position-absolute {top:5px; right:5px; font-size:12px; padding:3px 6px;}
@media (min-width: 768px) {
	#top-navbar .navbar-brand {width:150px;}
}

/* Sidebar */
#wrapper #sidebar-wrapper {position:fixed; top:0; bottom:0; left:0;}
#wrapper #sidebar-wrapper {width:150px; min-width:150px; transition:all 0.3s ease;}
#wrapper #sidebar-wrapper > ul > li {height:50px;}
#wrapper #sidebar-wrapper > ul > li > a > i {line-height:50px;}
#wrapper #sidebar-wrapper > ul > li > a > span.text {left:40px; opacity:1; transition-duration:0.3s;}
#wrapper #sidebar-wrapper.collapsed,
#wrapper #sidebar-wrapper.collapsed > ul > li > a {width:50px; min-width:50px;}
#wrapper #sidebar-wrapper.collapsed > ul > li > a > span.text {transform:translateX(-200%); opacity:0;}

/* Content */
#wrapper #content-wrapper {min-height:calc(100vh - 50px);}
#wrapper #content-wrapper {padding-left:150px; transition:all 0.3s ease;}

.list-item {
    display: flex;
    align-items: center;
  }
  
  .sidebar-link {
    display: flex;
    align-items: center;
  }
  
  .icon, .text {
    vertical-align: middle;
  }
  .chart-container canvas {
    width: 100%;
}

/* Bottoni */
.btn {font-weight:500;}

/* Card */
.card-body > .table {margin-bottom:0;}
.card-body > .table th,
.card-body > .table td {white-space:nowrap;}
.card-body > .table.table-details > tbody > tr > td:first-child {width:40%;}

/* Pulsante "rimuovi" dal carrello */
.btn-remove-cart {height:25px; width:25px; padding:5px; font-size:15px; line-height:14px;}

/* ordini.twig */
.badge-icon {max-width:60px;}


 
  td, th {
      vertical-align: middle!important;
  }
  .modal-backdrop {
    display:none;
  }

  #promoCarousel .carousel-control-prev,
  #promoCarousel .carousel-control-next {
      background: rgba(0, 0, 0, 0.35);
      border-radius: 50%;
      width: 60px;
      height: 60px;
      top: 50%;
      transform: translateY(-50%);
      transition: background 0.2s;
  }
  
  #promoCarousel .carousel-control-prev:hover,
  #promoCarousel .carousel-control-next:hover {
      background: rgba(0, 0, 0, 0.65);
  }
#promoModalPrev, #promoModalNext {
    background: rgba(0, 0, 0, 0.35);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    transition: background 0.2s;
}
#promoModalPrev:hover, #promoModalNext:hover {
    background: rgba(0, 0, 0, 0.65);
}

/* Modal quantità prodotto */
#quantityModal .modal-body .input-group {
    max-width: 200px;
    margin: 0 auto;
}

#quantityModal .modal-body .input-group .btn {
    min-width: 40px;
}

#quantityModal .modal-body #productQuantity {
    font-weight: 600;
    font-size: 1.1rem;
}

#quantityModal .modal-body .img-thumbnail {
    border: 2px solid #dee2e6;
}

#quantityModal .modal-footer .btn {
    min-width: 120px;
}

/* Stile per il toast di conferma */
.toast-container .toast {
    min-width: 300px;
}

.toast-container .toast-header {
    background-color: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
}

/* Stili per la tabella notifiche nella homepage */
#notificheTable {
    font-size: 0.9rem;
}

#notificheTable th {
    background-color: #f8f9fa;
    font-weight: 600;
    border-bottom: 2px solid #dee2e6;
}

#notificheTable td {
    vertical-align: middle;
    padding: 0.75rem 0.5rem;
}

#notificheTable .dataTables_wrapper .dataTables_length,
#notificheTable .dataTables_wrapper .dataTables_filter,
#notificheTable .dataTables_wrapper .dataTables_info,
#notificheTable .dataTables_wrapper .dataTables_paginate {
    font-size: 0.85rem;
}

#notificheTable .dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0.25rem 0.5rem;
    margin: 0 2px;
}

/* Responsive per la tabella notifiche */
@media (max-width: 768px) {
    #notificheTable td {
        padding: 0.5rem 0.25rem;
        font-size: 0.8rem;
    }
    
    #notificheTable .btn {
        padding: 0.25rem 0.5rem;
        font-size: 0.75rem;
    }
}

/* Evidenziazione prodotti PROMO nella lista ordine prodotti */
.prodotto-promo {
    background-color: #fff3cd !important; /* Giallo chiaro come sfondo */
    border-left: 4px solid #ffc107 !important; /* Bordo giallo a sinistra */
}

.prodotto-promo:hover {
    background-color: #ffeaa7 !important; /* Giallo leggermente più scuro al hover */
}

.prodotto-promo td {
    position: relative;
}

/* Badge PROMO per indicare visivamente il prodotto in offerta */
.badge-promo {
    position: absolute;
    top: 5px;
    left: 5px;
    background-color: #ffc107 !important;
    color: #212529 !important;
    font-size: 0.7rem;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 4px;
    z-index: 10;
}

/* Icona PROMO nella descrizione */
.fa-tag.text-warning {
    color: #ffc107 !important;
    filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3));
}

/* Responsive per prodotti PROMO */
@media (max-width: 768px) {
    .badge-promo {
        font-size: 0.6rem;
        padding: 1px 4px;
    }
    
    .prodotto-promo {
        border-left-width: 3px !important;
    }
    
    .fa-tag.text-warning {
        font-size: 0.9rem;
    }
}