/* ===== Trip Menu – widget "Počet porcí / litrů" =====
   Nahrajte do editoru souborů Shoptetu a připojte přes HTML kód v hlavičce:
   <link rel="stylesheet" href="…/tm-porce-litry.css">
*/
.tm-portions-widget {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 16px 0 16px;
  padding: 16px 20px;
  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
  border: 1px solid #e2e8f0;
  border-left: 4px solid #e00024;
  border-radius: 14px;
  box-shadow: 0 8px 22px rgba(20, 20, 30, 0.06);
  font-family: 'Source Sans 3', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
}

.tm-portions-widget__icon {
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fde8eb;
  border-radius: 50%;
}

.tm-portions-widget__text {
  display: flex;
  flex-direction: column;
  line-height: 1.25;
}

.tm-portions-widget__label {
  font-size: 14px;
  color: #666666;
  font-weight: 600;
}

.tm-portions-widget__value {
  font-family: 'Exo 2', sans-serif;
  font-size: 24px;
  font-weight: 800;
  color: #333333;
}