@import "styles.css";

@font-face {
  font-family: 'Code';
  src: url(resources/DroidSansMonoRegular.ttf) format('truetype');
}

ol.alpha{
    list-style-type:lower-alpha;
}
/*code-font*/
*[class~='pr-d/codeblock'],
*[class~='codeblock'],
*[class~='pr-d/codeph'],
*[class~='codeph'] {
  font-family: 'Code', monospace;
}

@media print {
  p { 
       text-align: justify;
  }
  
  *[class ~= "topic/p"], *[class ~= "topic/note"], *[class ~= "topic/section"]
  {
      text-align: justify;
  } 
}

@media screen {
  *[class ~= "wh_logo"]
  {
      width: 20rem;
  } 
  
  /*Displays book part number as breadcrumb root*/
  *[class ~= "home"] span{
      display: none;
  }
  *[class ~= "home"] >  :after {
      content: "Home \2302";
  }
  
    math {
  font-size: x-large;
}
}

*[class ~= "front-page/front-page"]:before(2) {

    background-image: url("./resources/logo.svg");

    margin-top: 2cm;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 8cm 100%;
    height: 3cm;
    width: 12.8cm;
    display: inline-block;
    content: "";

}

*[class ~= "front-page/front-page"]:before {

    background-image: url(oxy_xpath('//*[contains(@class, " bookmap/bookmeta ")]//*[contains(@name, "feature.image")]/@value'));
    background-position: center;
    margin-top: 1cm;
    background-repeat: no-repeat;
    background-size: 12.8cm 7cm;
    display: block;
    width: 12.8cm;
    height: 7cm;
    content: "";
}


*[class ~= "front-page/front-page-title"]:before(2) {
    margin-top: 1cm;
    font-family: BrandingFont;
    line-height: 1em;
    width: 10cm;
    display: block;
    margin-left: auto;
    margin-right: auto;
    content: oxy_xpath('//*[contains(@class, " bookmap/bookmeta ")]//*[contains(@name, "title.type")]/@value');
}
*[class ~= "front-page/front-page-title"]:before(1) {
    font-family: BrandingFont;
    line-height: 1em;
    width: 10cm;
    display: block;
    margin-left: auto;
    margin-right: auto;
    content: oxy_xpath('//*[contains(@class, " bookmap/bookmeta ")]//*[contains(@name, "title.products")]/@value');
}

*[class ~= "front-page/front-page-title"] {
    margin-top: 0cm;
    content: '';
}

*[class ~= "front-page/front-page-title"]:after {
    font-family: BrandingFont;
    color: gray;
    font-size: 10pt;
    font-style: italic;
    content: oxy_xpath('//*[contains(@class, " bookmap/bookmeta ")]/*[contains(@class, " bookmap/bookid ")]/*[contains(@class, " bookmap/bookpartno ")]/text()')
 " (" oxy_xpath('//*[contains(@class, " bookmap/bookmeta ")]//*[contains(@class, " topic/revised ")]/@modified') " )";
}

.metadata-container {
    display: flex;
    align-items: center;
    gap: 20px; /* Space between elements */
    padding: 10px;
    margin-bottom: 15px;
    background: #f9f9f9;
    border-radius: 5px;
    border-left: 4px solid #0073e6;
}

.metadata {
    display: flex;
    align-items: center;
    font-size: 14px;
}

.metadata .icon {
    margin-right: 5px;
    font-size: 16px;
}

.metadata .label {
    font-weight: bold;
    margin-right: 5px;
}

.metadata .value {
    color: #333;
}