/**
 * 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
 */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* Font -Atkinson Hyperlegible Next- from Braille Institute for high-contrast mode to achieve better A11y */
@font-face {
  font-family: 'Poppins', sans-serif;
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins', sans-serif;
  font-weight: 200 800;
  font-style: italic;
  font-display: swap;
}

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

  /* Bootstrap body variables for light mode */
  --bs-body-bg: #ffffff;
  --bs-body-color: #212529;
	
  --bs-body-font-family: 'Poppins', sans-serif;
}

[data-bs-theme='dark'] {
  --bs-light: #eceff9;
  --bs-dark: #060508;
  --bs-primary: #00adef;
  --bs-secondary: #1d646a;
  --bs-info: #40b0ae;
  --bs-success: #0aa05c;
  --bs-warning: #e1ca0a;
  --bs-danger: #f01704;
  --bs-pmf-nav: #00adef ;
  --bs-pmf-footer: #142f48;
  --bs-pmf-background: #9eb6c9;
  --bs-card-title-color: #C3C3C3;

  /* Bootstrap body variables for dark mode */
  --bs-body-bg: var(--bs-dark);
  --bs-body-color: var(--bs-light);
	
   --bs-body-font-family: 'Poppins', sans-serif;
}

[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: 'Poppins', sans-serif !important;
    font-size: 1.3rem;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal;
  }
}

[data-bs-theme="dark"] .text-bg-pmf-nav {
	background-color: var(--bs-pmf-nav) !important;
}

h1 {
	color: var(--bs-primary) !important;
}
a {
	color: var(--bs-primary) !important;
	text-decoration: underline;
}

.text-bg-primary {
	color: #fff !important;
	background-color: var(--bs-primary) !important;
}

.breadcrumb {
	display: flex;
	flex-wrap: wrap;
	padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
	margin-bottom: 2rem;
	font-size: var(--bs-breadcrumb-font-size);
	list-style: none;
	background-color: var(--bs-breadcrumb-bg);
	border-radius: var(--bs-breadcrumb-border-radius);
}

.form-control-lg {
	min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
	padding: .5rem 1rem;
	font-size: 1rem !important;
	border-radius: var(--bs-border-radius-lg);
}

.card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	height: var(--bs-card-height);
	color: var(--bs-body-color);
	word-wrap: break-word;
	background-color: var(--bs-card-bg);
	background-clip: border-box;
	border: var(--bs-card-border-width) solid var(--bs-card-border-color);
	border-radius: 15px !important;
	
}

.btn-primary {
	color: #fff !important;
}

.card-body {
	flex: 1 1 auto;
	padding: 40px !important;
}

.btn-outline-primary:hover {
	background-color: var(--bs-primary);
	color: var(--bs-light) !important;
	border-color: var(--bs-primary);
}

.pmf-faq-body {
	overflow-x: hidden;
}

.pmf-category-overview {
	padding: 0;
}

.pmf-category-overview > li {
	margin-bottom: 40px;
	background-color: #efefef;
	  border-radius: 15px;
	  padding: 30px;
}

.bg-info {
	background-color: var(--bs-primary) !important;
}

.footer {
	background-color: #343a40 !important;
	color: #fff !important;
}

.footer .nav-link {
	color: #fff !important;
}