/**
 * Fortress Theme Overrides — T1K Branding
 *
 * This CSS is loaded on all Snicco Fortress pages
 * (magic link request, 2FA, session management, etc.)
 * via the theme_css_file config option.
 *
 * To activate, add to wp-config.php:
 *   define('SNICCO_FORTRESS_THEME_CSS_FILE', '/wp-content/themes/generatepress_child/assets/css/fortress-theme.css');
 *
 * Or set it in the Fortress JSON config.
 */

/* -------------------------------------------------------
   1. Override Fortress CSS Variables
   ------------------------------------------------------- */
:root {
    --black: #00040a;
    --light-grey: #efefef;
    --grey: #6f6f6f;
    --smoke: #dbdbdb;
    --white: #ffffff;
    --electric-purple: #e5d6b8;
    --deep-purple: #f8efdd;

    /* Override Fortress variables */
    --color-primary-light: 229 214 184;   /* #e5d6b8 */
    --color-primary: 229 214 184;         /* #e5d6b8 */
    --color-primary-dark: 248 239 221;    /* #f8efdd */
}

/* -------------------------------------------------------
   2. Form Styling — Match T1K theme forms
   ------------------------------------------------------- */

/* Input fields — match the rounded pill style from style.css */
input[type="email"],
input[type="text"],
input[type="password"],
input[type="url"],
input[type="search"] {
    border-radius: 24px !important;
    border: 1px solid #d0cece !important;
    font-size: 16px !important;
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

input[type="email"]:focus,
input[type="text"]:focus,
input[type="password"]:focus {
    border-color: var(--electric-purple) !important;
    box-shadow: 0 0 0 3px rgba(229, 214, 184, 0.5) !important;
    outline: none !important;
}

/* Buttons — match T1K button style */
button[type="submit"],
input[type="submit"],
.button-primary {
    background-color: var(--electric-purple) !important;
    color: var(--black) !important;
    border-radius: 24px !important;
    border: none !important;
    font-weight: 600 !important;
    transition: background-color 0.2s ease, transform 0.1s ease !important;
}
.button-primary {
    padding: 4px 24px !important;
}

button[type="submit"]:hover,
input[type="submit"]:hover,
.button-primary:hover {
    background-color: var(--deep-purple) !important;
    color: var(--black) !important;
    transform: translateY(-1px) !important;
}

button[type="submit"]:active,
input[type="submit"]:active {
    transform: translateY(0) !important;
}

/* -------------------------------------------------------
   3. Page Layout Refinements
   ------------------------------------------------------- */

/* Add some breathing room to Fortress's compact pages */
body {
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* Success/info messages */
.alert-success,
.alert-info {
    border-radius: 8px !important;
    border: none !important;
    padding: 16px 20px !important;
}

/* Links — match T1K link style */
a {
    color: var(--black) !important;
    text-decoration-thickness: 1px !important;
}

a:hover {
    color: var(--grey) !important;
}

/* -------------------------------------------------------
   4. WP Login Page Customization
   ------------------------------------------------------- */
body.login {
    background-color: var(--light-grey) !important;
}

#login h1 a, .login h1 a {
    background-image: url('../img/T1F_logo_B.svg') !important;
    background-size: contain !important;
    background-position: center center !important;
    width: 250px !important;
    height: 80px !important;
    display: block !important;
    margin: 0 auto 20px auto !important;
}

.login form {
    border-radius: 8px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
}