/*
Theme Name: Natural Knows
Theme URI: https://naturalknows.com/
Description: Lightweight shell theme for naturalknows.com. The Natural Knows plugin draws the header, footer and every main page; this theme only gives WordPress a clean, fast frame for the pages the plugin does not own (simple pages, cart, checkout, account, 404).
Version: 1.0.1
Requires at least: 6.4
Requires PHP: 7.4
Author: Natural Knows
Text Domain: naturalknows
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* Base (the plugin's nk6.css adds the full brand on top) */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#F7F9F8;color:#0B1712;font-family:"DM Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.65}
img,svg,video{max-width:100%;height:auto}
a{color:#0B3B2E}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link:focus{position:fixed;top:8px;left:8px;width:auto;height:auto;clip:auto;z-index:100000;background:#fff;padding:10px 16px;border-radius:999px;font-weight:700}

/* Page shell */
.nkp-hero{background:#0B3B2E;color:#fff;padding:56px 0 48px}
.nkp-hero .nk-crumb,.nkp-hero .nk-crumb a{color:#CFE3DA}
.nkp-hero h1{font-family:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;font-size:clamp(34px,5vw,58px);line-height:1.04;letter-spacing:-.02em;margin:0;max-width:20ch;color:#fff}
.nkp-hero p{margin:14px 0 0;max-width:60ch;color:#CFE3DA;font-size:18px}
.nkp-body{padding-block:48px 72px}
.nkp-card{background:#fff;border:1px solid #D3E0DA;border-radius:28px;padding:clamp(22px,4vw,48px)}
.nkp-content{max-width:780px;margin:0 auto}
.nkp-content>*:first-child{margin-top:0}
.nkp-content h2{font-family:"Bricolage Grotesque",ui-sans-serif,sans-serif;font-size:clamp(24px,2.6vw,32px);line-height:1.15;color:#0B3B2E;margin:40px 0 14px}
.nkp-content h3{font-family:"Bricolage Grotesque",ui-sans-serif,sans-serif;font-size:21px;color:#0B3B2E;margin:28px 0 10px}
.nkp-content p,.nkp-content ul,.nkp-content ol{margin:0 0 16px}
.nkp-content table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:15px}
.nkp-content th,.nkp-content td{border:1px solid #D3E0DA;padding:10px 12px;text-align:left;vertical-align:top}
.nkp-content th{background:#E3EEE9}
.nkp--wide .nkp-content{max-width:none}
.nkp--wide .nkp-body{padding-top:32px}

/* WooCommerce pages (cart, checkout, account) */
.nkp--shop .nkp-card{padding:clamp(18px,3vw,36px)}
.nkp--shop .wc-block-components-button,.nkp--shop .button,.nkp--shop button[type=submit]{border-radius:999px}
.woocommerce-notices-wrapper:empty{display:none}

/* 404 */
.nkp-404 .nkp-hero{padding:80px 0 64px}
.nkp-404 form{display:flex;gap:10px;max-width:520px;margin:22px 0 0}
.nkp-404 input[type=search]{flex:1;min-width:0;border:0;border-radius:999px;padding:14px 18px;font:inherit}
.nkp-404 button{border:0;border-radius:999px;padding:14px 22px;background:#F59E0B;color:#0B1712;font-weight:800;cursor:pointer}
.nkp-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:8px}
.nkp-links a{display:block;background:#fff;border:1px solid #D3E0DA;border-radius:18px;padding:16px 18px;text-decoration:none;font-weight:700;color:#0B3B2E}
.nkp-links a:hover{border-color:#16A34A}

/* Fallback chrome, shown only if the Natural Knows plugin is off */
.nkt-fallback{background:#0B1712;color:#fff;padding:16px 20px;font-weight:800}
.nkt-fallback a{color:#fff;text-decoration:none}
.nkt-fallback-f{background:#0B1712;color:#CFE3DA;padding:24px 20px;font-size:14px;text-align:center}

/* Fallback width helper if the plugin CSS is not loaded */
.nk-w{width:100%;max-width:1220px;margin:0 auto;padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px))}

/* Full width template: the content brings its own layout */
.nkp--full{display:block;width:100%}
.nkp--full>.wp-block-html,.nkp--full>*{max-width:none}