/* File: assets/css/novena.css
   Additional styles specific to the novena page */

/* Novena Dates Section styling enhancements */
.dates-box { border-left: 4px solid #dd3333; }
.date { font-weight: bold; }
.current-day-alert { background: linear-gradient(45deg, #dd3333, #c92a2a); }
.alert-content { padding: 0.5rem; }

/* Day button hover effect */
.day-button:hover { background-color: #f8d7d7; }

/* Day prayer transition effects */
.day-prayer { transition: opacity 0.3s; animation: fadeIn 0.5s; }
.day-prayer h3 { font-size: 1.8rem; margin-bottom: 1rem; color: #dd3333; text-align: center; }

/* Novena navigation styles */
.novena-navigation { background-color: #f8f8f8; padding: 1rem; border-radius: 8px; margin-top: 2rem; }
.nav-button { background-color: #fff; border: 1px solid #ddd; transition: all 0.3s; }
.nav-button:hover:not(:disabled) { background-color: #dd3333; color: white; border-color: #dd3333; }
.day-indicator { font-weight: bold; color: #555; }

/* Print button enhancement */
.print-section .button { display: inline-flex; align-items: center; }
.print-section .button:before { content: "📄"; margin-right: 8px; }

/* Prayer text formatting improvements */
.prayer-text { position: relative; }
.prayer-text:after { content: '"'; position: absolute; bottom: -10px; right: 10px; font-size: 40px; color: rgba(221, 51, 51, 0.1); font-family: serif; }
.prayer-text:before { content: '"'; position: absolute; top: -20px; left: 10px; font-size: 40px; color: rgba(221, 51, 51, 0.1); font-family: serif; }

/* Today highlight in day selector */
.day-button.today:not(.active) { border: 2px solid #dd3333; }

/* Responsive adjustments */
@media (min-width: 768px) {
  .dates-box { display: flex; flex-wrap: wrap; }
  .date-item { flex: 1; min-width: 200px; }
  .current-day-alert { flex-basis: 100%; margin-top: 2rem; }
}