/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/

/* Accordion per categorie in order.php */
.info_content .category-card {
    margin-bottom: 2rem;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    background: white;
    border: 1px solid #e0e0e0;
}

.info_content .category-card .special_offers {
    cursor: pointer;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.info_content .category-card .special_offers:before,
.info_content .category-card .special_offers:after,
.info_content .category-card h2:before,
.info_content .category-card h2:after {
    display: none !important;
    content: none !important;
}

.info_content .category-card h2 {
    margin: 0 !important;
    padding: 1.5rem 2rem !important;
    padding-right: 60px !important;
    cursor: pointer;
    position: relative;
    user-select: none;
    -webkit-user-select: none;
    border: none !important;
    border-bottom: 1px solid #e0e0e0 !important;
    transition: background-color 0.3s ease;
}

.info_content .category-card h2:hover {
    background-color: #f8f9fa;
}

.info_content .category-card h2 a {
    text-decoration: none !important;
    color: inherit !important;
    display: block;
    width: 100%;
}

.info_content .category-card h2 .accordion-icon {
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    color: #e78d3c;
    transition: transform 0.3s ease;
    line-height: 1;
    display: inline-block;
    font-family: 'ElegantIcons' !important;
}

.info_content .category-card h2 .accordion-cart-indicator {
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background-color: #28a745;
    border-radius: 50%;
    display: inline-block;
    box-shadow: 0 0 0 2px rgba(40, 167, 69, 0.3);
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.7);
    }
    70% {
        box-shadow: 0 0 0 5px rgba(40, 167, 69, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(40, 167, 69, 0);
    }
}

.info_content .category-card h2 .accordion-icon.arrow_carrot-right:before {
    content: "\35";
}

.info_content .category-card h2 .accordion-icon.arrow_carrot-down:before {
    content: "\33";
}

.info_content .category-card h2.collapsed .accordion-icon {
    transform: translateY(-50%) rotate(0deg);
}

.info_content .category-card .category-products-content {
    padding: 0;
    background: #fafafa;
}

/* Assicura che gli stili striped della tabella funzionino correttamente */
.info_content .category-card .category-products-content .table.cart-list.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f8f8f8 !important;
}

.info_content .category-card .category-products-content .table.cart-list.table-striped tbody tr:nth-of-type(even) {
    background-color: #ffffff !important;
}

/* Assicura che la classe tr-green abbia priorità sugli stili striped */
.info_content .category-card .category-products-content .table.cart-list tbody tr.tr-green {
    background-color: #bcf2bc !important;
}

.info_content .category-card .category-products-content .table.cart-list tbody tr.tr-green td {
    background-color: #bcf2bc !important;
}

/* Assicura che il collapse sia nascosto quando non ha la classe show */
.info_content .category-card .collapse:not(.show) {
    display: none !important;
}

/* Assicura che il collapse sia visibile quando ha la classe show */
.info_content .category-card .collapse.show {
    display: block !important;
}

/* Velocizza le transizioni Bootstrap */
.info_content .category-card .collapse {
    transition: height 0.2s ease !important;
}

.table.cart-list td .dropdown-menu {
	margin-left: -140px !important;
	margin-top: -43px !important;
}

/* Mobile */
@media (max-width: 768px) {
	.table.cart-list td .dropdown-menu {
		margin-left: -170px !important;
    	margin-top: -91px !important;
	}

    .info_content .category-card h2 {
        font-size: 1.9rem !important;
        padding: 1.2rem 1.5rem !important;
        padding-right: 50px !important;
    }
    
    .info_content .category-card .category-products-content {
        padding: 0;
    }
}


a.add-to-cart {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}