/* Builder Canvas CSS — loaded inside GrapesJS iframe
   MUST match render/page.blade.php exactly
   NOTE: Tailwind CDN is loaded separately — this file adds fonts + base reset */

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=Inter:wght@300;400;500;600;700;800&display=swap');

/* Base font — applied after Tailwind so font-family works */
body {
    font-family: 'Sarabun', 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Ensure images behave */
img { max-width: 100%; }

/* GrapesJS canvas body needs white bg */
body { background: #ffffff; }