/*
Theme Name: MignonBuild
Theme URI: https://mignonbuild.ae/
Author: SocialHype Team
Author URI: https://mignonbuild.ae/
Description: MignonBuild is a lightweight, blank-canvas WordPress theme built for luxury villa and home renovation companies. Fully Gutenberg (block editor) ready, RankMath SEO friendly, and stripped of unnecessary code for maximum performance.
Version: 1.0
Requires at least: 6.0
Tested up to: 6.5
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: mignonbuild
Tags: one-column, custom-menu, featured-images, translation-ready, block-styles, wide-blocks, full-site-editing, editor-style
*/


/* ==========================================================================
   1. Minimal Reset — kept intentionally blank/neutral.
      Full design system will be built from Figma later.
   ========================================================================== */
*,
*::before,
*::after {
    box-sizing: border-box;
}
html {
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
    line-height: 1.3;
    color: #000;
    background: #ffffff;
}

/* ==========================================================================
   2. Skip Link (accessibility)
   ========================================================================== */

.skip-link {
    position: absolute;
    left: -9999px;
    top: 0;
    background: #000;
    color: #fff;
    padding: 10px 16px;
    z-index: 999999;
}

.skip-link:focus {
    left: 10px;
    top: 10px;
}

/* ==========================================================================
   3. Container
   ========================================================================== */
.site-container {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}

/* ==========================================================================
   4. Gutenberg block alignment support
   ========================================================================== */
.alignwide {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}
.alignfull {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
}