@font-face {
    font-family: 'Taroca-Regular';
    /* Adjust the file extension (.ttf, .otf, .woff2) to match your file */
    src: url('../fonts/Taroca-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Helps with performance */
}

/* Define the Icon Font */
@font-face {
    font-family: 'Pathfinder-Icons';
    src: url('../fonts/Pathfinder-Icons.ttf') format('truetype');
}

/* Create a class for actions */
.action {
    font-family: 'Pathfinder-Icons';
    font-style: normal;
    font-size: 1em;
    vertical-align: middle;
}

/* Container styling */
.pf2e-statblock {
    background-color: #fdfaf3; /* Subtle parchment off-white */
    border: 1px solid #d5c8b5;
    padding: 16px;
    margin: 1.5rem 0;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    color: #000;
    line-height: 1.4;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.1);
}

/* Headers for Creature Name / Level */
.pf2e-statblock h1 {
    display: inline-block;
    font-family: Roboto, serif;
    font-size: 1.6rem;
    font-variant: small-caps;
    font-weight: bold;
    color: #000;
    margin: 0;
}

.pf2e-statblock h2:first-of-type {
    float: right;
    font-family: Roboto, serif; /* Match H1 font */
    font-size: 1.6rem; /* Match H1 size */
    font-variant: small-caps;
    margin: 0;
    color: #000;
    border: none; /* Remove default Hugo header underlines if they exist */
}

/* The iconic PF2e red dividing line */
.pf2e-statblock hr {
    clear: both; /* This ensures the red line starts below the Name/Level */
    border: none;
    border-top: 2px solid #5e0000;
    margin: 4px 0;
}

/* Paragraph spacing */
.pf2e-statblock p {
    margin: 0;
    padding-left: 1em;
}

.pf2e-statblock p:first-letter{
  margin-left: -1em;
}

.pf2e-statblock p:has(.pf2e-trait) {
  padding-left: 0;
}

/* PF2e Trait Styling */
.pf2e-trait {
    display: inline-block;
    background-color: #5d0000; /* parchment tone background */
    color: #ede3c7; /* deep reddish-brown text */
    border: 2px solid #dac285;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 2px 8px;
    margin-right: -.5em;
    line-height: 1.4;
    white-space: nowrap;
}

.pf2e-trait[data-trait="tiny"],
.pf2e-trait[data-trait="small"],
.pf2e-trait[data-trait="medium"],
.pf2e-trait[data-trait="large"],
.pf2e-trait[data-trait="huge"],
.pf2e-trait[data-trait="gargantuan"] {
  background-color: #015d4e;   /* lime green tint */
}

/* Basic trait formatting (using inline code tags as a hack for traits) */
.pf2e-statblock code {
    background-color: #4b3d3d;
    color: #fff;
    padding: 2px 6px;
    border-radius: 2px;
    font-family: inherit;
    font-size: 0.85rem;
    font-weight: bold;
    text-transform: uppercase;
}