/*!
 * ---------------------------------------------------------------------
 *
 * GLPI - Gestionnaire Libre de Parc Informatique
 *
 * http://glpi-project.org
 *
 * @copyright 2015-2025 Teclib' and contributors.
 * @copyright 2003-2014 by the INDEPNET Development Team.
 * @licence   https://www.gnu.org/licenses/gpl-3.0.html
 *
 * ---------------------------------------------------------------------
 *
 * LICENSE
 *
 * This file is part of GLPI.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * ---------------------------------------------------------------------
 */
/**
  Custom Pallete for Department of Physics GLPI11 instance

  Agacinski, Grzegorz
  February 2026
  Physics IT Support
*/
:root[data-glpi-theme=physics] {
  --tblr-primary-rgb: 0, 33, 71;
  --tblr-primary-fg: #fff;
  --tblr-link-color-rgb: 208, 11, 107;
  --glpi-mainmenu-bg: #002147;
  --glpi-mainmenu-fg: #fff;
  --glpi-helpdesk-header: #E0DED9;
  --glpi-badge-bg: #fcfcfc;
  --tblr-body-font-family: "din-2014", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --tblr-body-font-size: 1.0625rem;
  --tblr-body-font-weight: 400;
  --tblr-body-line-height: 1.5;
  --glpi-palette-color-1: #002147;
  --glpi-palette-color-2: #fff;
  --glpi-palette-color-3: #E0DED9;
  --glpi-palette-color-4: #d00b6b;
  --glpi-illustrations-gradient-1: #1A355F;
  --glpi-illustrations-gradient-2: #334A77;
  --glpi-illustrations-gradient-3: #66759E;
  --ou-logo: url("../pics/physBranding/logo/university-of-oxford_logo_square.svg");
  --ou-logo-reduced: url("../pics/physBranding/logo/university-of-oxford_logo_square.svg");
  --phys-logo: url("../pics/physBranding/logo/dept-of-physics_logo.svg");
  --phys-bg-mobile: url("../pics/physBranding/background/background-wave_mobile.jpg");
  --phys-bg-tablet: url("../pics/physBranding/background/background-wave_tablet.jpg");
  --phys-bg-desktop: url("../pics/physBranding/background/background-wave_desktop.jpg");
  --phys-bg-desktop-wide: url("../pics/physBranding/background/background-wave_desktop-wide.jpg");
  /**
    Custom Physics images for all pages
  */
  /**
    Physics custom rules
  */
  /**
    Customizations anonymus profile
  */
  /**
   *
   * Cutomize main#page section
   *
   * This is the element displaying content of different page
   */
}
:root[data-glpi-theme=physics] body.welcome-anonymous,
:root[data-glpi-theme=physics] body.horizontal-layout {
  background-color: var(--tblr-primary-rgb);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-image: var(--phys-bg-mobile);
  background-size: 420px 1200px;
  background-position: center top;
  background-repeat: repeat;
}
@media (min-width: 576px) and (max-width: 992px) {
  :root[data-glpi-theme=physics] body.welcome-anonymous,
  :root[data-glpi-theme=physics] body.horizontal-layout {
    background-image: var(--phys-bg-tablet);
    background-size: 992px 1200px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  :root[data-glpi-theme=physics] body.welcome-anonymous,
  :root[data-glpi-theme=physics] body.horizontal-layout {
    background-image: var(--phys-bg-desktop);
    background-size: 1680px 1200px;
  }
}
@media (min-width: 1200px) {
  :root[data-glpi-theme=physics] body.welcome-anonymous,
  :root[data-glpi-theme=physics] body.horizontal-layout {
    background-image: var(--phys-bg-desktop-wide);
    background-size: 3360px 1200px;
  }
}
:root[data-glpi-theme=physics] .page .glpi-logo {
  background: var(--phys-logo);
  width: 125px;
  background-repeat: no-repeat;
}
:root[data-glpi-theme=physics] .btn-physics-1 {
  font-size: 1rem;
  border-radius: 0.5rem;
  padding: 0.75rem 2rem;
  background-color: var(--tblr-link-color);
  font-weight: 800;
  color: #fff;
}
:root[data-glpi-theme=physics] .btn-physics-1:hover {
  background-color: unset;
  color: var(--tblr-primary);
}
:root[data-glpi-theme=physics] .section-physics-left {
  text-align: left;
}
:root[data-glpi-theme=physics] .hr-physincs {
  margin: 1rem 0;
}
:root[data-glpi-theme=physics] .page-anonymous .glpi-logo {
  --logo: var(--ou-logo);
  content: var(--logo);
  width: 100px;
  height: 100px;
  border: var(--tblr-primary-fg) solid thin;
}
:root[data-glpi-theme=physics] .page-anonymous .card {
  border-radius: 1.25rem;
}
:root[data-glpi-theme=physics] .page-anonymous .card .card-body .col-md-5 {
  border: var(--tblr-primary) solid thin;
  border-radius: 1.25rem;
  padding: 1.5rem;
  background-color: rgba(255, 255, 255, 0.9);
}
:root[data-glpi-theme=physics] .page-anonymous .card .card-body form > div:last-child {
  display: none;
}
:root[data-glpi-theme=physics] #page {
  background-color: #fcfcfc;
  /*
   * Browse tab on the knowledge base listing page
   * accessible vai URL: front/helpdesk.faq.php
   */
  /**
   * Knowledge base view page e.g. /front/helpdesk.faq.php?id=1004
   *
   * I tried to find the most specific CSS rule.CSS styles are only
   * applied to knowledge base page when is viewed (not browse/search/edit).
   */
  /**
    * Knowledgebase search result page
    *
    * Page that displays found KB items
    * URL: /front/helpdesk.faq.php -> "Search" tab -> use search form
   */
}
:root[data-glpi-theme=physics] #page .browser_items .kb {
  font-size: 1rem;
}
:root[data-glpi-theme=physics] #page:has(span.badge.badge-outline.text-secondary > a[href*=knowbaseitemcategories_id]) {
  padding: 1.5rem;
  /*
   * div element that contains all KB page components
   * Categories, Subject and Content block
   */
}
:root[data-glpi-theme=physics] #page:has(span.badge.badge-outline.text-secondary > a[href*=knowbaseitemcategories_id]) > div:first-child {
  border: 1px solid #e0e6ed;
  border-radius: 0.5rem;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  background-color: var(--glpi-mainmenu-fg);
  /*
  > div:nth-child(4) {
  }
  */
}
:root[data-glpi-theme=physics] #page:has(span.badge.badge-outline.text-secondary > a[href*=knowbaseitemcategories_id]) > div:first-child > div.form-field.col-12.mb-2:first-child {
  display: flex;
  align-items: baseline;
  gap: 8px;
  font-size: 0.85rem;
}
:root[data-glpi-theme=physics] #page:has(span.badge.badge-outline.text-secondary > a[href*=knowbaseitemcategories_id]) > div:first-child > div.form-field.col-12.mb-2:first-child .d-flex.align-items-center label {
  font-size: 0.9rem;
  font-weight: 500;
  color: #6c757d;
  margin-top: 0.5rem;
  letter-spacing: 0.02em;
}
:root[data-glpi-theme=physics] #page:has(span.badge.badge-outline.text-secondary > a[href*=knowbaseitemcategories_id]) > div:first-child > div.form-field.col-12.mb-2:first-child .d-flex.align-items-center label::after {
  content: ":";
  margin-left: -4px;
}
:root[data-glpi-theme=physics] #page:has(span.badge.badge-outline.text-secondary > a[href*=knowbaseitemcategories_id]) > div:first-child > div:nth-child(2) .form-control-plaintext {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 3.2rem;
  color: var(--glpi-palette-color-1);
  margin-top: 1.8rem;
  margin-bottom: 2rem;
  padding-bottom: 0.8rem;
  border-bottom: 2px solid #e0e6ed;
  letter-spacing: -0.02em;
}
:root[data-glpi-theme=physics] #page:has(span.badge.badge-outline.text-secondary > a[href*=knowbaseitemcategories_id]) > div:first-child > div:nth-child(2) label {
  display: none;
}
:root[data-glpi-theme=physics] #page:has(span.badge.badge-outline.text-secondary > a[href*=knowbaseitemcategories_id]) > div:first-child > div:nth-child(3) .form-control-plaintext {
  line-height: var(--tblr-body-line-height);
}
:root[data-glpi-theme=physics] #page:has(span.badge.badge-outline.text-secondary > a[href*=knowbaseitemcategories_id]) > div:first-child > div:nth-child(3) label {
  display: none;
}
:root[data-glpi-theme=physics] #page:has(span.badge.badge-outline.text-secondary > a[href*=knowbaseitemcategories_id]) > div:first-child > div:last-child {
  margin-top: 1.5rem;
  padding: 1rem;
  font-size: 0.85rem;
  font-weight: 400 !important;
  background-color: #f8f9fa;
  border: 1px solid #e2e6ea;
  border-radius: 0.25rem;
}
:root[data-glpi-theme=physics] #page div.card-tabs:has(ul#tabspanel > li > a[data-glpi-ajax-content*="_itemtype=Knowbase"]) table div.kb_resume {
  font-size: 0.9rem;
  line-height: 1.25rem;
}
:root[data-glpi-theme=physics] #page div.card-tabs:has(ul#tabspanel > li > a[data-glpi-ajax-content*="_itemtype=Knowbase"]) table tbody:has(tr[class*=tab_bg_]) tr:first-child th:last-of-type {
  display: none;
}
:root[data-glpi-theme=physics] #page div.card-tabs:has(ul#tabspanel > li > a[data-glpi-ajax-content*="_itemtype=Knowbase"]) table tbody:has(tr[class*=tab_bg_]) tr td:last-of-type {
  display: none;
}
:root[data-glpi-theme=physics] form.masssearchform table.search-results {
  font-size: 0.9rem;
}