/*
Theme Name: Monochrome
Theme URI: https://github.com/NeoPuntoDev/monochrome
Author: NeoPuntoDev
Author URI: https://github.com/NeoPuntoDev
Description: Ultra modern Apple-style WordPress theme. Minimalist black & white, mobile-first, rounded cards, Flutter-like UI, fully configurable header/footer/menus, WooCommerce ready, blazing fast, full theme options panel in CodeCanyon style.
Version: 1.1.1
Requires at least: 6.0
Tested up to: 6.6
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: monochrome
Tags: one-column, two-columns, custom-menu, custom-logo, featured-images, threaded-comments, translation-ready, block-patterns, block-styles, wide-blocks, editor-style, full-site-editing, e-commerce, blog, portfolio
*/

/* ==========================================================================
   Monochrome - Base styles
   See assets/css/*.css for component-level styles. This file is intentionally
   minimal; WordPress requires it to exist with the theme header above.
   ========================================================================== */

/* Reset & normalize */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior: smooth;
    text-rendering: optimizeLegibility;
}

body {
    margin: 0;
    font-family: var(--mono-font-sans);
    font-size: var(--mono-font-size-base);
    line-height: 1.6;
    color: var(--mono-text);
    background: var(--mono-bg);
    transition: background-color .3s ease, color .3s ease;
}

/* WordPress required classes */
.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 !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: var(--mono-surface);
    clip: auto !important;
    clip-path: none;
    color: var(--mono-text);
    display: block;
    font-size: .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;
}

.alignleft  { float: left;  margin-right: 1.5em; }
.alignright { float: right; margin-left: 1.5em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignwide  { max-width: 1200px; margin-left: auto; margin-right: auto; }
.alignfull  { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }

.wp-caption         { margin-bottom: 1.5em; max-width: 100%; }
.wp-caption img     { display: block; margin: 0 auto; max-width: 100%; height: auto; }
.wp-caption-text    { text-align: center; font-size: .875rem; color: var(--mono-muted); }
.sticky             { display: block; }
.bypostauthor       { display: block; }
.gallery-caption    { display: block; }