/*
Theme Name: E2M Invoicing Shell
Theme URI: https://e2marketing.cc/
Author: E2Marketing
Description: Minimal shell theme for an internal E2M Invoicing installation. Provides a clean login front door while leaving WooCommerce payment and receipt routes intact.
Version: 0.1.1
Text Domain: e2m-invoicing-shell
*/

:root {
    --e2m-bg: #f6f8fb;
    --e2m-card: #ffffff;
    --e2m-text: #14213d;
    --e2m-muted: #667085;
    --e2m-accent: #2f5bea;
    --e2m-border: #e4e7ec;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; min-height: 100%; }
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background: var(--e2m-bg);
    color: var(--e2m-text);
}

a { color: var(--e2m-accent); }

.e2m-shell {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 32px 20px;
}

.e2m-shell-card {
    width: min(560px, 100%);
    background: var(--e2m-card);
    border: 1px solid var(--e2m-border);
    border-radius: 18px;
    padding: 42px;
    box-shadow: 0 18px 50px rgba(16,24,40,.08);
    text-align: center;
}

.e2m-shell-logo {
    max-width: 190px;
    max-height: 72px;
    width: auto;
    height: auto;
    margin: 0 auto 24px;
    display: block;
}

.e2m-shell-title {
    margin: 0;
    font-size: clamp(30px, 5vw, 44px);
    line-height: 1.08;
    letter-spacing: -0.02em;
}

.e2m-shell-subtitle {
    margin: 14px auto 0;
    max-width: 420px;
    color: var(--e2m-muted);
    font-size: 17px;
    line-height: 1.55;
}

.e2m-shell-actions {
    margin-top: 28px;
}

.e2m-shell-button {
    display: inline-block;
    background: var(--e2m-accent);
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    border-radius: 9px;
    padding: 13px 22px;
    min-width: 150px;
}
.e2m-shell-button:hover,
.e2m-shell-button:focus {
    color: #fff;
    filter: brightness(.95);
}

.e2m-shell-note {
    margin-top: 22px;
    color: var(--e2m-muted);
    font-size: 13px;
}

.e2m-minimal-page {
    min-height: 100vh;
    padding: 24px;
    background: #fff;
}

/* Keep Woo payment/receipt pages functional but visually uncluttered. */
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message {
    margin-top: 0;
}