/* css/info-boxes.css - Information box styles (notes, warnings, tips) */

.info-box {
  margin: 30px 0;
  padding: 20px;
  border-radius: 8px;
  border-left: 4px solid;
}

.info-box h5 {
  margin: 0 0 10px 0;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
}

.info-box p {
  margin: 0;
  line-height: 1.6;
}

.info-box.note {
  background: #e3f2fd;
  border-color: #2196f3;
}

.info-box.note h5 {
  color: #1976d2;
}

.info-box.warning {
  background: #fff3e0;
  border-color: #ff9800;
}

.info-box.warning h5 {
  color: #f57c00;
}

.info-box.tip {
  background: #e8f5e9;
  border-color: #4caf50;
}

.info-box.tip h5 {
  color: #388e3c;
}

.info-box.error {
  background: #ffebee;
  border-color: #f44336;
}

.info-box.error h5 {
  color: #d32f2f;
}

.info-box.info {
  background: #e0f7fa;
  border-color: #00bcd4;
}

.info-box.info h5 {
  color: #0097a7;
}

/* Icon styles */
.info-box h5::before {
  content: attr(data-icon);
  font-size: 18px;
}

/* Mobile responsive */
@media (max-width: 768px) {
  .info-box {
    padding: 15px;
    margin: 20px 0;
  }

  .info-box h5 {
    font-size: 15px;
  }

  .info-box p {
    font-size: 14px;
  }
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
  .info-box.note {
    background: #1a237e;
    border-color: #42a5f5;
  }

  .info-box.note h5 {
    color: #90caf9;
  }

  .info-box.warning {
    background: #5d4037;
    border-color: #ffb74d;
  }

  .info-box.warning h5 {
    color: #ffb74d;
  }

  .info-box.tip {
    background: #1b5e20;
    border-color: #81c784;
  }

  .info-box.tip h5 {
    color: #81c784;
  }

  .info-box.error {
    background: #7f0000;
    border-color: #ef5350;
  }

  .info-box.error h5 {
    color: #ef5350;
  }

  .info-box.info {
    background: #006064;
    border-color: #4dd0e1;
  }

  .info-box.info h5 {
    color: #4dd0e1;
  }
}

/* Print styles */
@media print {
  .info-box {
    background: white !important;
    border: 1px solid #e9ecef !important;
    box-shadow: none;
  }

  .info-box h5 {
    color: #212529 !important;
  }
}