/*
Theme Name:        Fillvox
Theme URI:         https://example.com/fillvox
Author:            Fillvox Team
Author URI:        https://example.com
Description:       Fillvox — A modern, voice-powered field intelligence marketing theme for SaaS / industrial software companies. Includes a fully customizable homepage with hero, pain-points, features, pricing, use cases, and final CTA sections. Fully responsive, SEO-ready, and powered by Tailwind CSS + Lucide icons.
Version:           1.1.0
Requires at least: 5.8
Tested up to:      6.5
Requires PHP:      7.4
License:           GNU General Public License v2 or later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:       fillvox
Tags:              one-column, two-columns, custom-menu, custom-logo, featured-images, threaded-comments, translation-ready, custom-colors, theme-options, full-width-template, blog
*/

/* -------------------------------------------------------------------------
   The active visual styling for this theme is delivered via Tailwind CSS
   (loaded from CDN, see functions.php) plus assets/css/theme.css for the
   project-specific custom CSS (animations, glass panels, dotted bg, etc.).

   This style.css file is intentionally kept minimal and exists primarily
   for the theme metadata block above (which WordPress requires) and a few
   safe baseline styles in case Tailwind fails to load.
   ------------------------------------------------------------------------- */

html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }

body {
    margin: 0;
    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
                 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    background-color: #fafafa;
    color: #0f172a;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img { max-width: 100%; height: auto; }
a  { color: inherit; text-decoration: none; }

/* WordPress core alignment classes */
.alignleft   { float: left;  margin-right: 1.5em; }
.alignright  { float: right; margin-left: 1.5em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignwide   { width: 100%; max-width: 1100px; margin-left: auto; margin-right: auto; }
.alignfull   { width: 100%; }

/* WordPress core caption / gallery */
.wp-caption           { max-width: 100%; }
.wp-caption-text      { font-size: 0.875rem; color: #64748b; text-align: center; }
.gallery-caption      { display: block; }

/* Screen-reader-text (a11y) */
.screen-reader-text {
    border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%);
    height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute;
    width: 1px; word-wrap: normal !important;
}
.screen-reader-text:focus {
    background-color: #f1f5f9; clip: auto !important; clip-path: none;
    color: #0f172a; display: block; font-size: 0.875rem; font-weight: 700;
    height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px;
    text-decoration: none; top: 5px; width: auto; z-index: 100000;
}

/* Skip link */
.skip-link.screen-reader-text:focus { z-index: 100001; }

/* WordPress admin bar offset for sticky nav */
.admin-bar nav.site-nav-sticky { top: 32px; }
@media screen and (max-width: 782px) {
    .admin-bar nav.site-nav-sticky { top: 46px; }
}

/* Default content typography for page.php / single.php */
.fillvox-content {
    max-width: 760px;
    margin: 0 auto;
    padding: 3rem 1.5rem;
}
.fillvox-content h1, .fillvox-content h2, .fillvox-content h3,
.fillvox-content h4, .fillvox-content h5, .fillvox-content h6 {
    font-weight: 800; line-height: 1.2; margin: 1.5em 0 0.5em;
    color: #0f172a;
}
.fillvox-content h1 { font-size: 2.25rem; }
.fillvox-content h2 { font-size: 1.875rem; }
.fillvox-content h3 { font-size: 1.5rem; }
.fillvox-content p, .fillvox-content ul, .fillvox-content ol {
    margin: 0 0 1.25em; color: #334155; line-height: 1.7;
}
.fillvox-content a { color: #2563eb; text-decoration: underline; }
.fillvox-content a:hover { color: #1d4ed8; }
.fillvox-content blockquote {
    border-left: 4px solid #2563eb; padding-left: 1rem; margin: 1.5em 0;
    color: #475569; font-style: italic;
}
.fillvox-content code {
    background: #f1f5f9; padding: 0.15em 0.4em; border-radius: 4px;
    font-size: 0.95em; color: #0f172a;
}
.fillvox-content pre {
    background: #0f172a; color: #f8fafc; padding: 1rem 1.25rem;
    border-radius: 8px; overflow-x: auto; font-size: 0.9em;
}