/* AMOM Banner Plugin — Frontend CSS */
.amom-banner { box-sizing: border-box; width: 100%; }
.amom-banner-btn:hover { opacity: .85 !important; }

/* Slideshow */
.amom-banner-slideshow { position: relative; overflow: hidden; }
.ab-slide { transition: opacity .5s ease; }
.ab-slide.fading { opacity: 0; }
.ab-prev:hover, .ab-next:hover { background: rgba(0,0,0,.55) !important; }
.ab-dot { transition: background .3s; }
.ab-dot:hover { background: rgba(255,255,255,.7) !important; }

/* Animations */
@keyframes abFadeIn  { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:none; } }
@keyframes abSlideIn { from { opacity:0; transform:translateX(-20px); } to { opacity:1; transform:none; } }
.amom-anim-fadein  { animation: abFadeIn  .7s ease both; }
.amom-anim-slidein { animation: abSlideIn .7s ease both; }

/* Stats responsive */
@media (max-width: 600px) {
  .amom-banner-stats > div > div > div {
    flex: 1 1 45% !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(0,0,0,.08);
  }
  .amom-banner-twobox > div > div > div:last-child {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
}

/* Two-box responsive */
@media (max-width: 640px) {
  .amom-banner-twobox div[style*="grid-template-columns:1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }
}

/* Announcement hidden */
.amom-banner-ann.ab-hidden { display: none !important; }