/*
Theme Name: Blood Cancer United
Theme URI: https://bloodcancerunited.org
Author: Blood Cancer United
Author URI: https://bloodcancerunited.org
Description: Official theme for Blood Cancer United, built with Bootstrap 5 and custom megamenu navigation.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: Proprietary
License URI: #
Text Domain: blood-cancer-united
Tags: bootstrap, nonprofit, megamenu, accessibility
*/

/* ============================================================
   Theme CSS is enqueued via functions.php (global.css).
   Only WordPress-specific overrides live here.
   ============================================================ */

/* --- WordPress Core Overrides --- */
.wp-block-image img {
  max-width: 100%;
  height: auto;
}

/* Align WordPress admin bar with sticky nav */
.admin-bar .sticky-top {
  top: 32px;
}
@media screen and (max-width: 782px) {
  .admin-bar .sticky-top {
    top: 46px;
  }
}

/* WordPress caption */
.wp-caption {
  max-width: 100%;
}
.wp-caption-text {
  font-size: 0.875rem;
  color: #6c757d;
  margin-top: 0.25rem;
}

/* WordPress gallery */
.gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.gallery-item {
  flex: 1 1 200px;
}
.gallery-item img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* Accessibility: skip link */
.skip-link {
  position: absolute;
  top: -9999px;
  left: 0;
  z-index: 9999;
  padding: 0.5rem 1rem;
  background: #D0131A;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}
.skip-link:focus {
  top: 0;
}

/* Screen reader text */
.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* WP pagination */
.page-numbers {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  list-style: none;
  padding: 0;
}
.page-numbers li a,
.page-numbers li span {
  display: inline-block;
  padding: 0.375rem 0.75rem;
  border-radius: 0.375rem;
  text-decoration: none;
  color: #D0131A;
  font-weight: 500;
}
.page-numbers li .current {
  background-color: #D0131A;
  color: #fff;
}

/* Sticky post indicator */
.sticky .entry-title::before {
  content: "\f08d";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  margin-right: 0.5rem;
  color: #D0131A;
}