/* ============================================================
   THE PRICE OF DAWN — Component Styles
   Works alongside custom.scss for GM and player-facing boxes
   ============================================================ */

/* GM-Only Collapse Sections */
details.gm-only {
  border: 2px solid #7a1a1a;
  border-radius: 6px;
  padding: 0.75em 1.25em;
  margin: 1.8em 0;
  background: #fdf5f5;
  box-shadow: inset 2px 0 0 #7a1a1a;
}

details.gm-only summary {
  color: #7a1a1a;
  font-weight: 700;
  cursor: pointer;
  user-select: none;
  font-size: 0.82em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

details.gm-only summary::before { content: "▸ "; }
details.gm-only[open] summary::before { content: "▾ "; }
details.gm-only[open] { background: #fdf0f0; }

/* Player-facing callout boxes */
.player-callout {
  border-left: 4px solid #c9922a;
  background: linear-gradient(to right, #fdf3e0, #fdf8f0 85%);
  padding: 0.8em 1.25em;
  margin: 1.2em 0;
  border-radius: 0 6px 6px 0;
  box-shadow: 0 1px 3px rgba(201, 146, 42, 0.15);
}

.player-callout::before {
  content: "Player Knowledge";
  display: block;
  font-size: 0.72em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #c9922a;
  margin-bottom: 0.45em;
  font-family: 'Cinzel', 'Palatino Linotype', serif;
}

.player-callout p { margin: 0; }

/* Skill Check Reveal Toggles */
details.skill-reveal {
  margin: 0.25em 0 0.4em 0;
}

details.skill-reveal summary {
  cursor: pointer;
  font-weight: 700;
  color: #6b4c11;
  user-select: none;
  list-style: none;
}

details.skill-reveal summary::-webkit-details-marker { display: none; }
details.skill-reveal summary::before { content: "▸ "; font-style: normal; }
details.skill-reveal[open] summary::before { content: "▾ "; }

details.skill-reveal > p {
  margin: 0.35em 0 0.1em 1.1em;
  color: #333;
}

/* Skill Passive (Auto-Known) Knowledge */
details.skill-passive {
  margin: 0.25em 0 0.4em 0;
}

details.skill-passive summary {
  cursor: pointer;
  font-weight: 700;
  color: #1f6e4a;
  user-select: none;
  list-style: none;
}

details.skill-passive summary::-webkit-details-marker { display: none; }
details.skill-passive summary::before { content: "◆ "; font-size: 0.8em; vertical-align: middle; }
details.skill-passive[open] summary::before { content: "◇ "; font-size: 0.8em; vertical-align: middle; }

details.skill-passive > p {
  margin: 0.35em 0 0.1em 1.1em;
  color: #333;
}