/*
Theme Name: Nano – Minimal WooCommerce Theme
Theme URI: https://nano.codes/
Author: Klemens
Author URI: https://nano.codes
Description: Ein minimalistisches, schnelles WordPress-Theme mit WooCommerce-Support. Simpel, clean, ohne Ballast.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: nano
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, minimal, responsive, accessibility-ready
*/

/* --- Base / Reset (sehr minimal) --- */
* { box-sizing: border-box; }
html { line-height: 1.5; -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, 'Helvetica Neue', Arial, 'Apple Color Emoji', 'Segoe UI Emoji'; color: #111; background: #fff; }
img, svg { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
a:focus { outline: 2px solid #000; outline-offset: 2px; }
.container { width: 100%; max-width: 1100px; margin: 0 auto; padding: 0 16px; }
.site-header, .site-footer { border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.site-header { padding: 16px 0; position: sticky; top: 0; background: #fff; z-index: 50; }
.brand { font-weight: 700; font-size: 20px; }
.nav { display: flex; gap: 16px; flex-wrap: wrap; }
main { padding: 24px 0; }
.grid { display: grid; gap: 24px; }
.grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.card { border: 1px solid #eee; border-radius: 12px; padding: 16px; }
.button, .wp-block-button__link, .button.alt { display:inline-block; padding:10px 14px; border:1px solid #111; border-radius:10px; background:#111; color:#fff; }
.button.is-outline { background:transparent; color:#111; }
.screen-reader-text { position:absolute !important; height:1px; width:1px; overflow:hidden; clip:rect(1px, 1px, 1px, 1px); white-space:nowrap; }
.wp-caption { max-width: 100%; }
.alignwide { max-width: 1200px; margin-inline: auto; }
.alignfull { width: 100vw; margin-left: 50%; transform: translateX(-50%); }
@media (max-width: 768px) { .grid--2, .grid--3 { grid-template-columns: 1fr; } }