/*
Theme Name: Scanin Theme
Theme URI: https://scan.in.th/
Author: Scan.in.th
Author URI: https://scan.in.th/
Description: A ultra-light, SEO-friendly WordPress block theme for QR/Barcode generator sites. Clean layout, fast, ad-ready, multilingual-ready.
Requires at least: 6.5
Tested up to: 6.6
Requires PHP: 8.1
Version: 1.0.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: scanin
Tags: block-patterns, full-site-editing, one-column, custom-colors, custom-logo, accessibility-ready, minimal, marketing
*/
@charset "UTF-8";

/* Base tweaks; most styles are controlled by theme.json */
:root {
  --container-max: 1200px;
}
.wp-site-blocks > * { margin-block: 0; }
.container { max-width: var(--container-max); margin-inline: auto; padding-inline: 1rem; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); overflow: hidden; }
/* Simple utility classes */
.hidden { display: none !important; }
.flex { display: flex; }
.items-center { align-items: center; }
.justify-between { justify-content: space-between; }
.gap-2 { gap: .5rem; }
.gap-4 { gap: 1rem; }
.rounded-xl { border-radius: 1rem; }
.shadow-soft { box-shadow: 0 10px 30px rgba(0,0,0,.05); }
.border { border: 1px solid var(--wp--preset--color--neutral-200); }
.p-4 { padding: 1rem; }
.py-6 { padding-block: 1.5rem; }
.text-sm { font-size: .875rem; line-height: 1.5; }
.text-center { text-align: center; }

/* Header menu */
.scanin-nav-toggle { background: none; border: 0; padding: .5rem; }
.scanin-nav { display: none; }
.scanin-nav.open { display: block; }
@media (min-width: 782px) {
  .scanin-nav { display: block; }
  .scanin-nav-toggle { display:none; }
}

/* Hero */
.hero { background: var(--wp--preset--color--neutral-50); }
.hero .title { font-weight: 700; }
.hero .subtitle { opacity:.85; }

/* Ad slots */
.ad-slot { min-height: 90px; background: var(--wp--preset--color--neutral-50); border:1px dashed var(--wp--preset--color--neutral-200); }
.ad-slot.small { min-height: 60px; }
*/