/* Account landing only. Native WooCommerce forms, hooks and endpoints remain intact. */
.cika-account-login { padding: clamp(40px, 4vw, 72px) 0 32px; }
.cika-account-login__container { width: calc(100% - 48px); max-width: 1800px; margin-inline: auto; }
.cika-account-login__heading { margin-bottom: 40px; }
.cika-account-login__heading h1 { margin: 0 0 18px; font: 400 clamp(56px, 6vw, 100px)/1 var(--cika-font-display); text-transform: uppercase; }
.cika-account-login__heading p { margin: 0; font: 700 12px/1.8 var(--cika-font-mono); text-transform: uppercase; letter-spacing: .055em; color: var(--cika-color-text-muted); }
.cika-account-login .woocommerce { display: block; }
.cika-login-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(440px, 1.35fr) minmax(0, .65fr); gap: clamp(24px, 2.5vw, 48px); align-items: start; }
.cika-login-layout > * { min-width: 0; }
.cika-login-benefits { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1fr); gap: 24px; padding-top: 28px; }
.cika-login-good-fonts { width: 100%; max-width: 210px; height: auto; margin: 0; }
.cika-login-benefits__list { display: grid; gap: 34px; }
.cika-login-benefit { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 18px; }
.cika-login-benefit h2 { margin: 0 0 10px; font: 400 21px/1.25 var(--cika-font-display); text-transform: uppercase; }
.cika-login-benefit p, .cika-login-note { margin: 0; color: var(--cika-color-text-muted); font: 700 11px/1.8 var(--cika-font-mono); text-transform: uppercase; }
.cika-login-note { max-width: 190px; padding-bottom: 16px; border-bottom: 1px solid var(--cika-color-accent); }
.cika-login-benefit__icon { display: grid; place-items: center; width: 50px; height: 50px; border: 1px solid var(--cika-color-border-strong); color: var(--cika-color-accent); }
.cika-login-benefit__icon::before { content: ''; display: block; width: 29px; height: 29px; background: currentColor; mask: var(--account-icon) center / contain no-repeat; }
.cika-login-icon--download { --account-icon: url('../svg/lucide/download.svg'); }
.cika-login-icon--receipt-text { --account-icon: url('../svg/lucide/receipt-text.svg'); }
.cika-login-icon--settings { --account-icon: url('../svg/lucide/settings.svg'); }
.cika-login-panel { padding: clamp(24px, 2.2vw, 40px); background: linear-gradient(135deg, #0d111a, #090c12); border: 1px solid var(--cika-color-border-strong); box-shadow: 0 20px 64px #0003; }
.cika-login-panel #cika-login-title { margin: 0 0 10px; font: 400 clamp(26px, 2.1vw, 34px)/1.2 var(--cika-font-display); text-transform: uppercase; }
.cika-login-panel > h2:not(#cika-login-title), .cika-login-panel #customer_login > .col-1 > h2 { display: none; }
.cika-account-login .woocommerce .cika-login-panel form { float: none; width: 100%; margin: 0; padding: 0; border: 0; background: transparent; border-radius: 0; }
.cika-login-welcome { margin: 0 0 28px; font-size: 14px; line-height: 1.6; color: var(--cika-color-text-muted); }
.cika-account-login .cika-login-panel .form-row { margin: 0 0 20px; padding: 0; float: none; width: 100%; }
.cika-account-login .cika-login-panel label { display: block; margin-bottom: 8px; font-size: 13px; line-height: 1.5; color: var(--cika-color-white); }
.cika-account-login .cika-login-panel .required { color: var(--cika-color-magenta); }
.cika-account-login .cika-login-panel input.input-text { width: 100%; min-width: 0; height: 48px; padding: 12px 42px 12px 40px; border: 1px solid var(--cika-color-border-strong); border-radius: 0; color: var(--cika-color-white); background-color: #0e131d; box-shadow: none; font: 14px/1.5 var(--cika-font-body); }
.cika-login-panel .form-row:has(:is(#username,#reg_email,#password,#reg_password)) { position: relative; }
.cika-login-panel .form-row:has(:is(#username,#reg_email,#password,#reg_password))::after { content: ''; pointer-events: none; position: absolute; bottom: 16px; left: 12px; width: 16px; height: 16px; background: var(--cika-color-text-muted); mask: url('../svg/lucide/mail.svg') center / contain no-repeat; }
.cika-login-panel .form-row:has(:is(#password,#reg_password))::after { mask-image: url('../svg/lucide/lock.svg'); }
.cika-login-panel .cika-login-actions { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 12px; }
.cika-login-panel .cika-login-actions .cika-login-lost { margin: 0 0 18px auto; font-size: 13px; }
.cika-account-login .cika-login-panel input:focus-visible { outline: 2px solid var(--cika-color-accent); outline-offset: 3px; }
.cika-login-panel input[type='checkbox'] { accent-color: var(--cika-color-accent); }
.cika-account-login .cika-login-panel .woocommerce-form-login__rememberme { display: flex; gap: 7px; align-items: center; margin-bottom: 18px; font-size: 13px; }
.cika-account-login .cika-login-panel button[type='submit'] { display: block; float: none; width: 100%; min-height: 48px; margin: 0; padding: 14px 20px; border: 1px solid var(--cika-color-accent); border-radius: 0; background: var(--cika-color-accent); color: var(--cika-color-void); font: 700 13px/1.5 var(--cika-font-mono); text-transform: uppercase; letter-spacing: .06em; box-shadow: none; }
.cika-account-login .cika-login-panel button[type='submit']:hover { background: var(--cika-color-accent-hover); }
.cika-login-panel a { color: var(--cika-color-white); text-underline-offset: 4px; }
.cika-login-panel a:hover { color: var(--cika-color-accent); }
.cika-login-panel :is(a,button):focus-visible { outline: 2px solid var(--cika-color-accent); outline-offset: 4px; }
.cika-login-panel .lost_password { margin: 0 0 20px; font-size: 13px; }
.cika-login-register-cta { margin-top: 24px; padding-top: 22px; border-top: 1px solid var(--cika-color-border); text-align: center; }
.cika-login-register-cta p { margin: 0 0 16px; color: var(--cika-color-text-muted); font-size: 12px; }
.cika-login-register-link { display: inline-block; padding: 12px 24px; border: 1px solid var(--cika-color-border-strong); font: 700 12px/1.5 var(--cika-font-mono); text-transform: uppercase; text-decoration: none; }
.cika-account-login .cika-login-panel #customer_login { display: block; }
.cika-account-login .cika-login-panel #customer_login > :is(.col-1,.col-2) { float: none; width: 100%; }
.cika-login-panel #cika-account-registration { margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--cika-color-border); scroll-margin-top: 100px; }
.cika-login-panel #cika-account-registration h2 { font: 400 28px/1.2 var(--cika-font-display); text-transform: uppercase; }
.cika-login-panel [hidden] { display: none !important; }
.cika-login-art { display: grid; grid-template-columns: 1fr 1fr; align-items: end; }
.cika-login-crown { grid-area: 1 / 1 / 3 / 3; width: 100%; max-width: 330px; height: auto; justify-self: center; }
.cika-login-bolder { grid-area: 2 / 2; width: 100%; max-width: 170px; height: auto; margin-top: 310px; }
.cika-login-panel .password-input .show-password-input::before { content: ''; display: block; width: 18px; height: 18px; background: var(--cika-color-white); mask: url('../svg/lucide/eye.svg') center / contain no-repeat; }
.cika-login-panel .password-input .show-password-input.display-password::before { mask-image: url('../svg/lucide/eye-off.svg'); }
@media (max-width: 1439px) {
	.cika-login-layout { grid-template-columns: minmax(0, .85fr) minmax(420px, 1.4fr) minmax(0, .6fr); gap: 24px; }
	.cika-login-benefits { grid-template-columns: 1fr; }
	.cika-login-good-fonts { width: 130px; justify-self: center; }
	.cika-login-benefits__list { gap: 24px; }
}
@media (max-width: 1100px) {
	.cika-login-layout { grid-template-columns: minmax(0, .8fr) minmax(0, 1.3fr); }
	.cika-login-panel { grid-column: 2; grid-row: 1 / 3; }
	.cika-login-benefits { grid-column: 1; grid-row: 1; padding-top: 0; }
	.cika-login-good-fonts { display: none; }
	.cika-login-art { grid-column: 1; grid-row: 2; max-width: 220px; justify-self: center; }
	.cika-login-bolder { margin-top: 190px; }
}
@media (max-width: 700px) {
	.cika-account-login__container { width: calc(100% - 24px); }
	.cika-account-login__heading { margin-bottom: 28px; }
	.cika-account-login__heading h1 { font-size: clamp(48px, 13vw, 72px); }
	.cika-login-layout { display: flex; flex-direction: column; gap: 36px; }
	.cika-login-panel { order: 0; width: 100%; padding: 24px 20px; }
	.cika-login-benefits { order: 1; width: 100%; }
	.cika-login-benefits__list { gap: 24px; }
	.cika-login-note { max-width: none; }
	.cika-login-art { order: 2; align-self: center; width: 220px; }
}