.nascosto, .retailer {
    display: none !important;
}

a {
    color: #e95f2b;
}
a:hover {
    color: #0d6efd;
}

.menu-admin li {
    padding: 5px 10px !important;
}
.menu-admin li:hover {
    background-color: #f2f2f2 !important;
}

.img-pattern {
    height: 30px !important;
    width: auto !important;
    cursor: pointer;
}

/* DataTable items: keep every column inside the visible table width */
#items-table {
    table-layout: fixed;
    width: 100% !important;
}

#items-table,
#items-table thead th,
#items-table tbody td,
#items-table tfoot td {
    font-size: 10px !important;
}

#items-table thead th,
#items-table tbody td {
    padding: 4px 6px !important;
    white-space: normal;
    overflow-wrap: anywhere;
    vertical-align: middle;
}

#items-table th:nth-child(1),
#items-table td:nth-child(1) {
    width: 7%;
}

#items-table th:nth-child(2),
#items-table td:nth-child(2) {
    width: 8%;
}

#items-table th:nth-child(3),
#items-table td:nth-child(3) {
    width: 8%;
}

#items-table th:nth-child(4),
#items-table td:nth-child(4) {
    width: 8%;
}

#items-table th:nth-child(5),
#items-table td:nth-child(5) {
    width: 5%;
    text-align: center;
}

#items-table th:nth-child(6),
#items-table td:nth-child(6) {
    width: 16%;
}

#items-table th:nth-child(7),
#items-table td:nth-child(7) {
    width: 20%;
}

#items-table th:nth-child(8),
#items-table td:nth-child(8),
#items-table th:nth-child(9),
#items-table td:nth-child(9) {
    width: 6%;
}

#items-table th:nth-child(10),
#items-table td:nth-child(10) {
    width: 6%;
    text-align: center;
}

#items-table th:nth-child(11),
#items-table td:nth-child(11) {
    width: 10%;
    text-align: center;
}

#items-table_wrapper .table-responsive {
    overflow-x: visible;
}

#items-table_wrapper .dataTables_length,
#items-table_wrapper .dataTables_filter,
#items-table_wrapper .dataTables_info,
#items-table_wrapper .dataTables_paginate {
    font-size: 10px !important;
}

#items-table .img-pattern {
    height: 24px !important;
    max-width: 100%;
}

#items-table .img-brand-table {
    max-width: 55px !important;
}

#items-table .btn-icon-xs {
    padding: 0.1rem 0.25rem;
    line-height: 1;
}

#items-table .btn-icon-xs svg {
    width: 14px;
    height: 14px;
}

/* DataTable tyres: keep every column inside the visible table width */
#tyres-table {
    table-layout: fixed;
    width: 100% !important;
}

#tyres-table,
#tyres-table thead th,
#tyres-table tbody td,
#tyres-table tfoot td {
    font-size: 8px !important;
}

#tyres-table thead th,
#tyres-table tbody td {
    padding: 2px 3px !important;
    white-space: normal;
    overflow-wrap: anywhere;
    vertical-align: middle;
}

#tyres-table_wrapper .dataTables_length,
#tyres-table_wrapper .dataTables_filter,
#tyres-table_wrapper .dataTables_info,
#tyres-table_wrapper .dataTables_paginate {
    font-size: 9px !important;
}

#tyres-table_wrapper .table-responsive {
    overflow-x: visible;
}

#tyres-table th:nth-child(2),
#tyres-table td:nth-child(2) {
    width: 9%;
}

#tyres-table th:nth-child(3),
#tyres-table td:nth-child(3) {
    width: 12%;
}

#tyres-table th:nth-child(4),
#tyres-table td:nth-child(4) {
    width: 3%;
    text-align: center;
}

#tyres-table .tyre-brand-col {
    width: 9% !important;
}

#tyres-table .tyre-name-col {
    width: 12% !important;
}

#tyres-table .tyre-pattern-col {
    width: 3% !important;
    max-width: 42px !important;
    text-align: center;
}

#tyres-table .tyre-db-col,
#tyres-table .tyre-season-col,
#tyres-table .tyre-car-type-col,
#tyres-table .tyre-eco-col,
#tyres-table .tyre-stock-col {
    width: 4% !important;
    text-align: center;
}

#tyres-table .tyre-technical-col {
    width: 3% !important;
    max-width: 42px !important;
    text-align: center;
}

#tyres-table .tyre-price-col,
#tyres-table .tyre-pricelist-col {
    width: 5% !important;
}

#tyres-table .tyre-actions-col {
    width: 7% !important;
    text-align: center;
}

#tyres-table.no-pricelists .tyre-brand-col {
    width: 11% !important;
}

#tyres-table.no-pricelists .tyre-name-col {
    width: 16% !important;
}

#tyres-table.no-pricelists .tyre-actions-col {
    width: 9% !important;
}

#tyres-table th:nth-child(6),
#tyres-table td:nth-child(6),
#tyres-table th:nth-child(10),
#tyres-table td:nth-child(10),
#tyres-table th:nth-child(19),
#tyres-table td:nth-child(19),
#tyres-table th:nth-child(20),
#tyres-table td:nth-child(20),
#tyres-table th:nth-child(21),
#tyres-table td:nth-child(21) {
    width: 4%;
    text-align: center;
}

#tyres-table th:nth-child(7),
#tyres-table td:nth-child(7),
#tyres-table th:nth-child(8),
#tyres-table td:nth-child(8),
#tyres-table th:nth-child(9),
#tyres-table td:nth-child(9),
#tyres-table th:nth-child(17),
#tyres-table td:nth-child(17),
#tyres-table th:nth-child(18),
#tyres-table td:nth-child(18) {
    width: 4%;
    text-align: center;
}

#tyres-table th:nth-child(11),
#tyres-table td:nth-child(11),
#tyres-table th:nth-child(12),
#tyres-table td:nth-child(12),
#tyres-table th:nth-child(13),
#tyres-table td:nth-child(13),
#tyres-table th:nth-child(14),
#tyres-table td:nth-child(14),
#tyres-table th:nth-child(15),
#tyres-table td:nth-child(15),
#tyres-table th:nth-child(16),
#tyres-table td:nth-child(16) {
    width: 5%;
}

#tyres-table th:last-child,
#tyres-table td:last-child {
    width: 7%;
    text-align: center;
}

.img-intest {
    height: 30px !important;
    width: auto !important;
}
#tyres-table .tipo-auto-icon {
    height: 24px;
    width: auto;
    max-width: 100%;
}
#tyres-table .stagione-icon {
    height: 16px;
    width: auto;
    max-width: 100%;
}

#tyres-table .img-intest {
    height: 14px !important;
    width: auto !important;
    max-width: 100%;
}

#tyres-table .tyre-technical-col .rating-icon {
    height: 14px !important;
    width: auto !important;
    max-width: 100%;
}

#tyres-table .img-pattern,
#tyres-table .img-disegno {
    height: 18px !important;
    width: auto !important;
    max-width: 100%;
}

#tyres-table .img-brand-table {
    max-width: 70px !important;
}

#tyres-table .btn-icon-xs {
    padding: 0.1rem 0.25rem;
    line-height: 1;
}

#tyres-table .btn-icon-xs svg {
    width: 12px;
    height: 12px;
}

#tyres-table .retailer-qty-input {
    width: 30px !important;
    font-size: 9px !important;
}

.retailer-qty-input {
    padding: 3px !important;
    width: 40px !important;
    font-size: 12px !important;
}

.rating-icon {
    width: auto !important;
    height: 20px !important;
}

/* visualizza logo nella navbar dashboard */
img.logonavbar {
    height: 35px !important;
    width: auto !important;
}

.img-disegno {
    height: auto !important;
    width: 150px !important;
}

.img-carrello {
    max-height: 80px !important;
    max-width: 80px !important;
}

.titolo-ind {
    font-weight: 600 !important;
    font-size: calc(14px + (16 - 14)*((100vw - 320px) /(1920 - 320))) !important;
}

.desc-ind {
    font-weight: 400 !important;
    font-size: calc(14px + (16 - 14)*((100vw - 320px) /(1920 - 320))) !important;
}

.img-brand-table {
    max-width: 70px !important;
}

.navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu { width: 18rem !important;  }

.backend-cart-offcanvas {
    width: min(420px, 100vw);
}

.backend-cart-items {
    overflow-y: auto;
    padding-right: 4px;
}

.backend-cart-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 0;
    border-bottom: 1px solid #e0e6ed;
}

.backend-cart-item-img {
    width: 54px;
    height: 54px;
    object-fit: contain;
    border: 1px solid #e0e6ed;
    border-radius: 6px;
    background: #fff;
}

.backend-cart-item-body {
    min-width: 0;
    flex: 1 1 auto;
}

.backend-cart-item-name {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.backend-cart-item-qty {
    margin-top: 4px;
    color: #6c757d;
    font-size: 12px;
}

.backend-cart-remove {
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    padding: 0;
    line-height: 1;
}

.backend-cart-summary {
    border-top: 1px solid #e0e6ed;
    padding-top: 16px;
    margin-top: 16px;
}

.bloccata {
    color: #000000 !important;
}
#backendPostsSlider .posts-slide-row {
    align-items: stretch;
}

#backendPostsSlider .post-slide-col {
    display: flex;
}

#backendPostsSlider .post-slide-link {
    display: flex;
    width: 100%;
    height: 100%;
}

#backendPostsSlider .post-slide-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 360px;
}

#backendPostsSlider .post-slide-card .card-body {
    flex: 1 1 auto;
}
.category-card .filepond--root {
    margin-bottom: 0;
    font-size: 12px;
}

.category-card .filepond--drop-label {
    min-height: 44px;
}

.category-card .filepond--panel-root {
    border-radius: 8px;
}

.category-card[data-url] {
    cursor: pointer;
}

.category-image-frame {
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.category-image-frame img,
.category-image-frame .category-image-placeholder {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Primo livello dropdown */
#main-nav .sm-horizontal > li > ul,
#main-nav .sm-horizontal li ul li ul {
    width: max-content!important;
    min-width: 220px !important;
}

#main-nav .sm-horizontal li ul li a {
    white-space: nowrap;
}

.grigio {
    background-color: #f7f7f7 !important;
}

.img-originale {
    padding: 30px !important;
}

li.alto {
    padding-top: 20px !important;
}