/*!
* Hello Rodolfo — Combo System Styles
* Copyright © 2026 Ivanov Hristo. All rights reserved.
* Proprietary license — Unauthorized use prohibited.
*/

/* ── Riga sconto in comanda ── */
.com-combo-row {
display: flex !important;
justify-content: space-between;
align-items: center;
padding: var(--sp-2) var(--sp-3) !important;
background: linear-gradient(90deg, rgba(46, 125, 50, 0.08), rgba(46, 125, 50, 0.02));
border-left: 3px solid #2e7d32;
margin: var(--sp-1) 0;
border-radius: 4px;
animation: dhComboFadeIn 0.35s ease-out;
list-style: none;
}
.com-combo-row .com-combo-label {
color: #2e7d32;
font-weight: 600;
font-size: var(--fs-sm);
display: flex;
flex-direction: column;
gap: 2px;
line-height: 1.3;
}
.com-combo-row .com-combo-label small {
font-weight: 400;
color: #558b5d;
margin-left: 4px;
}
.com-combo-row .com-combo-sublabel {
font-size: var(--fs-xs);
font-weight: 400;
color: #558b5d;
opacity: 0.9;
}
.com-combo-row .com-combo-sconto {
color: #2e7d32;
font-weight: 700;
font-size: var(--fs-sm);
white-space: nowrap;
}
@keyframes dhComboFadeIn {
from { opacity: 0; transform: translateX(-8px); }
to   { opacity: 1; transform: translateX(0); }
}

/* ── Toast combo ── */
.dh-combo-toast {
position: fixed;
top: 20px;
left: 50%;
transform: translate(-50%, -120%);
z-index: 9999;
min-width: 280px;
max-width: 92vw;
padding: 14px 20px;
border-radius: 12px;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
background: linear-gradient(135deg, #2e7d32, #43a047);
color: #fff;
font-family: inherit;
text-align: center;
opacity: 0;
transition: transform 0.4s cubic-bezier(0.2, 0.9, 0.3, 1.2), opacity 0.3s ease;
pointer-events: none;
}
.dh-combo-toast.visibile {
transform: translate(-50%, 0);
opacity: 1;
}
.dh-combo-toast-title {
font-size: 1.05rem;
font-weight: 700;
margin-bottom: 4px;
line-height: 1.25;
}
.dh-combo-toast-msg {
font-size: 0.9rem;
font-weight: 400;
opacity: 0.95;
line-height: 1.3;
}
.dh-combo-toast-removed {
background: linear-gradient(135deg, #546e7a, #78909c);
}
@media (max-width: 480px) {
.dh-combo-toast {
	min-width: auto;
	width: calc(100vw - 32px);
	left: 16px;
	right: 16px;
	transform: translateY(-120%);
	padding: 12px 16px;
}
.dh-combo-toast.visibile { transform: translateY(0); }
.dh-combo-toast-title    { font-size: 1rem; }
.dh-combo-toast-msg      { font-size: 0.85rem; }
}