/* mt_content public pages: menu, breadcrumb, news cards, news detail, documents, home news section.
   Plain CSS on purpose: the repo has no SCSS build for style.min.css. Colours follow style.scss. */

/* ---------- menu (templates/inc-public-menu.php) ---------- */
.mc-menu { display: flex; align-items: center; padding: 0 12px; }
.mc-menu-panel { align-items: center; }
.mc-menu-links { display: flex; align-items: center; }
.mc-menu-link { position: relative; color: #fff; padding: 18px 16px; font-weight: 400; white-space: nowrap; }
.mc-menu-link:hover, .mc-menu-link:focus { color: #fff; text-decoration: none; opacity: .85; }
.mc-menu-link.active::after { content: ""; position: absolute; left: 16px; right: 16px; bottom: 10px; height: 2px; background: #EF8F21; }
.mc-menu-buttons { display: flex; align-items: center; margin-left: 12px; }
.mc-menu-buttons .btn { margin-left: 8px; white-space: nowrap; }
.mc-btn-login { background: #EF8F21; border-color: #EF8F21; color: #fff; }
.mc-btn-login:hover, .mc-btn-login:focus { background: #d97c10; border-color: #d97c10; color: #fff; }
.mc-btn-line { background: #06C755; border-color: #06C755; color: #fff; }
.mc-btn-line:hover, .mc-btn-line:focus { background: #05a647; border-color: #05a647; color: #fff; }
.mc-menu-toggle { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 42px; height: 38px; margin-left: 8px; background: transparent; border: 1px solid rgba(255, 255, 255, .6); border-radius: 4px; }
.mc-menu-toggle span { display: block; width: 20px; height: 2px; margin: 2px 0; background: #fff; }
@media (min-width: 992px) {
  .mc-menu-panel.collapse { display: flex !important; }
}
@media (max-width: 991.98px) {
  .mc-menu-panel { position: absolute; top: 100%; left: 0; right: 0; padding: 8px 16px 16px; background: #0E45A2; box-shadow: 0 8px 16px rgba(0, 0, 0, .2); }
  .mc-menu-links { flex-direction: column; align-items: stretch; }
  .mc-menu-link { padding: 12px 4px; border-bottom: 1px solid rgba(255, 255, 255, .15); }
  .mc-menu-link.active::after { left: 4px; right: auto; width: 48px; bottom: 6px; }
  .mc-menu-buttons { flex-wrap: wrap; margin: 12px 0 0; }
  .mc-menu-buttons .btn { margin: 0 8px 8px 0; }
}

/* ---------- page frame ---------- */
/* sticky footer: body.mc-layout is set in non-auth-header.php for news, news-detail and documents only */
body.mc-layout { display: flex; flex-direction: column; min-height: 100vh; }
body.mc-layout > .mc-page { flex: 1 0 auto; }
.mc-page { padding: 84px 0 60px; background: #fff; }
.mc-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; font-size: 14px; color: #333; margin: 8px 0 24px; }
.mc-breadcrumb a { display: inline-flex; align-items: center; color: #333; }
.mc-breadcrumb a:hover { color: #0E45A2; }
.mc-breadcrumb .mc-sep { margin: 0 10px; color: #999; }
.mc-breadcrumb [aria-current] { color: #555; overflow-wrap: anywhere; }
.mc-page-title, .mc-section-title { text-align: center; font-size: 32px; font-weight: 500; color: #222; margin: 0 0 32px; }
.mc-empty { text-align: center; color: #777; padding: 48px 0; }
.mc-empty .btn { margin-top: 16px; }
.mc-more { text-align: right; margin-top: 8px; }
.mc-more a { color: #0E45A2; font-weight: 500; }

/* ---------- news card ---------- */
.mc-news-card { display: flex; flex-direction: column; height: 100%; background: #fff; border: 1px solid #e6e6e6; border-radius: 12px; overflow: hidden; color: #222; transition: box-shadow .2s, transform .2s; }
.mc-news-card:hover { color: #222; text-decoration: none; box-shadow: 0 8px 20px rgba(0, 0, 0, .08); transform: translateY(-2px); }
.mc-news-thumb { position: relative; aspect-ratio: 3 / 2; background: #e9ecef; overflow: hidden; }
.mc-news-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.mc-date-badge { position: absolute; top: 12px; left: 12px; min-width: 44px; padding: 4px 6px; text-align: center; line-height: 1.1; color: #0E45A2; background: #fff; border-radius: 8px; box-shadow: 0 2px 6px rgba(0, 0, 0, .15); }
.mc-date-badge b { display: block; font-size: 22px; font-weight: 600; }
.mc-date-badge small { display: block; font-size: 12px; color: #333; }
.mc-news-title { padding: 20px 20px 24px; font-size: 16px; line-height: 1.6; font-weight: 400; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; }
.mc-news-card-small .mc-news-title { padding: 12px; font-size: 14px; -webkit-line-clamp: 7; }
.mc-news-card-small .mc-date-badge b { font-size: 18px; }

/* ---------- home news section ---------- */
.mc-home-news { background: #F4F4F4; padding: 60px 0 48px; }

/* ---------- pagination ---------- */
.mc-pagination { margin-top: 16px; }
.mc-pagination .page-link { color: #0E45A2; }
.mc-pagination .page-item.active .page-link { background: #0E45A2; border-color: #0E45A2; color: #fff; }

/* ---------- news detail ---------- */
.mc-article { max-width: 860px; margin: 0 auto; }
.mc-article-title { font-size: 28px; font-weight: 500; line-height: 1.45; color: #222; margin-bottom: 16px; overflow-wrap: anywhere; }
.mc-article-meta { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 20px; font-size: 14px; color: #666; }
.mc-meta-info { display: flex; align-items: center; margin: 4px 0; }
.mc-meta-info > span { display: inline-flex; align-items: center; }
.mc-meta-info svg { margin-right: 6px; }
.mc-meta-sep { width: 1px; height: 14px; background: #ccc; margin: 0 12px; }
.mc-share { display: flex; align-items: center; margin: 4px 0; }
.mc-share > span { margin-right: 4px; }
.mc-share a, .mc-share button { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin-left: 6px; padding: 0; border: 0; border-radius: 50%; background: #F2F2F2; color: #222; cursor: pointer; }
.mc-share a:hover, .mc-share button:hover { background: #0E45A2; color: #fff; }
.mc-article-cover { text-align: center; margin-bottom: 24px; }
.mc-article-cover img { max-width: 100%; height: auto; border-radius: 12px; }
.mc-body { font-size: 16px; line-height: 1.8; color: #333; overflow-wrap: anywhere; }
.mc-body img { max-width: 100%; height: auto; }
.mc-body h2, .mc-body h3, .mc-body h4 { margin: 24px 0 12px; font-weight: 500; }
.mc-body blockquote { border-left: 4px solid #EF8F21; padding: 4px 0 4px 16px; color: #555; }
.mc-body a { color: #0E45A2; text-decoration: underline; }
.mc-tags { margin-top: 40px; }
.mc-tags-title { border-left: 6px solid #EF8F21; padding-left: 12px; font-size: 26px; font-weight: 500; margin-bottom: 16px; }
.mc-tag { display: inline-flex; align-items: center; border: 1px solid #ddd; border-radius: 6px; padding: 6px 12px; margin: 0 8px 8px 0; font-size: 15px; color: #333; overflow-wrap: anywhere; }
.mc-tag svg { flex: none; margin-right: 6px; }
.mc-related { margin-top: 64px; }

/* ---------- documents ---------- */
.mc-filters { margin-bottom: 8px; }
.mc-btn-search { background: #EF8F21; border-color: #EF8F21; color: #fff; }
.mc-btn-search:hover, .mc-btn-search:focus { background: #d97c10; border-color: #d97c10; color: #fff; }
.mc-btn-clear { background: #fff; border: 1px solid #999; color: #333; }
.mc-count { margin: 12px 0 20px; font-weight: 400; }
.mc-doc-card { display: block; height: 100%; color: #222; }
a.mc-doc-card:hover { color: #0E45A2; text-decoration: none; }
.mc-doc-cover { display: flex; align-items: center; justify-content: center; aspect-ratio: 3 / 4; background: #fff; border: 1px solid #ddd; overflow: hidden; transition: box-shadow .2s; }
a.mc-doc-card:hover .mc-doc-cover { box-shadow: 0 6px 16px rgba(0, 0, 0, .12); }
.mc-doc-cover img { width: 100%; height: 100%; object-fit: contain; }
.mc-doc-cover img.mc-doc-placeholder { width: 45%; height: auto; opacity: .85; }
.mc-doc-title { margin-top: 10px; font-size: 16px; overflow-wrap: anywhere; }

@media (max-width: 575.98px) {
  .mc-page-title, .mc-section-title { font-size: 26px; margin-bottom: 24px; }
  .mc-article-title { font-size: 22px; }
}

/* ---------- home: the personnel heading became <h1> for SEO; keep the old <h2> size ---------- */
#boxingPersonnelType h1 { font-size: 1.5em; }
@media (max-width: 576px) {
  #boxingPersonnelType h1 { font-size: 1.25em; }
}