/**
 * phpMyFAQ 4.0 default theme
 *
 * This Source Code Form is subject to the terms of the Mozilla Public License,
 * v. 2.0. If a copy of the MPL was not distributed with this file, You can
 * obtain one at https://mozilla.org/MPL/2.0/.
 *
 * @package   phpMyFAQ
 * @author    Thorsten Rinne <thorsten@phpmyfaq.de>
 * @copyright 2024-2025 phpMyFAQ Team
 * @license   https://www.mozilla.org/MPL/2.0/ Mozilla Public License Version 2.0
 * @link      https://www.phpmyfaq.de
 * @since     2024-09-01
 */

/* Font -Atkinson Hyperlegible Next- from Braille Institute for high-contrast mode to achieve better A11y */
@font-face {
  font-family: 'Atkinson Hyperlegible Next';
  src: url('../../fonts/AtkinsonHyperlegibleNext-VariableFont_wght.ttf') format('truetype-variations');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Atkinson Hyperlegible Next';
  src: url('../../fonts/AtkinsonHyperlegibleNext-Italic-VariableFont_wght.ttf') format('truetype-variations');
  font-weight: 200 800;
  font-style: italic;
  font-display: swap;
}

:root,
[data-bs-theme='light'] {
  --bs-light: #eceff9;
  --bs-dark: #060508;
  --bs-primary: #083c83;
  --bs-secondary: #1d646a;
  --bs-info: #40b0ae;
  --bs-success: #0aa05c;
  --bs-warning: #e1ca0a;
  --bs-danger: #f01704;
  --bs-pmf-nav: #2f3035;
  --bs-pmf-footer: #142f48;
  --bs-pmf-background: #9eb6c9;

  /* Bootstrap body variables for light mode */
  --bs-body-bg: #ffffff;
  --bs-body-color: #212529;
}

[data-bs-theme='dark'] {
  --bs-light: #eceff9;
  --bs-dark: #060508;
  --bs-primary: #083c83;
  --bs-secondary: #1d646a;
  --bs-info: #40b0ae;
  --bs-success: #0aa05c;
  --bs-warning: #e1ca0a;
  --bs-danger: #f01704;
  --bs-pmf-nav: #2f3035;
  --bs-pmf-footer: #142f48;
  --bs-pmf-background: #9eb6c9;

  /* Bootstrap body variables for dark mode */
  --bs-body-bg: var(--bs-dark);
  --bs-body-color: var(--bs-light);
}

[data-bs-theme='high-contrast'] {
  --bs-light: #ffffff;
  --bs-dark: #000000;
  --bs-primary: #ffff00;
  --bs-secondary: #00ffff;
  --bs-info: #00ffff;
  --bs-success: #00ff00;
  --bs-warning: #ffff00;
  --bs-danger: #ff0000;
  --bs-pmf-nav: #000000;
  --bs-pmf-footer: #000000;
  --bs-pmf-background: #000000;

  /* Bootstrap body variables for high contrast mode */
  --bs-body-bg: #000000;
  --bs-body-color: #ffffff;
  --bs-border-color: #ffffff;
  --bs-link-color: #ffff00;
  --bs-link-hover-color: #ffff66;

  /* Individual high-contrast adjustments */

  body {
    font-family: 'Atkinson Hyperlegible Next' !important;
    font-size: 1.3rem;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal;
  }
}


/* ===========================================================================
   Club Champion
   In this template set rather than phpMyFAQ's 'default', so an upgrade does
   not overwrite it. Do not move this into default/theme.css.
   =========================================================================== */

:root,
[data-bs-theme='light'] {
  --cc-navy: #1f4e79;      /* heading + card titles. Deliberately NOT
                              --bs-primary (#083c83), which is already on the
                              page as the button blue. */
  --cc-card-bg: #ffffff;
  --cc-card-edge: #e3e8ed;
}

[data-bs-theme='dark'] {
  --cc-navy: #7fb0dd;
  --cc-card-bg: #182027;
  --cc-card-edge: #2b3640;
}

/* Page heading — solid colour. The !important and text-fill reset are here to
   override a gradient applied with background-clip:text, which otherwise
   survives a plain colour rule. */
h1.pmf-start-page {
  color: var(--cc-navy) !important;
  background: none !important;
  -webkit-text-fill-color: var(--cc-navy) !important;
  background-clip: border-box !important;
}

/* Category cards: image sits in the top rounded corners and cuts flat above
   the title. The card's overflow:hidden gives the band its top radius, so the
   image needs no radius of its own. */
.cc-cat-card {
  background: var(--cc-card-bg);
  border: 1px solid var(--cc-card-edge);
}

.cc-cat-image {
  flex: 0 0 auto;
  height: 150px;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

.cc-cat-card .cc-cat-title {
  color: var(--cc-navy);
}

/* ==== CC-FE BLOCK START ==== patch 16, 25 Oct 2026 — do not edit by hand ==
   Served as theme.vNN.css. Bump the version in index.twig on every change
   or CloudFront keeps serving the old one. --------------------------- */

:root { --cc-navy: #083c83; }

/* -- start-page heading: solid navy, no gradient --------------------------
   styles.css clips a gradient to the glyphs and sets the text transparent.
   All five properties are load-bearing; colour alone does nothing. */
h1.pmf-start-page, .pmf-start-page.h1,
h1.pmf-start-page span, .pmf-start-page.h1 span {
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
          background-clip: border-box !important;
  -webkit-text-fill-color: var(--cc-navy) !important;
  color: var(--cc-navy) !important;
}

/* -- category cards: image band above the title ---------------------------
   Square-cut at the bottom, rounded at the top with the card. The card
   carries overflow-hidden + rounded-3, so the band inherits the top radius
   and is clipped flat where the title begins. */
.cc-cat-card .cc-cat-image {
  height: 150px;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-color: var(--cc-navy);
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.cc-cat-card .cc-cat-title {
  font-size: 1.9rem;
  color: var(--cc-navy);
  margin-top: .75rem !important;
}
@media (max-width: 575.98px) {
  .cc-cat-card .cc-cat-image { height: 120px; }
}

/* -- start-page list cards: text size ----------------------------------- */
.card .card-body h5.card-title {
  font-size: 1.45rem !important;
  line-height: 1.3 !important;
}
.card .card-body ol.list-unstyled > li h4,
.card .card-body ol.list-unstyled > li h4.h6,
.card .card-body ul.list-unstyled > li h4,
.card .card-body ul.list-unstyled > li h4.h6 {
  font-size: 1.22rem !important;
  line-height: 1.4 !important;
  margin-bottom: .4rem !important;
}
.card .card-body a.latest-entries,
.card .card-body a.sticky-faqs {
  font-size: 1.22rem !important;
  line-height: 1.4 !important;
}
.card .card-body .d-flex.text-muted small,
.card .card-body .d-flex.align-items-center small,
.card .card-body li small {
  font-size: .98rem !important;
  line-height: 1.4 !important;
}
.card .card-body p.card-text small.text-muted { font-size: .98rem !important; }
.card .card-body ol.list-unstyled > li,
.card .card-body ul.list-unstyled > li {
  padding-bottom: .7rem !important;
  margin-bottom: .7rem !important;
}

/* ==== CC-FE BLOCK END ==== */