/* ============================================================
   themes/pico-nordic/style.css — Pico CSS Nordic overrides
   Pico uses CSS custom properties — we override them here for
   a cool Scandinavian/arctic colour palette.
   ============================================================ */

:root {
    --primary:          var(--primary);
    --primary-hover:    var(--primary-dark);
    --primary-focus:    rgba(var(--primary-rgb), 0.25);
    --primary-inverse:  #fff;
    --background-color: var(--bg);
    --color:            var(--text);
    --h1-color:         var(--text);
    --h2-color:         var(--text);
    --muted-color:      var(--text-muted);
    --card-background-color: var(--surface);
    --card-border-color:     var(--border);
    --nav-element-spacing-horizontal: 1rem;
}

/* Layout: sidebar alongside main */
.pico-layout {
    display:grid;
    grid-template-columns:1fr 280px;
    gap:2rem;
    padding:2rem 1rem;
    align-items:start;
}
@media (max-width:768px) {
    .pico-layout { grid-template-columns:1fr; }
    .pico-sidebar { display:none; }
}

/* Header */
.pico-header { background:var(--primary); }
.pico-header nav { padding:0.75rem 1rem; }
.pico-header nav a { color:rgba(255,255,255,0.75) !important; }
.pico-header nav strong a { color:#ffffff !important; font-size:1.1rem; }

/* Sidebar widgets */
.pico-widget { border:1px solid #dce6f0; border-radius:6px; padding:1rem; margin-bottom:1.5rem; background:#fff; }
.pico-widget-heading { font-size:0.75rem; font-weight:700; text-transform:uppercase; letter-spacing:0.1em; color:#7f8c8d; margin-bottom:0.75rem; border-bottom:1px solid #dce6f0; padding-bottom:0.5rem; }

/* Grid for county/company cards — limit to 2 columns */
.pico-county-grid, .pico-company-grid { grid-template-columns:repeat(2,1fr) !important; }
@media (max-width:600px) {
    .pico-county-grid, .pico-company-grid { grid-template-columns:1fr !important; }
}

/* Responsive map */
.map-responsive { overflow:hidden; padding-bottom:56.25%; position:relative; height:0; margin-bottom:1.5rem; }
.map-responsive iframe { left:0; top:0; height:100%; width:100%; position:absolute; border:0; }

/* Content tables */
.data-table { display:block; overflow-x:auto; width:100%; border-collapse:collapse; margin-bottom:1rem; }
.data-table th, .data-table td { padding:0.5rem; border-bottom:1px solid var(--card-border-color); text-align:left; }
.data-table thead td, .data-table thead th { font-weight:700; }

/* Updated date */
.page-updated { color:var(--muted-color); font-style:italic; display:block; margin-bottom:0.75rem; font-size:0.875rem; }

/* Footer */
.pico-footer { background:var(--primary-dark); color:#a8c8e8; padding:1.5rem 0; margin-top:2rem; }
.pico-footer p { margin:0; font-size:0.875rem; }
.pico-footer a { color:rgba(255,255,255,0.75); }