/* GhostLayer Intel components. Uses theme presets with standalone fallbacks. */

.gl-cve-list, .gl-collection, .gl-cve, .gl-item-meta, .gl-stats, .gl-newsletter, .gl-contact-form, .gl-related, .gl-post-filter {
	--gli-surface: var(--wp--preset--color--surface, #0F1428);
	--gli-surface-2: var(--wp--preset--color--surface-2, #151B35);
	--gli-border: var(--wp--preset--color--border, #232B4D);
	--gli-primary: var(--wp--preset--color--primary, #7C3AED);
	--gli-primary-bright: var(--wp--preset--color--primary-bright, #9B6BFF);
	--gli-soft: var(--wp--preset--color--primary-soft, #C4B5FD);
	--gli-accent: var(--wp--preset--color--accent, #22D3EE);
	--gli-text: var(--wp--preset--color--contrast, #EEF0FA);
	--gli-muted: var(--wp--preset--color--muted, #9AA3C2);
	--gli-card: linear-gradient(180deg, rgba(21, 27, 53, .8) 0%, rgba(13, 18, 38, .8) 100%);
	--gli-glow: 0 0 0 1px rgba(155, 107, 255, .45), 0 18px 50px -18px rgba(124, 58, 237, .65);
	--gli-ease: cubic-bezier(.2, .7, .2, 1);
	color: var(--gli-text);
}
.gl-sev-critical { --sev: var(--wp--preset--color--critical, #EF4444); }
.gl-sev-high { --sev: var(--wp--preset--color--high, #F97316); }
.gl-sev-medium { --sev: var(--wp--preset--color--medium, #EAB308); }
.gl-sev-low { --sev: var(--wp--preset--color--low, #22C55E); }
.gl-sev-none { --sev: #6B7394; }

.gl-icon { flex: 0 0 auto; vertical-align: -0.2em; }
.gl-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }

/* Buttons + inputs */
.gl-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: .4rem;
	background: var(--gli-primary, #7C3AED); color: #fff !important;
	border: 0; border-radius: 8px; padding: .6rem 1.1rem;
	font: inherit; font-size: .875rem; font-weight: 600; line-height: 1.2;
	cursor: pointer; text-decoration: none !important; white-space: nowrap;
	box-shadow: 0 8px 22px -10px rgba(124, 58, 237, .9);
	transition: background-color .2s, box-shadow .2s, transform .2s;
}
.gl-btn:hover { background: var(--gli-primary-bright, #9B6BFF); transform: translateY(-1px); }
.gl-btn:disabled { opacity: .6; cursor: progress; transform: none; }
.gl-btn--outline { background: transparent; box-shadow: inset 0 0 0 1px rgba(155, 107, 255, .55); color: var(--gli-soft) !important; }
.gl-btn--outline:hover { background: rgba(124, 58, 237, .18); }
.gl-btn--block { width: 100%; padding-block: .85rem; }

.gl-search {
	position: relative; display: flex; align-items: center; gap: .5rem;
	background: var(--gli-surface); border: 1px solid var(--gli-border);
	border-radius: 10px; padding: .3rem .3rem .3rem .85rem; flex: 1 1 320px;
	transition: border-color .2s, box-shadow .2s;
}
.gl-search:focus-within { border-color: var(--gli-primary-bright); box-shadow: 0 0 0 3px rgba(124, 58, 237, .25); }
.gl-search .gl-icon { color: var(--gli-muted); }
.gl-search input {
	flex: 1; min-width: 0; background: transparent; border: 0; color: var(--gli-text);
	font: inherit; font-size: .9rem; padding: .5rem 0; outline: none;
}
.gl-search input::placeholder, .gl-newsletter input::placeholder, .gl-contact-form ::placeholder { color: #6B7394; }

.gl-selects { display: flex; flex-wrap: wrap; gap: .6rem; align-items: center; margin-top: .9rem; }
.gl-selects select {
	appearance: none; -webkit-appearance: none;
	background: var(--gli-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239AA3C2' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right .6rem center/14px no-repeat;
	color: var(--gli-text); border: 1px solid var(--gli-border); border-radius: 8px;
	padding: .55rem 2rem .55rem .8rem; font: inherit; font-size: .85rem; cursor: pointer; min-width: 150px;
}
.gl-selects select:hover { border-color: var(--gli-primary-bright); }
.gl-reset { font-size: .85rem; color: var(--gli-soft); }

/* Badges, tags, rings */
.gl-badge {
	display: inline-flex; align-items: center; gap: .3rem;
	font-size: .72rem; font-weight: 700; letter-spacing: .02em;
	padding: .22rem .6rem; border-radius: 6px; white-space: nowrap;
	color: #fff; background: var(--sev); box-shadow: 0 0 18px -6px var(--sev);
}
.gl-badge.gl-sev-medium { color: #1A1300; }
.gl-tags-row { display: flex; flex-wrap: wrap; gap: .4rem; }
.gl-tag {
	display: inline-flex; align-items: center; gap: .3rem;
	font-size: .72rem; font-weight: 600; color: var(--gli-soft);
	background: rgba(124, 58, 237, .14); border: 1px solid rgba(155, 107, 255, .3);
	padding: .18rem .55rem; border-radius: 6px; margin: 0;
}
.gl-tag .gl-icon { width: 13px; height: 13px; }
.gl-tag--danger { color: #FCA5A5; background: rgba(239, 68, 68, .12); border-color: rgba(239, 68, 68, .45); }
.gl-tag--warn { color: #FDBA74; background: rgba(249, 115, 22, .12); border-color: rgba(249, 115, 22, .45); }
.gl-tag--sample { color: #FDE68A; background: rgba(234, 179, 8, .1); border-color: rgba(234, 179, 8, .45); border-style: dashed; }

.gl-ring { position: relative; display: inline-grid; place-items: center; width: 42px; height: 42px; flex: 0 0 auto; }
.gl-ring svg { position: absolute; inset: 0; transform: rotate(-90deg); }
.gl-ring circle { fill: none; stroke-width: 3.2; }
.gl-ring__track { stroke: rgba(255, 255, 255, .08); }
.gl-ring__bar { stroke: var(--sev); stroke-linecap: round; filter: drop-shadow(0 0 4px var(--sev)); }
.gl-ring > span { font-size: .78rem; font-weight: 700; }
.gl-ring--lg { width: 104px; height: 104px; }
.gl-ring--lg circle { stroke-width: 2.6; }
.gl-ring--lg > span { font-size: 1.85rem; letter-spacing: -.02em; }

/* Stat bar (vulnerability page) */
.gl-statbar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .9rem; margin: 1.5rem 0; }
.gl-statbar__item {
	background: var(--gli-card); border: 1px solid var(--gli-border); border-radius: 12px;
	padding: 1rem 1.15rem; display: flex; flex-direction: column; gap: .2rem;
	border-top: 2px solid var(--sev, var(--gli-primary-bright));
}
.gl-statbar__item--hot { --sev: var(--gli-accent); }
.gl-statbar__item span { font-size: .78rem; color: var(--gli-muted); }
.gl-statbar__item strong { font-size: 1.6rem; letter-spacing: -.02em; }
@media (max-width: 700px) { .gl-statbar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.gl-sample-note {
	display: flex; gap: .6rem; align-items: flex-start;
	font-size: .82rem; color: #FDE68A; background: rgba(234, 179, 8, .07);
	border: 1px dashed rgba(234, 179, 8, .4); border-radius: 10px; padding: .7rem .9rem; margin: 0 0 1rem;
}

/* CVE rows */
.gl-cve-items { display: grid; gap: .8rem; }
.gl-cve-row, .gl-card {
	background: var(--gli-card); border: 1px solid var(--gli-border); border-radius: 14px;
	transition: border-color .25s var(--gli-ease), box-shadow .25s var(--gli-ease), transform .25s var(--gli-ease);
}
.gl-cve-row { display: flex; gap: 1.25rem; justify-content: space-between; align-items: center; padding: 1.1rem 1.25rem; }
.gl-cve-row:hover, .gl-card:hover { border-color: rgba(155, 107, 255, .6); box-shadow: var(--gli-glow); }
.gl-cve-row__main { min-width: 0; flex: 1; }
.gl-cve-row__head { display: flex; align-items: center; gap: .7rem; flex-wrap: wrap; }
.gl-cve-id { margin: 0; font-size: 1.05rem; font-weight: 700; letter-spacing: -.01em; font-family: var(--wp--preset--font-family--mono, monospace); }
.gl-cve-id a { color: var(--gli-text); text-decoration: none; }
.gl-cve-id a:hover { color: var(--gli-soft); }
.gl-cve-row__product { margin: .45rem 0 .1rem; font-size: .9rem; color: var(--gli-text); }
.gl-cve-row__title { margin: 0 0 .55rem; font-size: .85rem; color: var(--gli-muted); }
.gl-cve-row__title:empty { display: none; }
.gl-cve-row__side { display: flex; flex-direction: column; align-items: flex-end; gap: .65rem; flex: 0 0 auto; }
.gl-cve-row__side time { font-size: .78rem; color: var(--gli-muted); }
@media (max-width: 640px) {
	.gl-cve-row { flex-direction: column; align-items: stretch; }
	.gl-cve-row__side { flex-direction: row; justify-content: space-between; align-items: center; }
}

/* CVE cards (home) */
.gl-cve-list--cards .gl-cve-items { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
@media (max-width: 900px) { .gl-cve-list--cards .gl-cve-items { grid-template-columns: 1fr; } }
.gl-cve-card { padding: 1.15rem 1.2rem; display: flex; flex-direction: column; gap: .55rem; }
.gl-cve-card:hover { transform: translateY(-3px); }
.gl-cve-card__top { display: flex; justify-content: space-between; align-items: center; gap: .5rem; }
.gl-cve-card__mid { display: flex; justify-content: space-between; align-items: center; }
.gl-cve-card__product { margin: .2rem 0 0; font-size: .9rem; }
.gl-cve-card__title { margin: 0; font-size: .82rem; color: var(--gli-muted); }
.gl-cve-card__title:empty { display: none; }
.gl-cve-card__date { margin: auto 0 0; font-size: .75rem; color: var(--gli-muted); }

/* Pagination (shared with theme) */
.gl-cve-list .gl-pagination { display: flex; justify-content: center; flex-wrap: wrap; gap: .4rem; margin-top: 1.75rem; }

/* Single CVE */
.gl-cve { padding-top: var(--wp--preset--spacing--50, 2.5rem); max-width: 980px; margin-inline: auto; }
.gl-sample-banner {
	display: flex; gap: .75rem; align-items: flex-start;
	background: rgba(234, 179, 8, .08); border: 1px dashed rgba(234, 179, 8, .5); color: #FDE68A;
	border-radius: 12px; padding: .9rem 1.1rem; margin: 1rem 0 1.5rem; font-size: .9rem;
}
.gl-sample-banner--draft { background: rgba(34, 211, 238, .07); border-color: rgba(34, 211, 238, .45); color: #A5F3FC; }
.gl-cve__head { display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; }
.gl-cve__title-row { display: flex; align-items: center; gap: .9rem; flex-wrap: wrap; }
.gl-cve__id { font-size: clamp(1.8rem, 4.5vw, 2.75rem); margin: 0; font-family: var(--wp--preset--font-family--mono, monospace); letter-spacing: -.03em; }
.gl-cve__headline { margin: .35rem 0 0; font-size: 1.15rem; color: var(--gli-text); font-weight: 500; }
.gl-cve__score { display: flex; flex-direction: column; align-items: center; gap: .3rem; }
.gl-cve__score > span:last-child { font-size: .72rem; color: var(--gli-muted); text-transform: uppercase; letter-spacing: .08em; }
@media (max-width: 600px) { .gl-cve__head { flex-direction: column-reverse; align-items: flex-start; } }

.gl-cve__facts {
	display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 0;
	margin: 1.75rem 0 0; background: var(--gli-card); border: 1px solid var(--gli-border); border-radius: 12px; overflow: hidden;
}
.gl-cve__facts > div { padding: .85rem 1.1rem; border-right: 1px solid var(--gli-border); }
.gl-cve__facts > div:last-child { border-right: 0; }
.gl-cve__facts dt { font-size: .72rem; color: var(--gli-muted); text-transform: uppercase; letter-spacing: .07em; margin: 0 0 .2rem; }
.gl-cve__facts dd { margin: 0; font-size: .92rem; font-weight: 600; }
.gl-cve__facts--stack { grid-template-columns: 1fr; margin-top: 1rem; }
.gl-cve__facts--stack > div { border-right: 0; border-bottom: 1px solid var(--gli-border); display: flex; justify-content: space-between; gap: 1rem; }
.gl-cve__facts--stack > div:last-child { border-bottom: 0; }

.gl-tabs {
	position: sticky; top: 64px; z-index: 5;
	display: flex; gap: .25rem; overflow-x: auto; scrollbar-width: none;
	margin: 1.75rem 0 0; padding: .35rem 0; border-bottom: 1px solid var(--gli-border);
	background: rgba(5, 7, 15, .88); backdrop-filter: blur(10px);
}
.admin-bar .gl-tabs { top: 96px; }
.gl-tabs a {
	flex: 0 0 auto; padding: .55rem .9rem; font-size: .85rem; font-weight: 500;
	color: var(--gli-muted); border-radius: 8px; text-decoration: none; position: relative;
}
.gl-tabs a:hover { color: var(--gli-text); background: rgba(124, 58, 237, .12); }
.gl-tabs a.is-active { color: var(--gli-text); }
.gl-tabs a.is-active::after { content: ""; position: absolute; left: .9rem; right: .9rem; bottom: -.4rem; height: 2px; background: var(--gli-primary-bright); border-radius: 2px; }
.gl-cve__section { padding-top: 2rem; scroll-margin-top: 130px; }
.gl-cve__section > h2 { font-size: 1.3rem; margin: 0 0 .85rem; }
.gl-cve__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 1.25rem; }
@media (max-width: 700px) { .gl-cve__grid { grid-template-columns: 1fr; } }
.gl-panel { background: var(--gli-card); border: 1px solid var(--gli-border); border-radius: 12px; padding: 1.1rem 1.2rem; scroll-margin-top: 130px; }
.gl-panel h3 { margin: 0 0 .7rem; font-size: .95rem; }
.gl-panel__sub { color: var(--gli-muted); font-size: .85rem; margin: .6rem 0 0; }
.gl-panel .gl-badge { font-size: .85rem; padding: .35rem .8rem; }
.gl-vector {
	display: block; font-family: var(--wp--preset--font-family--mono, monospace); font-size: .8rem;
	background: #070A16; border: 1px solid var(--gli-border); border-radius: 8px;
	padding: .6rem .75rem; color: var(--gli-soft); word-break: break-all;
}
.gl-list { margin: 0; padding-left: 1.1rem; font-size: .9rem; }
.gl-list li { margin-bottom: .3rem; }
.gl-list li::marker { color: var(--gli-primary-bright); }
.gl-list--check { list-style: none; padding: 0; }
.gl-list--check li { position: relative; padding-left: 1.6rem; margin-bottom: .55rem; }
.gl-list--check li::before { content: "✓"; position: absolute; left: 0; color: var(--gli-accent); font-weight: 700; }
.gl-exploit { display: flex; align-items: center; gap: .45rem; margin: 0; font-weight: 600; }
.gl-exploit--exploited { color: #FCA5A5; }
.gl-exploit--poc { color: #FDBA74; }
.gl-exploit--none { color: #86EFAC; }
.gl-exploit--unknown { color: var(--gli-muted); }
.gl-callout { border-left: 3px solid var(--gli-accent); background: rgba(34, 211, 238, .06); padding: .75rem 1rem; border-radius: 0 10px 10px 0; font-size: .92rem; }
.gl-refs { list-style: none; margin: 0; padding: 0; display: grid; gap: .45rem; }
.gl-refs a { display: inline-flex; align-items: center; gap: .35rem; color: var(--gli-soft); font-size: .92rem; }
.gl-refs a:hover { color: var(--gli-accent); }
.gl-refs .gl-icon { width: 14px; height: 14px; opacity: .7; }
.gl-provenance {
	display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1rem;
	margin-top: 2.5rem; padding: 1rem 1.2rem; border: 1px solid var(--gli-border); border-radius: 12px;
	background: rgba(15, 20, 40, .6); font-size: .85rem;
}
.gl-provenance span { display: block; color: var(--gli-muted); font-size: .72rem; text-transform: uppercase; letter-spacing: .07em; }

/* Collections */
.gl-collection__bar { display: flex; flex-wrap: wrap; gap: .9rem; align-items: center; margin-bottom: 1.5rem; }
.gl-chips { display: flex; flex-wrap: wrap; gap: .45rem; }
.gl-chip {
	font: inherit; font-size: .82rem; font-weight: 500; cursor: pointer;
	color: var(--gli-muted); background: var(--gli-surface); border: 1px solid var(--gli-border);
	border-radius: 8px; padding: .45rem .85rem; text-decoration: none; transition: all .2s;
}
.gl-chip:hover { color: var(--gli-text); border-color: var(--gli-primary-bright); }
.gl-chip.is-active { color: #fff; background: var(--gli-primary); border-color: var(--gli-primary); box-shadow: 0 6px 18px -8px rgba(124, 58, 237, .9); }

.gl-grid { display: grid; gap: 1.1rem; }
.gl-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.gl-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.gl-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 1000px) { .gl-grid--3, .gl-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .gl-grid--2, .gl-grid--3, .gl-grid--4 { grid-template-columns: 1fr; } }

.gl-item { display: flex; flex-direction: column; overflow: hidden; }
.gl-item:hover { transform: translateY(-3px); }
.gl-item[hidden] { display: none; }
.gl-item__media { display: block; aspect-ratio: 16 / 9; overflow: hidden; border-bottom: 1px solid var(--gli-border); }
.gl-item__media img, .gl-item__media .gl-art { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s var(--gli-ease); }
.gl-item:hover .gl-item__media img, .gl-item:hover .gl-item__media .gl-art { transform: scale(1.05); }
.gl-item__body { padding: 1rem 1.15rem 1.1rem; display: flex; flex-direction: column; gap: .35rem; flex: 1; }
.gl-item__title { margin: 0; font-size: 1.02rem; line-height: 1.3; }
.gl-item__title a { color: var(--gli-text); text-decoration: none; }
.gl-item__title a:hover { color: var(--gli-soft); }
.gl-item__excerpt { margin: 0; color: var(--gli-muted); font-size: .86rem; line-height: 1.55; }
.gl-item__foot { margin-top: auto; padding-top: .7rem; display: flex; justify-content: space-between; align-items: center; gap: .5rem; flex-wrap: wrap; }
.gl-item__meta { display: inline-flex; align-items: center; gap: .3rem; font-size: .78rem; color: var(--gli-muted); text-decoration: none; }
a.gl-item__meta:hover { color: var(--gli-accent); }
.gl-more { display: inline-flex; align-items: center; gap: .3rem; font-size: .85rem; font-weight: 600; color: var(--gli-primary-bright); text-decoration: none; }
.gl-more .gl-icon { transition: transform .2s; }
.gl-more:hover .gl-icon { transform: translateX(3px); }
.gl-level { font-size: .72rem; font-weight: 700; padding: .2rem .6rem; border-radius: 6px; border: 1px solid; }
.gl-level--beginner { color: #86EFAC; border-color: rgba(34, 197, 94, .5); background: rgba(34, 197, 94, .1); }
.gl-level--intermediate { color: #67E8F9; border-color: rgba(34, 211, 238, .5); background: rgba(34, 211, 238, .1); }
.gl-level--advanced { color: #F0ABFC; border-color: rgba(217, 70, 239, .5); background: rgba(217, 70, 239, .1); }

/* Tools: compact horizontal cards like the reference */
.gl-collection--tool .gl-item { flex-direction: row; }
.gl-collection--tool .gl-item__media { flex: 0 0 34%; aspect-ratio: auto; border-bottom: 0; border-right: 1px solid var(--gli-border); }
@media (max-width: 420px) { .gl-collection--tool .gl-item { flex-direction: column; } .gl-collection--tool .gl-item__media { aspect-ratio: 16/9; border-right: 0; border-bottom: 1px solid var(--gli-border); } }

/* Fallback art in core featured image blocks */
.gl-art { display: block; width: 100%; height: 100%; }
.wp-block-post-featured-image.gl-art-fallback { overflow: hidden; border-radius: inherit; }
.wp-block-post-featured-image.gl-art-fallback a { display: block; height: 100%; }
.gl-post-row .gl-art-fallback { height: 96px; }
.gl-topic .gl-art-fallback { aspect-ratio: 16 / 9; }

/* Item detail */
.gl-item-meta { display: grid; grid-template-columns: 1.35fr 1fr; gap: 1.25rem; margin: 1.5rem auto 2rem; }
@media (max-width: 800px) { .gl-item-meta { grid-template-columns: 1fr; } }
.gl-item-meta__media { border-radius: 14px; overflow: hidden; border: 1px solid var(--gli-border); aspect-ratio: 16 / 9; }
.gl-item-meta__media img, .gl-item-meta__media .gl-art { width: 100%; height: 100%; object-fit: cover; }
.gl-item-meta__panel { background: var(--gli-card); border: 1px solid var(--gli-border); border-radius: 14px; padding: 1.2rem; }
.gl-item-meta__lead { margin: 0; color: var(--gli-text); font-size: .95rem; }
.gl-item-meta__actions { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1rem; }
.gl-item-meta__h { font-size: .8rem; text-transform: uppercase; letter-spacing: .08em; color: var(--gli-muted); margin: 1.25rem 0 .6rem; }

/* Stats */
.gl-stats {
	display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
	background: var(--gli-card); border: 1px solid var(--gli-border); border-radius: 16px;
	margin-top: 2.5rem; overflow: hidden;
}
.gl-stat { padding: 1.25rem 1.5rem; display: flex; flex-direction: column; gap: .15rem; border-right: 1px solid var(--gli-border); }
.gl-stat:last-child { border-right: 0; }
.gl-stat strong {
	font-size: clamp(1.6rem, 3vw, 2.1rem); font-weight: 800; letter-spacing: -.03em;
	background: linear-gradient(90deg, #fff, var(--gli-soft)); -webkit-background-clip: text; background-clip: text; color: transparent;
}
.gl-stat span { font-size: .8rem; color: var(--gli-muted); }
@media (max-width: 700px) {
	.gl-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.gl-stat:nth-child(2n) { border-right: 0; }
	.gl-stat:nth-child(-n+2) { border-bottom: 1px solid var(--gli-border); }
}

/* Newsletter */
.gl-newsletter { scroll-margin-top: 100px; }
.gl-newsletter__form { display: flex; gap: .5rem; }
.gl-newsletter input[type=email], .gl-contact-form input:not([type=hidden]), .gl-contact-form textarea {
	box-sizing: border-box;
	width: 100%; background: rgba(5, 7, 15, .6); color: var(--gli-text);
	border: 1px solid var(--gli-border); border-radius: 8px; padding: .7rem .85rem;
	font: inherit; font-size: .9rem; transition: border-color .2s, box-shadow .2s;
}
.gl-newsletter input[type=email]:focus, .gl-contact-form input:focus, .gl-contact-form textarea:focus {
	outline: none; border-color: var(--gli-primary-bright); box-shadow: 0 0 0 3px rgba(124, 58, 237, .25);
}
.gl-newsletter--inline { flex: 1 1 380px; max-width: 460px; }
.gl-newsletter--compact .gl-newsletter__form { flex-direction: column; }
.gl-newsletter--compact .gl-btn { width: 100%; }

.gl-alert { margin: .75rem 0 0; padding: .6rem .85rem; border-radius: 8px; font-size: .85rem; }
.gl-alert--success { background: rgba(34, 197, 94, .1); border: 1px solid rgba(34, 197, 94, .45); color: #86EFAC; }
.gl-alert--error { background: rgba(239, 68, 68, .1); border: 1px solid rgba(239, 68, 68, .45); color: #FCA5A5; }
.gl-contact-form .gl-alert { margin: 0 0 1rem; }

/* Contact */
.gl-contact-form { padding: clamp(1.25rem, 3vw, 2rem); scroll-margin-top: 100px; }
.gl-contact-form:hover { transform: none; }
.gl-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
@media (max-width: 600px) { .gl-field-row { grid-template-columns: 1fr; } }
.gl-field { margin: 0 0 1rem; display: flex; flex-direction: column; gap: .35rem; }
.gl-field label { font-size: .82rem; font-weight: 600; color: var(--gli-text); }
.gl-optional { color: var(--gli-muted); font-weight: 400; }
.gl-field [aria-invalid=true] { border-color: #EF4444 !important; }
.gl-field__error { color: #FCA5A5; font-size: .78rem; min-height: 0; }
.gl-field__error:empty { display: none; }
.gl-form-note { font-size: .78rem; color: var(--gli-muted); margin: 0 0 1rem; }
.gl-contact-form textarea { resize: vertical; min-height: 140px; }

.gl-empty { color: var(--gli-muted, #9AA3C2); text-align: center; padding: 2rem; border: 1px dashed var(--gli-border, #232B4D); border-radius: 14px; }
.gl-empty[hidden] { display: none; }

@media (prefers-reduced-motion: reduce) {
	.gl-cve-row, .gl-card, .gl-item__media img, .gl-item__media .gl-art, .gl-btn { transition: none; }
	.gl-item:hover, .gl-cve-card:hover, .gl-btn:hover { transform: none; }
}

@media (max-width: 600px) {
	.gl-selects { display: grid; grid-template-columns: 1fr 1fr; }
	.gl-selects select { min-width: 0; width: 100%; }
}

/* Lessons */
.gl-lesson-nav, .gl-lesson-pager, .gl-course-lessons {
	--gli-border: var(--wp--preset--color--border, #232B4D);
	--gli-muted: var(--wp--preset--color--muted, #9AA3C2);
	--gli-text: var(--wp--preset--color--contrast, #EEF0FA);
	--gli-soft: var(--wp--preset--color--primary-soft, #C4B5FD);
	--gli-card: linear-gradient(180deg, rgba(21, 27, 53, .8) 0%, rgba(13, 18, 38, .8) 100%);
}
.gl-lesson-nav__meta { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin: .75rem 0 .9rem; }
.gl-progress { height: 6px; background: rgba(255, 255, 255, .07); border-radius: 99px; overflow: hidden; }
.gl-progress span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #9B6BFF, #22D3EE); box-shadow: 0 0 12px rgba(155, 107, 255, .6); }

.gl-lesson-pager { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid var(--gli-border); }
.gl-lesson-pager__link {
	display: flex; flex-direction: column; gap: .25rem; padding: 1rem 1.2rem; text-decoration: none !important;
	background: var(--gli-card); border: 1px solid var(--gli-border); border-radius: 12px; transition: border-color .2s, box-shadow .2s;
}
a.gl-lesson-pager__link:hover { border-color: rgba(155, 107, 255, .6); box-shadow: 0 0 0 1px rgba(155, 107, 255, .45), 0 18px 50px -18px rgba(124, 58, 237, .65); }
.gl-lesson-pager__link span { font-size: .78rem; color: var(--gli-muted); }
.gl-lesson-pager__link strong { color: var(--gli-text); font-size: .95rem; }
.gl-lesson-pager__link--next { text-align: right; grid-column: 2; }
.gl-lesson-pager__link.is-locked { opacity: .65; border-style: dashed; }
@media (max-width: 600px) { .gl-lesson-pager { grid-template-columns: 1fr; } .gl-lesson-pager__link--next { grid-column: 1; text-align: left; } }

.gl-course-lessons { margin: 2rem auto; }
.gl-course-lessons__head { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; margin-bottom: 1rem; }
.gl-course-lessons__head h2 { margin: 0; font-size: 1.35rem; }
.gl-lesson-list { list-style: none; margin: 0; padding: 0; display: grid; gap: .6rem; }
.gl-lesson-list__item {
	display: flex; gap: 1rem; align-items: center; padding: .9rem 1.1rem;
	background: var(--gli-card); border: 1px solid var(--gli-border); border-radius: 12px;
}
.gl-lesson-list__num {
	flex: 0 0 2.1rem; height: 2.1rem; display: grid; place-items: center; border-radius: 10px; font-weight: 700; font-size: .9rem;
	background: rgba(124, 58, 237, .18); border: 1px solid rgba(155, 107, 255, .45); color: var(--gli-soft);
}
.gl-lesson-list__body { flex: 1; min-width: 0; }
.gl-lesson-list__body a, .gl-lesson-list__body > span { font-weight: 600; color: var(--gli-text); text-decoration: none; }
.gl-lesson-list__body a:hover { color: var(--gli-soft); }
.gl-lesson-list__body p { margin: .15rem 0 0; font-size: .84rem; color: var(--gli-muted); }
.gl-lesson-list__status { flex: 0 0 auto; font-size: .78rem; color: var(--gli-muted); white-space: nowrap; }
.gl-lesson-list__item.is-locked { opacity: .6; border-style: dashed; }
.gl-lesson-list__item.is-locked .gl-lesson-list__num { background: transparent; }

/* Quiz answers (core details block inside lessons) */
.gl-prose .wp-block-details {
	background: rgba(15, 20, 40, .7); border: 1px solid var(--wp--preset--color--border, #232B4D);
	border-radius: 10px; padding: .75rem 1rem; margin: .6rem 0;
}
.gl-prose .wp-block-details summary { cursor: pointer; font-weight: 600; color: var(--wp--preset--color--contrast, #EEF0FA); }
.gl-prose .wp-block-details[open] summary { margin-bottom: .5rem; }
.gl-prose .wp-block-details p { margin: 0; color: #86EFAC; }