/*
Theme Name: Kitani Theme
Description: Mobile-first WordPress theme for Kitani Shop with WooCommerce API integration and an Instagram-style product grid. Light mode by default; dark mode is opt-in.
Version: 3.0.0
Author: Kitani
Text Domain: kitani-theme
Tags: e-commerce, blog, responsive, mobile-first, modern, tailwindcss, woocommerce

This file exists for the theme header above. All real CSS is written in
src/input.css and compiled by Tailwind into assets/css/style.css:

    npm install
    npm run build-prod      # production, minified
    npm run dev             # watch

Nothing here may duplicate a Tailwind utility. This stylesheet is enqueued
*after* the compiled bundle, so a clone such as `.hidden` would outrank
responsive variants like `md:block` from the bundle and silently break every
layout that hides something on phones. The `@apply` rules this file used to
carry were never compiled at all — browsers ignore unknown at-rules — and its
`prefers-color-scheme: dark` block forced dark colours on visitors whose OS was
in dark mode, even though the theme defaults to light.
*/

/* Minimal safety net for the case where the compiled bundle is missing.
   Element-level rules only, so they cannot collide with a utility class. */
*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    margin: 0;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

img,
picture,
video,
canvas,
svg {
    max-width: 100%;
}

input,
button,
textarea,
select {
    font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: break-word;
}

[hidden] {
    display: none !important;
}