/* Patch Note Pills */

.patch-pill {
	display: inline-block;
	padding: 3px 12px;
	border-radius: 999px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.6;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: #ffffff;
	margin-left: 8px
}
 
.patch-pill--features {
	background-color: #22c55e; /* green */
}
 
.patch-pill--improvements {
	background-color: #3b82f6; /* blue */
}
 
.patch-pill--changes {
	background-color: #f59e0b; /* amber */
}
 
.patch-pill--fixes {
	background-color: #ef4444; /* red */
}
	
.patch-pill--current {
	background-color: #22c55e; /* green */
}

/* Webpage Sizing */

@media screen and (min-width: 820px) {

    /* Standard WordPress Pages */
    body.page .entry-content,
    body.page .page-content {
        width: 820px !important;
        max-width: 820px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.page .entry-content > *,
    body.page .page-content > * {
        max-width: 820px !important;
    }

    /* Reduce space below page title */
    body.page .page-header {
        margin-bottom: 1em;
    }

    body.page .site-main {
        margin-top: 2em;
    }
	
		body.page .entry-content img,
body.page .page-content img {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;

}

	/* Patch Notes Details */
.sgk-patchnotes-details > summary {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    background-color: #1D1D1E;
    color: #DBDBDB;
    padding: 1rem 1.25rem;
    border-radius: 6px;
    cursor: pointer;
    list-style: none;
}

.sgk-patchnotes-details > summary::-webkit-details-marker {
    display: none;
}
.sgk-patchnotes-details > summary::marker {
    content: "";
}

.sgk-patchnotes-details > summary::before {
    content: "▶";
    font-size: calc(0.65em + 3px);
    color: #DBDBDB;
    transition: transform 0.2s ease;
    flex-shrink: 0;
}

.sgk-patchnotes-details[open] > summary::before {
    transform: rotate(90deg);
}

.sgk-patchnotes-details > summary + * {
    margin-top: 18px;
}
	
	
	
	
	
	
/* ===== SGK Docs - Native Blocks Version ===== */
.sgk-docs-wrap {
  --card-bg: #161a22;
  --card-border: #2a2f3a;
  --accent: #3b82f6;
  --text: #e5e7eb;
  --text-muted: #9ca3af;
  --radius: 12px;
}

/* Force readable sizes */
.sgk-docs-wrap,
.sgk-docs-wrap p,
.sgk-docs-wrap a,
.sgk-docs-wrap .wp-block-button__link {
  font-size: 18px !important;
  line-height: 1.5 !important;
}

.sgk-docs-wrap h2 {
  font-size: 1.9rem !important;
}
.sgk-docs-wrap h3 {
  font-size: 1.4rem !important;
}

/* Feature cards */
.sgk-feature-card {
  background: var(--card-bg) !important;
  border: 1px solid var(--card-border) !important;
  border-radius: var(--radius) !important;
  padding: 1.5rem !important;
  height: 100%;
  transition: border-color 0.15s, transform 0.15s;
}
.sgk-feature-card:hover {
  border-color: var(--accent) !important;
  transform: translateY(-2px);
}
.sgk-feature-card .sgk-label {
  font-size: 0.85rem !important;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--accent) !important;
  margin-bottom: 0.4rem;
}

/* Category cards */
.sgk-cat-card {
  background: var(--card-bg) !important;
  border: 1px solid var(--card-border) !important;
  border-radius: var(--radius) !important;
  padding: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

/* Make Buttons look like the link rows */
.sgk-cat-card .wp-block-buttons {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}
.sgk-cat-card .wp-block-button {
  width: 100%;
}
.sgk-cat-card .wp-block-button__link {
  display: block;
  width: 100%;
  background: #1c212b !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  padding: 0.75rem 1.1rem !important;
  color: var(--text-muted) !important;
  text-align: left !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  transition: all 0.15s ease;
}
.sgk-cat-card .wp-block-button__link:hover {
  background: #252b36 !important;
  color: var(--text) !important;
  border-color: var(--accent) !important;
}

/* Section label */
.sgk-section-label {
  font-size: 0.9rem !important;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--accent) !important;
  margin-bottom: 0.5rem;
}