/**
 * 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 {
  color-scheme: light;
}


: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: #ffffff;
  --bs-pmf-footer: #142f48;
  --bs-pmf-background: #9eb6c9;

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

/*  .text-black,.pmf-nav-link,.nav-link {
  /*  --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important
  }*/

  .text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important
  }

  .text-link-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important
  }
    .text-link-black:hover {
    --bs-text-opacity: 1;
    color: #d1432c !important;
  }
  
  .text-white {
    color: #ffffff;
  }

   .nav-margin {
    margin-top: 44px;
    margin-bottom: 44px;
  }

.navbar-nav>.active>a {
    background-color: #014284;
    color: #ffffff
}

.pmf-nav-link:hover {
  color: #ff0000 !important; 
}

:focus {
    outline: none;
    outline: 2px solid #000000;
    outline-offset: -2px;
    border-radius: 5px;
}

  .logo-margin {
    margin-right: 0px;
  }

  .sub-title {
    background-color: #014284;
    margin-left: -12px;
    font-size: x-large;
  }

  .sub-logo-margin {
    margin-top: 10px;
  }

  .nav-menu-margin {
    margin-top: 10px;
  }

  .nav-subheader {
    height: 63px;
  }

  .searchbox {
    display: inline-block;
    min-width: 210px;
    margin-bottom: 16px;
    margin-top: 16px;
  }

  .searchbox form {
    margin: 0;
  }

  a{
    color: #d1432c;
    text-decoration: none;
  }

  .datebox {
    background-color: #d9534f;
    font-size: large;
  }

  ul .dot {
    list-style-type: circle;
  }

  .searchbox button {
    display: inline-block;
    border: 0;
    line-height: 22px;
    padding: 4px 5px 4px 15px;
    height: 31px;
    vertical-align: middle;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #2b3d4c;
    color:#ffffff;
    margin-bottom: 4px;
  }

  .searchfield {
    border: 0;
    height: 22px;
    line-height: 22px;
    box-sizing: content-box;
    padding: 5px 6px 4px;
    display: inline-block;
    margin-bottom: 0;
    width: 160px;
    font-size: 16px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -6px;
    outline: 0;
    background-color: #2b3d4c;
    color: #ffffff;
  }

  .searchfield::placeholder {
  color: #ffffff;
}

  .search .bi-search {
    position: static;
  }

  .text-bg-pmf-footer {
    color: #000000;
    background-color: #ffffff;
  }

  .bg-blue-subtle {
    background-color: #014284;
  }

  .searchbottun {
    background-color: #ffffff;
    color: #333333;
  }
}


[data-bs-theme="dark"] {
  all: unset;
}

[data-bs-theme="high-contrast"] {
  all: unset;
}

/*[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: #ffffff;
  --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;
  }
}
*/