/*
Theme Name: SharedSecret Vault
Theme URI: https://sharedsecret.io
Author: SharedSecret Vault
Author URI: https://sharedsecret.io
Description: High-security cryptographic vault and Shamir Key Manager theme for WordPress. Provides client-side in-memory Shamir's Secret Sharing (GF(2^8)), BIP-39 cryptocurrency recovery seeds, custom password and PIN generators, entropy auditor, and custom page templates.
Version: 1.0.0
License: MIT
License URI: https://opensource.org/licenses/MIT
Text Domain: sharedsecret-vault-theme
Tags: cryptography, security, bitcoin, full-width-template, responsive-layout, dark-mode, custom-colors

(C) 2026 SharedSecret Vault. All rights reserved.
*/

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

html {
    width: 100%;
    min-height: 100%;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100%;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background-color: #f4f4f5;
    color: #18181b;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Dark Mode support synced with React application */
html.dark,
html.dark body {
    background-color: #09090b !important;
    color: #f4f4f5 !important;
}

/* Reset any WordPress layout containers to guarantee 100% full-width canvas */
#page,
.site,
.site-content,
.content-area,
.site-main,
.entry-content,
.post-inner,
.wp-site-blocks,
.wp-block-group {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Main Container & Full-Width Native Canvas */
.vault-main-container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    min-height: 100vh;
    min-height: 100dvh;
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    box-sizing: border-box !important;
}

#sharedsecret-vault-container {
    flex: 1 1 auto;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    min-height: 100vh;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.vault-shortcode-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.vault-shortcode-wrapper #root,
#sharedsecret-vault-container #root {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    min-height: 100vh;
    border: none !important;
    outline: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    box-sizing: border-box !important;
}

/* WordPress Admin Bar Compatibility */
body.admin-bar header[class*="sticky"] {
    top: 32px !important;
}

@media screen and (max-width: 782px) {
    body.admin-bar header[class*="sticky"] {
        top: 46px !important;
    }
}

/* Printable cards clean output */
@media print {
    #wpadminbar {
        display: none !important;
    }
    body.admin-bar {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
}