/* RockLake documentation custom styles */

/* Why-this-matters admonition */
:root {
  --md-admonition-icon--why: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11 18h2v-2h-2v2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4z"/></svg>');
}

.md-typeset .admonition.why,
.md-typeset details.why {
  border-color: #7c4dff;
}

.md-typeset .why > .admonition-title,
.md-typeset .why > summary {
  background-color: rgba(124, 77, 255, 0.1);
}

.md-typeset .why > .admonition-title::before,
.md-typeset .why > summary::before {
  background-color: #7c4dff;
  -webkit-mask-image: var(--md-admonition-icon--why);
  mask-image: var(--md-admonition-icon--why);
}

/* Comparison tables */
.comparison-table th {
  white-space: nowrap;
}

/* Hero section adjustments */
.md-typeset .hero-title {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1rem;
}

.md-typeset .hero-subtitle {
  font-size: 1.25rem;
  opacity: 0.8;
  margin-bottom: 2rem;
}