/* Diwali look, loaded only between FESTIVE_FROM and FESTIVE_UNTIL (app/lib/discover.php).
   A light, warm layer on top of the normal ClearLot design. Delete this file and the festive lines in layout.php to remove it. */

.festive { background: linear-gradient(180deg, #ffe3a3, #fff3d4); border-bottom: 1px solid #f3cf7c; color: var(--navy); text-align: center; position: relative; }
.festive p { margin: 0; padding: 2px var(--gutter) 8px; font-size: var(--fs-sm); font-weight: 700; }
.fest-lights { display: flex; justify-content: space-around; padding: 0 6px; height: 24px; position: relative; overflow: hidden; }
.fest-lights:before { content: ""; position: absolute; left: 0; right: 0; top: 3px; height: 2px; background: #c99a3a; }
.fest-lights i { display: block; width: 8px; height: 11px; margin-top: 5px; border-radius: 50% 50% 50% 50% / 40% 40% 60% 60%; animation: fest-tw 1.6s infinite; }
.fest-lights i:nth-child(4n+1) { background: #ff7a1a; box-shadow: 0 0 8px #ff7a1a; }
.fest-lights i:nth-child(4n+2) { background: #ffc21a; box-shadow: 0 0 8px #ffc21a; }
.fest-lights i:nth-child(4n+3) { background: var(--green); box-shadow: 0 0 8px var(--green); }
.fest-lights i:nth-child(4n) { background: #e8467c; box-shadow: 0 0 8px #e8467c; }
.fest-lights i:nth-child(2n) { animation-delay: .6s; }
@keyframes fest-tw { 50% { opacity: .35; } }

body.festive-on .find-band .wrap { position: relative; }
body.festive-on .find-box { background: linear-gradient(135deg, #fff1dc, #fff8e8); border: 1px solid #f3cf7c; border-radius: 18px; padding: var(--s4); }
body.festive-on .find-diya { display: block; }
.find-diya { display: none; width: 64px; height: auto; flex: none; }
.find-diya .flame { transform-origin: 50% 100%; animation: fest-flame 1.1s infinite alternate; }
@keyframes fest-flame { to { transform: scale(1.15, .9); } }

@media (prefers-reduced-motion: reduce) {
  .fest-lights i, .find-diya .flame { animation: none; }
}