/* ===================================================================
 * APS Processors (aps-chipsets) - front-end styles
 * Dedicated, self-contained stylesheet (same pattern as aps-compare.css) -
 * loaded only on the Processors list page and Processor/Manufacturer
 * archive pages. Uses the site's own skin color variables
 * (--aps-skin-color-1/2/3, defined by aps-styles.css) so it always
 * matches whatever skin is selected in APS Settings > Design.
 * =================================================================== */

.aps-chip-wrap {
	--chip-accent:var(--aps-skin-color-2, #d31249);
	--chip-accent-soft:color-mix(in srgb, var(--chip-accent) 10%, #fff);
	--chip-ink:#151a24;
	--chip-muted:#68707d;
	--chip-line:#eaebef;
	--chip-surface:#ffffff;
	--chip-surface-2:#f7f8fa;
	--chip-radius:18px;
	--chip-radius-sm:12px;
	--chip-shadow:0 1px 2px rgba(16,24,40,.04), 0 8px 24px -12px rgba(16,24,40,.12);
	--chip-shadow-hover:0 2px 4px rgba(16,24,40,.06), 0 16px 32px -12px rgba(16,24,40,.18);
	color:var(--chip-ink);
}

/* ---------- shared bits ---------- */
.aps-chip-eyebrow {display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--chip-accent);}
.aps-chip-pill {display:inline-flex; align-items:center; gap:6px; padding:4px 12px; border-radius:999px; background:var(--chip-surface-2); border:1px solid var(--chip-line); font-size:12.5px; font-weight:600; color:var(--chip-muted); white-space:nowrap;}
.aps-chip-pill strong {color:var(--chip-ink); font-weight:700;}
.aps-chip-back-link {display:inline-flex; align-items:center; gap:6px; font-size:13px; font-weight:600; color:var(--chip-muted); text-decoration:none; margin-bottom:16px;}
.aps-chip-back-link:hover {color:var(--chip-accent);}
.aps-chip-back-link i {font-size:11px;}

/* ---------- Processors list page (manufacturer sections) ---------- */
.aps-chip-list-head {margin-bottom:28px;}
.aps-chip-company-section {margin-bottom:44px;}
.aps-chip-company-head {display:flex; align-items:center; gap:14px; margin-bottom:16px;}
.aps-chip-company-logo {width:44px; height:44px; border-radius:12px; background:var(--chip-surface); border:1px solid var(--chip-line); display:flex; align-items:center; justify-content:center; overflow:hidden; flex:0 0 auto;}
.aps-chip-company-logo img {max-width:70%; max-height:70%; object-fit:contain;}
.aps-chip-company-name {font-size:20px; font-weight:800; margin:0;}
.aps-chip-company-name a {color:inherit; text-decoration:none;}
.aps-chip-company-name a:hover {color:var(--chip-accent);}
.aps-chip-company-count {margin-inline-start:auto; flex:0 0 auto;}

.aps-chip-grid-cards {display:grid; grid-template-columns:repeat(auto-fill, minmax(210px, 1fr)); gap:14px;}
.aps-chip-card {display:flex; align-items:center; gap:12px; padding:14px 16px; background:var(--chip-surface); border:1px solid var(--chip-line); border-radius:var(--chip-radius-sm); text-decoration:none; color:inherit; box-shadow:var(--chip-shadow); transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;}
.aps-chip-card:hover {transform:translateY(-3px); box-shadow:var(--chip-shadow-hover); border-color:color-mix(in srgb, var(--chip-accent) 30%, var(--chip-line));}
.aps-chip-card-icon {flex:0 0 auto; width:38px; height:38px; border-radius:10px; background:var(--chip-accent-soft); color:var(--chip-accent); display:flex; align-items:center; justify-content:center; font-weight:800; font-size:15px; overflow:hidden;}
.aps-chip-card-icon img {width:100%; height:100%; object-fit:contain;}
.aps-chip-card-body {flex:1; min-width:0;}
.aps-chip-card-name {display:block; font-size:14.5px; font-weight:700; line-height:1.3; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.aps-chip-card-count {display:block; margin-top:2px; font-size:12px; color:var(--chip-muted);}

/* ---------- Manufacturer archive (company overview) ---------- */
.aps-chip-hero {display:flex; align-items:center; gap:18px; padding:26px; margin-bottom:28px; background:linear-gradient(135deg, var(--chip-surface-2), var(--chip-surface)); border:1px solid var(--chip-line); border-radius:var(--chip-radius);}
.aps-chip-hero-logo {width:76px; height:76px; border-radius:18px; background:var(--chip-surface); border:1px solid var(--chip-line); display:flex; align-items:center; justify-content:center; overflow:hidden; flex:0 0 auto;}
.aps-chip-hero-logo img {max-width:72%; max-height:72%; object-fit:contain;}
.aps-chip-hero-title {margin:0 0 6px; font-size:26px; font-weight:800;}
.aps-chip-hero-desc {margin:0; color:var(--chip-muted); font-size:14px; max-width:640px;}

/* ---------- Single processor archive ---------- */
.aps-chip-title-row {display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin-bottom:8px;}
.aps-chip-page-title {margin:0; font-size:28px; font-weight:800; line-height:1.25;}
.aps-chip-crumb {display:flex; align-items:center; gap:8px; margin-bottom:10px; font-size:13.5px; color:var(--chip-muted);}
.aps-chip-crumb a {color:var(--chip-muted); text-decoration:none; font-weight:600;}
.aps-chip-crumb a:hover {color:var(--chip-accent);}

.aps-chip-summary-bar {display:flex; flex-wrap:wrap; gap:10px; margin:16px 0 30px;}

.aps-chip-spec-board {display:grid; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); gap:16px; margin-bottom:36px;}
.aps-chip-spec-card {background:var(--chip-surface); border:1px solid var(--chip-line); border-radius:var(--chip-radius); padding:20px; box-shadow:var(--chip-shadow);}
.aps-chip-spec-card h3 {display:flex; align-items:center; gap:8px; margin:0 0 14px; font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:.05em; color:var(--chip-muted);}
.aps-chip-spec-card h3 i, .aps-chip-spec-card h3 svg {color:var(--chip-accent); font-size:15px; width:15px; height:15px; flex:0 0 auto;}

.aps-chip-kv {display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding:9px 0; border-bottom:1px dashed var(--chip-line); font-size:13.5px;}
.aps-chip-kv:last-child {border-bottom:0; padding-bottom:0;}
.aps-chip-kv-label {color:var(--chip-muted); font-weight:600; flex:0 0 auto;}
.aps-chip-kv-value {font-weight:700; text-align:end;}

.aps-chip-core-list {list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px;}
.aps-chip-core-row {display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 12px; background:var(--chip-surface-2); border-radius:10px; font-size:13px;}
.aps-chip-core-count {display:inline-flex; align-items:center; justify-content:center; min-width:26px; height:26px; padding:0 6px; border-radius:8px; background:var(--chip-accent); color:#fff; font-weight:800; font-size:12px; flex:0 0 auto;}
.aps-chip-core-name {flex:1; font-weight:700; padding:0 10px;}
.aps-chip-core-clock {color:var(--chip-muted); font-weight:600; white-space:nowrap;}

.aps-chip-custom-card {grid-column:1 / -1;}
.aps-chip-custom-grid {display:grid; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); gap:0 24px;}

.aps-chip-devices-head {display:flex; align-items:center; justify-content:space-between; gap:12px; margin:8px 0 18px;}
.aps-chip-devices-head h2 {margin:0; font-size:20px; font-weight:800;}

@media (max-width:782px) {
	.aps-chip-hero {flex-direction:column; text-align:center;}
	.aps-chip-company-count {margin-inline-start:0;}
	.aps-chip-title-row {flex-direction:column; align-items:flex-start;}
}

/* ---------- Processor card on the Filters page (grouped by manufacturer) ---------- */
.aps-fp-options-grouped .aps-fp-option-group {
	padding:10px 14px 4px;
	font-size:11px;
	font-weight:800;
	text-transform:uppercase;
	letter-spacing:.05em;
	color:var(--chip-muted, #8a8f98);
	border-top:1px solid rgba(0,0,0,.06);
	margin-top:4px;
	list-style:none;
}
.aps-fp-options-grouped li.aps-fp-option-group:first-child {
	border-top:0;
	margin-top:0;
	padding-top:0;
}