/* Crepaway website + login branding (loaded via Website Settings > head_html, crepaway site only) */
@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@600;700;800&family=Poppins:wght@400;500;600&display=swap");
:root { --cw-red: #DB0032; --cw-red-d: #B0002A; --cw-char: #232326; }
body { font-family: "Poppins", var(--font-stack, system-ui), sans-serif; }
.navbar .navbar-brand img { max-height: 34px; }
.btn-primary, .btn-primary:not(:disabled):not(.disabled):active { background: var(--cw-red) !important; border-color: var(--cw-red) !important; color: #fff !important; }
.btn-primary:hover, .btn-primary:focus { background: var(--cw-red-d) !important; border-color: var(--cw-red-d) !important; }
a { color: var(--cw-red); }

/* login */
body[data-path="login"], body[data-path="update-password"] {
	background: #F5F2EE linear-gradient(180deg, var(--cw-red) 0, var(--cw-red) 300px, #F5F2EE 300px) no-repeat !important; min-height: 100vh;
}
body[data-path="login"] .navbar, body[data-path="login"] footer, body[data-path="login"] .web-footer,
body[data-path="update-password"] .navbar, body[data-path="update-password"] footer, body[data-path="update-password"] .web-footer { display: none !important; }
body[data-path="login"] .page-card-head, body[data-path="update-password"] .page-card-head { text-align: center; }
body[data-path="login"] .page-card-head .app-logo, body[data-path="update-password"] .page-card-head .app-logo {
	width: 132px !important; height: auto !important; max-width: none !important; max-height: none !important; margin: 0 auto 12px; background: #fff; border-radius: 26px; padding: 14px 18px; box-shadow: 0 12px 34px rgba(0,0,0,.18);
}
body[data-path="login"] .page-card-head h4, body[data-path="update-password"] .page-card-head h4 {
	font-family: "Archivo", sans-serif; font-weight: 800; font-size: 24px; color: #fff; letter-spacing: -.01em;
}
body[data-path="login"] .login-content.page-card, body[data-path="update-password"] .page-card {
	border: 0 !important; border-radius: 22px !important; box-shadow: 0 14px 44px rgba(28,28,31,.12) !important; background: #fff; padding: 28px 24px !important;
}
body[data-path="login"] .form-control { border-radius: 12px; min-height: 44px; font-size: 15px; background: #F7F5F2; }
body[data-path="login"] .form-control:focus { box-shadow: 0 0 0 3px rgba(219,0,50,.15); border-color: var(--cw-red); }
body[data-path="login"] .btn-login, body[data-path="login"] .btn-forgot { border-radius: 12px; min-height: 46px; font-size: 15px; font-weight: 600; }
body[data-path="login"] .for-login::after {
	content: "Crepaway Team · shifts, hours, leave & payslips"; display: block; text-align: center; color: #8a858b; font-size: 12px; margin-top: 18px;
}