/* Daily Panchang - Homepage section (card layout: Today's Panchang, 6 value cards, auspicious banner) */

.daily-panchang-section {
  padding: 1rem 0 0.5rem; 
}

.daily-panchang-heading {
  font-size: 1.5rem;
  font-weight: 600;
  color: #8b4512;
  margin-bottom: 1.25rem;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #e07c3c;
}

.daily-panchang-card {
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

.daily-panchang-inner {
  background: #fef6ee;
  border-radius: 0.875rem;
  margin: 0.75rem;
  padding: 1.25rem 1rem 0;
}

.daily-panchang-header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.25rem;
}

.daily-panchang-header-left {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

.daily-panchang-icon-calendar {
  width: 2.5rem;
  height: 2.5rem;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e07c3c'%3E%3Cpath d='M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.daily-panchang-title {
  font-size: 1.125rem;
  font-weight: 700;
  color: #2d2d2d;
  margin: 0 0 0.25rem 0;
}

.daily-panchang-date {
  font-size: 0.875rem;
  color: #555;
  margin: 0;
}

.daily-panchang-header-right {
  text-align: right;
}

.daily-panchang-vikram-label {
  display: block;
  font-size: 0.75rem;
  color: #888;
  margin-bottom: 0.25rem;
}

.daily-panchang-vikram-year {
  font-size: 1.25rem;
  font-weight: 600;
  color: #2d2d2d;
}

.daily-panchang-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0.75rem;
  margin-bottom: 1.25rem;
}

.daily-panchang-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  background: #fff;
  border-radius: 0.75rem;
  padding: 0.875rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.daily-panchang-item-icon {
  width: 1.75rem;
  height: 1.75rem;
  flex-shrink: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.daily-panchang-icon-tithi {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e07c3c'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z'/%3E%3C/svg%3E");
}

.daily-panchang-icon-nakshatra {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%237b68ee'%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E");
}

.daily-panchang-icon-yoga {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232196f3'%3E%3Cpath d='M6.76 4.84l-1.8-1.79-1.41 1.41 1.79 1.79 1.42-1.41zM4 10.5H1v2h3v-2zm9-11.49h2V3h-2V.01zM20 10.5v2h3v-2h-3zm-8 5H8v10h4v-10zm5 0h-2v10h2v-10zm-5-6.5v2H8v-2h4zm5 0v2h-2v-2h2zm-9-3.5l-1.41-1.41L4.97 4.84l1.41 1.41L7.76 5.5z'/%3E%3C/svg%3E");
}

.daily-panchang-icon-karana {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232e7d32'%3E%3Cpath d='M15 1H9v2h6V1zm-4 13h2V8h-2v6zm8.03-6.61l1.42-1.42c-.43-.51-.9-.99-1.41-1.41l-1.42 1.42C16.07 4.74 14.12 4 12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9 9-4.03 9-9c0-2.12-.74-4.07-1.97-5.61zM12 20c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z'/%3E%3C/svg%3E");
}

.daily-panchang-icon-sunrise {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f9a825'%3E%3Cpath d='M7 18c0 .55.45 1 1 1h8c.55 0 1-.45 1-1s-.45-1-1-1H8c-.55 0-1 .45-1 1zM12 2C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7z'/%3E%3C/svg%3E");
}

.daily-panchang-icon-sunset {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%237b1fa2'%3E%3Cpath d='M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7zm2.85 11.1l-.85.6V17h-4v-3.3l-.85-.6C4.8 11.1 4 9.64 4 8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 1.64-.8 3.1-2.15 4.1z'/%3E%3C/svg%3E");
}

.daily-panchang-item-label {
  font-size: 0.75rem;
  color: #888;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.daily-panchang-item-value {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #2d2d2d;
}

.daily-panchang-banner {
  background: #c0392b;
  color: #fff;
  padding: 0.75rem 1rem;
  border-radius: 0 0 0.75rem 0.75rem;
  margin: 0 -0.25rem -0.25rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem 1.5rem;
  font-size: 0.875rem;
  font-weight: 500;
}

.daily-panchang-banner-item:not(:last-child)::after {
  content: ' \007c ';
  margin-left: 0.5rem;
  opacity: 0.9;
}

@media (max-width: 991px) {
  .daily-panchang-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .daily-panchang-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .daily-panchang-heading {
    font-size: 1.25rem;
  }

  .daily-panchang-inner {
    margin: 0.5rem;
    padding: 1rem 0.75rem 0;
  }

  .daily-panchang-banner {
    flex-direction: column;
    gap: 0.25rem;
    text-align: center;
  }

  .daily-panchang-banner-item:not(:last-child)::after {
    display: none;
  }
}