/**
 * @file
 * Focus mode styles — hides non-essential elements to reduce distractions.
 */

/* Sidebars and complementary regions */
body.a11y-focusmode aside,
body.a11y-focusmode [role="complementary"],
body.a11y-focusmode [class*="sidebar"],
body.a11y-focusmode [id*="sidebar"],
body.a11y-focusmode .sidebar,
body.a11y-focusmode #sidebar {
  visibility: hidden !important;
}

/* Banners and promotional content */
body.a11y-focusmode [class*="banner"]:not(header),
body.a11y-focusmode [class*="advertisement"],
body.a11y-focusmode [class*="promo"],
body.a11y-focusmode [class*="popup"],
body.a11y-focusmode [class*="modal"]:not([open]),
body.a11y-focusmode [id*="cookie"],
body.a11y-focusmode [class*="cookie-banner"] {
  visibility: hidden !important;
}

/* Decorative images outside main content */
body.a11y-focusmode header img,
body.a11y-focusmode footer img,
body.a11y-focusmode nav img,
body.a11y-focusmode [role="banner"] img {
  visibility: hidden !important;
}

/* Footer */
body.a11y-focusmode footer,
body.a11y-focusmode [role="contentinfo"] {
  opacity: 0.25;
}

/* Navigation: keep visible but tone down */
body.a11y-focusmode nav,
body.a11y-focusmode [role="navigation"] {
  opacity: 0.4;
}