/* =========================================== */
/* MOBILE-SPECIFIC CSS BUNDLE */
/* Combines: footer-mobile-hide.css, hide-footer-character-buttons-mobile.css, index-mobile-hide.css */
/* =========================================== */

/* =========================================== */
/* HIDE MOBILE FOOTER ELEMENTS - HIGH PRIORITY */
/* Forces hiding of quick actions and footer bottom on mobile */
/* =========================================== */

/* Hide Quick Actions Buttons on Mobile */
@media (max-width: 767px) {
  body .footer-quick-actions,
  body .footer-quick-action-btn,
  body .footer-quick-action-main,
  body .footer-quick-action-secondary,
  html body .footer-quick-actions,
  html body .footer-quick-action-btn {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    left: -9999px !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: -9999 !important;
  }
  
  /* Hide Footer Bottom Section on Mobile */
  body footer .footer-bottom-row,
  body .footer-enhanced .footer-bottom-row,
  html body footer .footer-bottom-row,
  html body .footer-enhanced .footer-bottom-row {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    left: -9999px !important;
  }
  
  body footer .footer-bottom-content,
  body footer .footer-bottom-links,
  body footer .footer-bottom-link,
  body .footer-enhanced .footer-bottom-content,
  body .footer-enhanced .footer-bottom-links,
  body .footer-enhanced .footer-bottom-link {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  /* Hide Footer Divider on Mobile */
  body footer .footer-divider,
  body .footer-enhanced .footer-divider,
  html body footer .footer-divider {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  /* Hide Mobile Bottom Nav */
  body .mobile-bottom-nav,
  body #mobileBottomNav,
  html body .mobile-bottom-nav,
  html body #mobileBottomNav {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    left: -9999px !important;
    width: 0 !important;
    height: 0 !important;
    z-index: -9999 !important;
  }
  
  /* Hide Footer Toggle Button */
  body .footer-toggle-btn,
  html body .footer-toggle-btn {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

/* =========================================== */
/* HIDE FOOTER CHARACTER BUTTONS ON MOBILE */
/* Hides purple buttons on snowman character */
/* =========================================== */

@media (max-width: 768px) {
  /* AGGRESSIVE: Hide ALL buttons within footer character area */
  .footer-character-container button,
  .footer-character-container .btn,
  .footer-character-container a.btn,
  .footer-character-container button.btn,
  .footer-character-container a.button,
  .footer-character-container [role="button"]:not(.footer-character-container),
  .footer-profile-header button,
  .footer-profile-header .btn,
  .footer-profile-header a.btn,
  .footer-profile-header button.btn,
  .footer-profile-header a.button,
  .footer-profile-header [role="button"],
  /* Hide buttons positioned absolutely near character */
  .footer-enhanced .footer-character-container + button,
  .footer-enhanced .footer-character-container + .btn,
  .footer-enhanced .footer-profile-header + button,
  .footer-enhanced .footer-profile-header + .btn,
  /* Hide any child elements that are buttons */
  .footer-character-container * button,
  .footer-character-container * .btn,
  .footer-character-container * a.btn,
  .footer-profile-header * button,
  .footer-profile-header * .btn,
  .footer-profile-header * a.btn {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    width: 0 !important;
    height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    z-index: -9999 !important;
  }
  
  /* Hide buttons with purple backgrounds (anywhere in footer character area) */
  .footer-character-container button[style*="6366f1"],
  .footer-character-container button[style*="8b5cf6"],
  .footer-character-container .btn[style*="6366f1"],
  .footer-character-container .btn[style*="8b5cf6"],
  .footer-character-container a.btn[style*="6366f1"],
  .footer-character-container a.btn[style*="8b5cf6"],
  .footer-profile-header button[style*="6366f1"],
  .footer-profile-header button[style*="8b5cf6"],
  .footer-profile-header .btn[style*="6366f1"],
  .footer-profile-header .btn[style*="8b5cf6"],
  .footer-profile-header a.btn[style*="6366f1"],
  .footer-profile-header a.btn[style*="8b5cf6"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
  
  /* Hide buttons with book or arrow icons */
  .footer-character-container .bx-book,
  .footer-character-container .bx-book-open,
  .footer-character-container .bx-book-reader,
  .footer-character-container .bx-arrow-up,
  .footer-character-container .bx-up-arrow,
  .footer-character-container i.bx-book,
  .footer-character-container i.bx-book-open,
  .footer-character-container i.bx-arrow-up,
  .footer-profile-header .bx-book,
  .footer-profile-header .bx-book-open,
  .footer-profile-header .bx-book-reader,
  .footer-profile-header .bx-arrow-up,
  .footer-profile-header .bx-up-arrow,
  .footer-profile-header i.bx-book,
  .footer-profile-header i.bx-book-open,
  .footer-profile-header i.bx-arrow-up,
  /* Hide parent buttons containing these icons */
  .footer-character-container button:has(.bx-book),
  .footer-character-container button:has(.bx-book-open),
  .footer-character-container button:has(.bx-arrow-up),
  .footer-character-container .btn:has(.bx-book),
  .footer-character-container .btn:has(.bx-book-open),
  .footer-character-container .btn:has(.bx-arrow-up),
  .footer-profile-header button:has(.bx-book),
  .footer-profile-header button:has(.bx-book-open),
  .footer-profile-header button:has(.bx-arrow-up),
  .footer-profile-header .btn:has(.bx-book),
  .footer-profile-header .btn:has(.bx-book-open),
  .footer-profile-header .btn:has(.bx-arrow-up) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
  
  /* Specifically target buttons positioned on or near the character */
  .footer-enhanced .footer-character-container ~ button,
  .footer-enhanced .footer-character-container ~ .btn,
  .footer-enhanced .footer-profile-header ~ button,
  .footer-enhanced .footer-profile-header ~ .btn {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
  
  /* Hide any absolutely positioned buttons near character */
  .footer-enhanced button[style*="position"][style*="absolute"],
  .footer-enhanced .btn[style*="position"][style*="absolute"],
  .footer-enhanced a.btn[style*="position"][style*="absolute"] {
    /* Check if positioned near character area */
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
  
  .footer-character-container > button,
  .footer-character-container > .btn,
  .footer-character-container > a.btn,
  .footer-character-container > a.button {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
  
  /* Nuclear option: Hide ALL buttons in footer brand column on mobile */
  .footer-brand-column button,
  .footer-brand-column .btn,
  .footer-brand-column a.btn,
  .footer-brand-column a.button {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
  
  /* EXCEPT: Keep social buttons and badge visible */
  .footer-brand-column .social-btn,
  .footer-brand-column .footer-badge-link,
  .footer-brand-column .badge {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
  
  /* Hide UX/UI feature buttons (reading mode toggle and help trigger) */
  .reading-mode-toggle,
  #readingModeToggle,
  .help-trigger,
  #helpTrigger,
  .contextual-help {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    width: 0 !important;
    height: 0 !important;
    z-index: -9999 !important;
  }
  
  /* Back to Top button - REMOVED: Button should be visible */
  /* #backToTopBtn,
  button#backToTopBtn,
  .back-to-top-btn,
  [id*="backToTop"],
  [id*="back-to-top"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    width: 0 !important;
    height: 0 !important;
    z-index: -9999 !important;
  } */
}

/* =========================================== */
/* HIDE ELEMENTS ON MOBILE - INDEX PAGE ONLY */
/* =========================================== */

/* Hide Explore More section on mobile */
@media (max-width: 767px) {
  #explore-more-section {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  /* Hide Curated Collections section on mobile */
  #curated-collections-section {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  /* Hide Featured Artwork section on mobile */
  #featured-artwork-section {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}