/* Aanbiedingen Widget - Oude Code Stijl */

:root {
  --aanbiedingen-bg: transparent;
  --aanbiedingen-text: #fff;
  --aanbiedingen-muted: #ccc;
}

#aanbiedingen-output {
  font-family: inherit;
  color: var(--aanbiedingen-text);
  line-height: 1.4;
}

#aanbiedingen-output h1,
#aanbiedingen-output h2,
#aanbiedingen-output h3,
#aanbiedingen-output h4,
#aanbiedingen-output p {
  margin: 0;
  padding: 0;
}

/* Titel - H1 */
#aanbiedingen-output .aanbiedingen-title {
  font-size: 40px;
  color: var(--aanbiedingen-text);
  display: block;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 1.1;
}

/* Item container */
.dag-item {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dag-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.row-item {
  display: block;
}

/* Naam + Gram - H2 */
#aanbiedingen-output .aanbiedingen-naam {
  font-size: 25px;
  color: var(--aanbiedingen-text);
  display: block;
  font-weight: 700;
  margin-bottom: 8px;
  line-height: 1.2;
}

/* Gram - nu in P tag */
#aanbiedingen-output .aanbiedingen-gram {
  font-size: 16px;
  color: var(--aanbiedingen-text);
  display: block;
  font-weight: 400;
  margin: 4px 0 8px 0;
  line-height: 1.2;
  padding: 0;
}

/* Prijs info - nu in H2 */
#aanbiedingen-output .aanbiedingen-prijs {
  font-size: 20px;
  color: var(--aanbiedingen-text);
  display: block;
  font-weight: 500;
  margin: 8px 0 4px 0;
  line-height: 1.2;
  padding: 0;
}

/* Vooraf prijs - H4 */
#aanbiedingen-output .aanbiedingen-vooraf {
  font-size: 18px;
  color: var(--aanbiedingen-muted);
  display: block;
  font-weight: 400;
  margin-top: 2px;
  line-height: 1.2;
  text-decoration: line-through;
}

/* Loading, error, empty states */
.aanbiedingen-loading,
.aanbiedingen-error,
.aanbiedingen-empty {
  color: var(--aanbiedingen-muted);
  font-size: 16px;
  padding: 20px 0;
  text-align: center;
}

.aanbiedingen-error {
  color: #ff6b6b;
}

/* ============ RESPONSIVE DESIGN ============ */

/* TABLET: < 768px */
@media (max-width: 768px) {
  #aanbiedingen-output .aanbiedingen-title {
    font-size: 32px;
    margin-bottom: 16px;
  }

  .dag-item {
    margin-bottom: 20px;
    padding-bottom: 16px;
  }

  #aanbiedingen-output .aanbiedingen-naam {
    font-size: 20px;
    margin-bottom: 6px;
  }

  #aanbiedingen-output .aanbiedingen-gram {
    font-size: 16px;
    margin: 3px 0 8px 0;
  }

  #aanbiedingen-output .aanbiedingen-prijs {
    font-size: 18px;
    margin: 6px 0 3px 0;
  }

  #aanbiedingen-output .aanbiedingen-vooraf {
    font-size: 16px;
  }
}

/* MOBIEL: < 480px */
@media (max-width: 480px) {
  #aanbiedingen-output .aanbiedingen-title {
    font-size: 24px;
    margin-bottom: 12px;
  }

  .dag-item {
    margin-bottom: 16px;
    padding-bottom: 12px;
  }

  #aanbiedingen-output .aanbiedingen-naam {
    font-size: 18px;
    margin-bottom: 4px;
  }

  #aanbiedingen-output .aanbiedingen-gram {
    font-size: 16px;
    margin: 2px 0 6px 0;
  }

  #aanbiedingen-output .aanbiedingen-prijs {
    font-size: 20px;
    margin: 4px 0 2px 0;
  }

  #aanbiedingen-output .aanbiedingen-vooraf {
    font-size: 14px;
  }

  .aanbiedingen-loading,
  .aanbiedingen-error,
  .aanbiedingen-empty {
    font-size: 14px;
  }
}

/* Print friendly */
@media print {
  .dag-item {
    page-break-inside: avoid;
  }
}