/**
 * Campaign Styles for campaign #354214
 */

/** Style Link Colors#6620 */
/* Normal link color */
a,
a.entity-link,
a.text-entity,
a.btn-link {
    color: #ab00c5 !important;
}

/* Visited link color */
a:visited {
    color: #00811c !important;
}

/* Hover / focus color */
a:hover,
a:focus,
a.entity-link:hover,
a.text-entity:hover,
a.btn-link:hover {
    color: #01ff00 !important;
}
/** Theme builder #6621 */
@layer theme {
:root {
  --er: 0 100% 50%;
  --erc: 0 0% 100%;
  --si: 283 95% 21%;
  --sif: 283 95% 1%;
  --sic: 0 0% 100%;
  --su: 123 100% 39%;
  --suc: 0 0% 100%;
  --wa: 55 100% 50%;
  --wac: 0 0% 0%;
}
}
/** Style Gold Frames - Player Characters#6622 */
/* Gold frame on the big portrait of Player Characters
   (entities that have the PC tag) */
body.kanka-tag-pc .entity-header-image :is(.entity-image, picture > img) {
    border: 6px solid #d4af37 !important;   /* gold */
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.7);
}

/* Gold frame on the small avatar that appears in the header bottom
   when a header image is present */
body.kanka-tag-pc .entity-header .bottom .entity-avatar img {
    border: 3px solid #d4af37 !important;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.7);
}
/** Style Ability Score Boxes#6623 */
/*=========================================================
=   5E ABILITY SCORE SIDEBAR STYLING (BLACK + WHITE BOXES)
=   Applies ONLY to pinned Strength / Dex / Con / Int / Wis / Cha
=========================================================*/

/* Row layout for the six ability scores */
.pinned-attribute[data-attribute="Strength"],
.pinned-attribute[data-attribute="Dexterity"],
.pinned-attribute[data-attribute="Constitution"],
.pinned-attribute[data-attribute="Intelligence"],
.pinned-attribute[data-attribute="Wisdom"],
.pinned-attribute[data-attribute="Charisma"] {
    display: flex !important;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
    margin: 6px 0;
}

/* Assign short codes as CSS variables */
.pinned-attribute[data-attribute="Strength"]      { --short: "STR"; }
.pinned-attribute[data-attribute="Dexterity"]     { --short: "DEX"; }
.pinned-attribute[data-attribute="Constitution"]  { --short: "CON"; }
.pinned-attribute[data-attribute="Intelligence"]  { --short: "INT"; }
.pinned-attribute[data-attribute="Wisdom"]        { --short: "WIS"; }
.pinned-attribute[data-attribute="Charisma"]      { --short: "CHA"; }

/*=============================
=   BLACK SHORT-NAME BOXES    =
=============================*/

.pinned-attribute[data-attribute="Strength"]::before,
.pinned-attribute[data-attribute="Dexterity"]::before,
.pinned-attribute[data-attribute="Constitution"]::before,
.pinned-attribute[data-attribute="Intelligence"]::before,
.pinned-attribute[data-attribute="Wisdom"]::before,
.pinned-attribute[data-attribute="Charisma"]::before {
    content: var(--short) !important;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 80px;
    height: 60px;

    background: #000000;
    color: #ffffff;

    font-weight: 900;
    font-size: 24px;
    text-transform: uppercase;

    border: 2px solid #000000;
    border-radius: 4px;

    box-sizing: border-box;
}

/* Hide long names (Strength, Dexterity, etc.) */
.pinned-attribute[data-attribute="Strength"] > strong,
.pinned-attribute[data-attribute="Dexterity"] > strong,
.pinned-attribute[data-attribute="Constitution"] > strong,
.pinned-attribute[data-attribute="Intelligence"] > strong,
.pinned-attribute[data-attribute="Wisdom"] > strong,
.pinned-attribute[data-attribute="Charisma"] > strong {
    display: none !important;
}

/*===========================================
=   WHITE SCORE BOXES (12 (+1), etc.)      =
===========================================*/

.pinned-attribute[data-attribute="Strength"] .live-edit-parsed,
.pinned-attribute[data-attribute="Dexterity"] .live-edit-parsed,
.pinned-attribute[data-attribute="Constitution"] .live-edit-parsed,
.pinned-attribute[data-attribute="Intelligence"] .live-edit-parsed,
.pinned-attribute[data-attribute="Wisdom"] .live-edit-parsed,
.pinned-attribute[data-attribute="Charisma"] .live-edit-parsed {
    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 80px;
    height: 60px;

    background: #ffffff !important;
    color: #000000 !important;

    border: 2px solid #000000 !important;
    border-radius: 4px;

    padding: 0 6px !important;

    font-weight: 800 !important;
    font-size: 18px !important;

    box-sizing: border-box;
}
/** Style Section Labels#6624 */
/*===========================================
=   CENTER + APPLY MORRISROMAN FONT        =
===========================================*/

/* Center the section container */
.entity-sidebar .pinned-attribute-section {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Apply MorrisRoman to the section title (GENERAL INFORMATION, COMBAT, etc.) */
.entity-sidebar .pinned-attribute-section strong {
    font-family: "MorrisRoman", "Morris Roman", serif !important;
    font-weight: 1000 !important;
    font-size: 24px !important;
    letter-spacing: 0.5px !important;
    text-align: center !important;
    color: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
}
/** Style Attribute Text#6625 */
/*====================================================
=   INCREASE NORMAL TEXT SIZE IN PINNED SIDEBAR      =
====================================================*/

.entity-sidebar .pinned-attribute.flex.gap-2.flex-wrap div.live-edit-parsed {
    font-size: 1.1rem !important;      /* Adjust size here */
    line-height: 1.4 !important;
}

/* Increase the left-side labels (Species, Parents, etc.) */
.entity-sidebar .pinned-attribute.flex.gap-2.flex-wrap {
    font-size: 1.1rem !important;      /* Adjust size here */
    line-height: 1.4 !important;
}

/* Ensure spacing doesn't break the layout */
.entity-sidebar .pinned-attribute {
    padding-top: 2px;
    padding-bottom: 2px;
}
/** Style Profile Text#6626 */
/*===============================================
=   FORCE PROFILE TEXT TO BE LARGER — 100% MATCH
===============================================*/

/* LABELS — Families / Races / Birth / Age / etc. */
.entity-sidebar .profile-element {
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
}

/* VALUES — the items on the right side */
.entity-sidebar .profile-entity {
    font-size: 1.25rem !important;
    line-height: 1.45 !important;
}

/* When profile items are links (purple names), enlarge them too */
.entity-sidebar .profile-entity a {
    font-size: 1.25rem !important;
    line-height: 1.45 !important;
}
/** Style Image Margins#6627 */
/* ============================================================
   FIX IMAGE SPACING IN TEXT BOXES
   (for images floated right or inside entity content)
   ============================================================ */

.entity-content img,
.entity-content .note-float-right,
.entity-content img.note-float-right {
    margin: 12px 0 12px 16px !important;  /* adds space around image */
    display: block !important;
}

.entity-content .note-float-right {
    float: right !important;
}