/*
Theme Name: Nuzu Marketing
Theme URI: https://nuzu.net
Author: Nuzu Net Media
Author URI: https://nuzu.net
Description: Nuzu Marketing WordPress theme converted from the Lovable React design. Navy + neon-lime brand system, swirl backgrounds, and modular home sections.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nuzu-marketing
Tags: business, marketing, one-column, custom-logo, custom-menu, featured-images, translation-ready
*/

/* Layout utilities are provided by Tailwind; brand tokens are in assets/css/tokens.css. */

/* Nuzu content typography and legacy WordPress images — 2026-10-11 */
.prose { font-size: 1.125rem; line-height: 1.75; display: flow-root; }
.prose :where(h1,h2,h3,h4,h5,h6) { color: hsl(var(--primary)); font-weight: 700; line-height: 1.3; margin: 1.5em 0 .65em; }
.prose h1 { font-size: 2.5rem; }
.prose h2 { font-size: 2rem; }
.prose h3 { font-size: 1.5rem; }
.prose h4 { font-size: 1.25rem; }
.prose h5 { font-size: 1.125rem; }
.prose h6 { font-size: 1rem; }
.prose > :first-child { margin-top: 0; }
.prose p { margin: 0 0 1.25em; }
.prose ul, .prose ol { margin: 1em 0 1.5em; padding-left: 1.5em; list-style-position: outside; }
.prose ul { list-style-type: disc; }
.prose ol { list-style-type: decimal; }
.prose li { margin: .35em 0; }
.prose li > ul, .prose li > ol { margin: .5em 0; }
.prose ul ul { list-style-type: circle; }
.prose ul ul ul { list-style-type: square; }
.prose a:not(.btn):not(.wp-block-button__link) { color: hsl(var(--secondary)); text-decoration: underline; text-underline-offset: .15em; }
.prose blockquote { display: flow-root; margin: 1.5em 0; padding: 1em 1.25em; border-left: 4px solid hsl(var(--secondary)); background: hsl(var(--muted)); }
.prose blockquote > :last-child { margin-bottom: 0; }
.prose hr { clear: both; margin: 2em 0; border: 0; border-top: 1px solid hsl(var(--border)); }
.prose img { max-width: 100%; height: auto; }
/* WordPress size-full means original image size; Tailwind uses it for 100% width/height. */
.prose img.size-full { width: auto; height: auto; }
.prose .alignleft { float: left; margin: .25em 1.5em 1em 0; }
.prose .alignright { float: right; margin: .25em 0 1em 1.5em; }
.prose .aligncenter { display: block; float: none; clear: both; margin: 1.5em auto; }
.prose .wp-caption { max-width: 100%; }
.prose .wp-caption-text, .prose figcaption { font-size: .875rem; color: hsl(var(--muted-foreground)); margin-top: .5em; }
@media (max-width: 640px) {
  .prose { font-size: 1rem; }
  .prose h1 { font-size: 2rem; }
  .prose h2 { font-size: 1.65rem; }
  .prose h3 { font-size: 1.3rem; }
  .prose .alignleft { margin-right: 1em; }
  .prose .alignright { margin-left: 1em; }
}