/*
Theme Name: PhoneAtlas Blocksy Child
Template: blocksy
Version: 0.1.0
Description: Clean Blocksy child theme companion for PhoneAtlas Core.
Text Domain: phoneatlas-child
*/

:root {
  --theme-block-max-width: 1280px;
}

body {
  background: #f7f8fa;
  color: #111827;
}

[data-pa-theme="dark"] body {
  background: #0f172a;
  color: #e5e7eb;
}

[data-pa-theme="dark"] {
  --pa-bg:#0f172a;
  --pa-surface:#111827;
  --pa-text:#f8fafc;
  --pa-muted:#94a3b8;
  --pa-border:#263244;
  --pa-primary:#60a5fa;
  --pa-primary-hover:#93c5fd;
  --pa-shadow:0 16px 38px rgba(0,0,0,.26);
}

[data-pa-theme="dark"] .pa-hero,
[data-pa-theme="dark"] .pa-device-card,
[data-pa-theme="dark"] .pa-tool-card,
[data-pa-theme="dark"] .pa-brand-pill,
[data-pa-theme="dark"] .pa-compare-picker,
[data-pa-theme="dark"] .pa-filter-panel,
[data-pa-theme="dark"] .pa-spec-table,
[data-pa-theme="dark"] .pa-compare-scroll,
[data-pa-theme="dark"] .pa-global-search input,
[data-pa-theme="dark"] .pa-smart-search input,
[data-pa-theme="dark"] .pa-filter-panel input,
[data-pa-theme="dark"] .pa-filter-panel select,
[data-pa-theme="dark"] .pa-autocomplete,
[data-pa-theme="dark"] .pa-autocomplete button,
[data-pa-theme="dark"] .pa-compare-table th,
[data-pa-theme="dark"] .pa-compare-table td {
  background:#111827;
  color:#f8fafc;
}

[data-pa-theme="dark"] .pa-device-image,
[data-pa-theme="dark"] .pa-device-gallery,
[data-pa-theme="dark"] .pa-protector-image,
[data-pa-theme="dark"] .pa-spec-line dt,
[data-pa-theme="dark"] .pa-section-row th,
[data-pa-theme="dark"] .pa-spec-row th {
  background:#0b1220!important;
}

[data-pa-theme="dark"] .pa-sticky-nav {
  background:rgba(15,23,42,.96);
}

.pa-theme-toggle {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:40px;
  min-height:40px;
  border:1px solid var(--pa-border,#e5e7eb);
  background:var(--pa-surface,#fff);
  color:var(--pa-text,#111827);
  border-radius:10px;
  cursor:pointer;
  font:inherit;
}