/* ============================================================
   Opentra Web CSS — loaded on all web pages (login, website)
   via web_include_css in hooks.py
   ============================================================ */

/* ------ CSS Variables override (Frappe reads these for btn-primary) --- */
:root {
    --primary: #2563eb;
    --primary-color: #2563eb;
    --blue: #2563eb;
}

/* ------ Login page background ------------------------------ */
body {
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%) !important;
    min-height: 100vh;
}

/* Login card */
.page-card {
    border: none !important;
    box-shadow: 0 8px 32px rgba(37, 99, 235, 0.12) !important;
    border-radius: 16px !important;
}

/* Logo size on login page */
.page-card-head .app-logo {
    width: 160px;
    height: auto;
    margin-bottom: 12px;
    margin-top: 8px;
}

/* Login button — Opentra blue (direct + via variables) */
body .btn-login,
body .btn-primary,
.page-card .btn-login,
.page-card .btn-primary {
    background-color: #2563eb !important;
    border-color: #2563eb !important;
    border-radius: 8px !important;
    color: #ffffff !important;
}

body .btn-login:hover,
body .btn-primary:hover,
.page-card .btn-login:hover,
.page-card .btn-primary:hover {
    background-color: #1d4ed8 !important;
    border-color: #1d4ed8 !important;
}

/* Input fields */
.form-control:focus {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
}

/* Hide Frappe/ERPNext footer attribution on all web pages */
.frappe-footer,
.web-footer,
.powered-by,
footer .powered-by,
[class*="powered-by"],
section footer p,
.website-footer .powered-by,
a[href*="erpnext.com"],
a[href*="frappe.io"],
a[href*="frappeframework.com"] {
    display: none !important;
}