/* Celebrity & Politicians cards (homepage) */
/* Ensure cards are visible on the homepage (listing JS animator not loaded here) */
#celebrity .recipe-card { opacity: 1 !important; transform: none !important; }
/* Minimal tweaks for icon-first cards */
#celebrity .recipe-card .aspect-\[4\/3\] { display:none; }
/* Remove banner images for Celebrity & Politicians cards and show icon layer */
#celebrity .recipe-card a > img { display: none !important; }
#celebrity .recipe-card a > div.hidden { display: flex !important; }
/* Brand the fallback icon layer with emerald/teal gradient */
#celebrity .recipe-card a > div.hidden,
#celebrity .recipe-card a > div.flex {
  background: linear-gradient(135deg, #10b981, #0ea5e9) !important; /* emerald -> teal */
}
/* Attention micro-interactions */
#celebrity .attention-card::before {
  content: ""; position:absolute; inset:0 0 auto 0; height:3px;
  background: linear-gradient(90deg, rgba(16,185,129,.0), rgba(16,185,129,.35), rgba(20,184,166,.0));
  opacity:.6; transform: translateY(-3px); transition: opacity .25s ease;
}
#celebrity .attention-card:hover::before { opacity:1; }
/* Lift and shadow on hover */
#celebrity .attention-card{ transition: transform .2s ease, box-shadow .2s ease; }
#celebrity .attention-card:hover{ transform: translateY(-4px); box-shadow: 0 10px 24px rgba(16,185,129,.12); }
/* Icon conic ring on hover */
#celebrity .attention-card .icon-badge{ position:relative; }
#celebrity .attention-card .icon-badge::after{
  content:""; position:absolute; inset:-3px; border-radius:9999px;
  background: conic-gradient(var(--ring-color, #10b981), transparent 35%, var(--ring-color, #10b981));
  filter: blur(3px); opacity:0; transition: opacity .25s ease; z-index:-1;
  animation: ringSpin 6s linear infinite;
}
#celebrity .attention-card:hover .icon-badge::after{ opacity:.8; }
@keyframes ringSpin{ from{ transform:rotate(0deg);} to{ transform:rotate(360deg);} }
/* Type color mapping */
#celebrity .attention-card[data-type="politician"]{ --ring-color:#10b981; }
/* Make celebrity same ring color as politician for consistent look */
#celebrity .attention-card[data-type="celebrity"]{ --ring-color:#10b981; }
#celebrity .attention-card[data-type="both"]{ --ring-color:#f59e0b; }
/* Compact typography for celebrity cards */
#celebrity .recipe-card h3{ font-size:.95rem !important; line-height:1.25 !important; }
@media (min-width:640px){ #celebrity .recipe-card h3{ font-size:1rem !important; } }
#celebrity .recipe-card p{ font-size:.78rem !important; }
/* Two-line clamp for titles */
#celebrity .recipe-card h3{ display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.4em; margin-bottom:.4rem !important; }
/* Tighter description spacing */
#celebrity .recipe-card p.mb-4{ margin-bottom:.5rem !important; }
/* Reduce tag group spacing */
#celebrity .recipe-card .flex.flex-wrap.justify-center{ margin-bottom:.5rem !important; }
/* Smaller chips */
#celebrity .recipe-card .flex.flex-wrap.justify-center span{ font-size:.65rem !important; padding:.2rem .45rem !important; }
/* Tighter CTA */
#celebrity .recipe-card .mt-auto a{ font-size:.78rem !important; padding:.45rem .7rem !important; }

/* Slider layout */
#celebrity #celebsSlider .slider-viewport{ scrollbar-width: none; }
#celebrity #celebsSlider .slider-viewport::-webkit-scrollbar{ display:none; }
#celebrity #celebsSlider .slider-track{ padding-bottom:.25rem; display: flex; align-items: stretch; }
#celebrity #celebsSlider .slide{ 
  width: clamp(180px, 22vw, 220px) !important; 
  min-width: clamp(180px, 22vw, 220px) !important; 
  max-width: clamp(180px, 22vw, 220px) !important; 
  height: auto !important;
  flex-shrink: 0;
}
#celebrity #celebsSlider .slide .recipe-card{ 
  width: 100% !important; 
  height: auto !important; 
  min-height: 260px !important;
  max-height: none !important;
  box-sizing: border-box;
}
/* Reduce media header height specifically on homepage */
#celebrity .recipe-card a.block{ height: 7.5rem !important; } /* ~120px */
@media (min-width: 640px){ /* sm */
  #celebrity .recipe-card a.block{ height: 8.5rem !important; } /* ~136px */
}
@media (min-width: 768px){ /* md */
  #celebrity .recipe-card a.block{ height: 9.5rem !important; } /* ~152px */
}
/* Compact inner spacing */
#celebrity .recipe-card .px-5{ padding-left: .9rem !important; padding-right: .9rem !important; }
#celebrity .recipe-card .pb-5{ padding-bottom: .9rem !important; }
#celebrity .recipe-card .pt-4{ padding-top: .6rem !important; }
/* Disabled state for buttons */
#celebrity #celebsSlider .slider-btn[aria-disabled="true"]{ opacity:.4; pointer-events:none; }
/* Animation delays for sparkles */
.animation-delay-300 { animation-delay: 300ms; }
.animation-delay-700 { animation-delay: 700ms; }
.animation-delay-1000 { animation-delay: 1000ms; }