/* ==========================================================================
   Mountain Foothills Rotary - extras v1.0 (loads after mfr-dark.css)
   Photo slider (CSS-only crossfade, 12 slides x 5s) + club news cards.
   Upload: Website > Website Settings > Upload CSS, mark active.
   ========================================================================== */

/* slider ------------------------------------------------------------------ */
.mfr-slider{ position:relative; overflow:hidden; border-radius:12px; aspect-ratio:16/7; background:#0A1424; margin:18px 0 0; }
.mfr-slider img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; border-radius:0; animation:mfrFade 60s linear infinite; }
.mfr-slider img:nth-child(1){ animation-delay:0s; }
.mfr-slider img:nth-child(2){ animation-delay:5s; }
.mfr-slider img:nth-child(3){ animation-delay:10s; }
.mfr-slider img:nth-child(4){ animation-delay:15s; }
.mfr-slider img:nth-child(5){ animation-delay:20s; }
.mfr-slider img:nth-child(6){ animation-delay:25s; }
.mfr-slider img:nth-child(7){ animation-delay:30s; }
.mfr-slider img:nth-child(8){ animation-delay:35s; }
.mfr-slider img:nth-child(9){ animation-delay:40s; }
.mfr-slider img:nth-child(10){ animation-delay:45s; }
.mfr-slider img:nth-child(11){ animation-delay:50s; }
.mfr-slider img:nth-child(12){ animation-delay:55s; }
@keyframes mfrFade{ 0%{opacity:0} 2%{opacity:1} 8.33%{opacity:1} 10.33%{opacity:0} 100%{opacity:0} }
.mfr-slider-cta{ text-align:center; margin:16px 0 4px; }
.mfr-slider-cta .mfr-btn{ margin:0; }
@media (max-width:767px){ .mfr-slider{ aspect-ratio:4/3; } }
@media (prefers-reduced-motion:reduce){ .mfr-slider img{ animation:none; } .mfr-slider img:first-child{ opacity:1; } }

/* club news cards --------------------------------------------------------- */
.mfr-news{ display:flex; flex-direction:column; gap:16px; }
.mfr-card{ background:var(--mfr-card2); border:1px solid var(--mfr-line); border-radius:10px; overflow:hidden; }
.mfr-card > img{ width:100%; height:auto; display:block; border-radius:0; }
.mfr-card .bd{ padding:14px 16px 16px; }
.mfr-card time{ display:block; font-size:.76rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--mfr-muted); margin-bottom:4px; }
.mfr-card h3{ font-size:1.12rem; margin:0 0 6px; }
.mfr-card p{ font-size:.95rem; color:var(--mfr-ink2); margin:0 0 8px; }
.mfr-card a{ font-weight:700; }
.mfr-video{ position:relative; aspect-ratio:16/9; background:#0A1424; }
.mfr-video iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }