/* Z11 inner pages (account, cart, checkout...): the front page's night look
   applied to the theme's page title card, WooCommerce forms and footer. */
body.z11-inner { color: var(--z-fg); font-family: var(--z-sans); }
body.z11-inner.z11-lang-ar .content-wrapper { font-family: var(--z-arabic); }

/* page title card: black glass, mono title, no decorative "Shop" word */
body.z11-inner .page-title-container {
	background: var(--z-panel) !important; border: 1px solid var(--z-line);
	min-height: 0 !important; height: auto !important; padding-block: clamp(40px, 7vw, 88px) !important;
	position: relative; overflow: hidden;
}
body.z11-inner .page-title-container::after { content: ""; position: absolute; inset: auto 0 0; height: 2px; background: var(--z-spectrum); opacity: .8; }
body.z11-inner .page-title-bg, body.z11-inner .page-title-additional { display: none !important; }
body.z11-inner .page-title { color: var(--z-fg) !important; font: 500 clamp(30px, 4.5vw, 54px)/1.1 var(--z-sans) !important; letter-spacing: -.02em; }
body.z11-inner .breadcrumbs-wrapper { background: transparent !important; position: static !important; margin-top: 14px; padding: 0 !important; }
body.z11-inner .breadcrumbs, body.z11-inner .breadcrumbs a, body.z11-inner .breadcrumbs .current {
	color: var(--z-dim) !important; font: 500 12px/1.4 var(--z-mono) !important; letter-spacing: .14em; text-transform: uppercase;
}
body.z11-inner .breadcrumbs .delimiter::before { content: "/"; margin-inline: 8px; color: var(--z-dim); }

/* content */
body.z11-inner .content-wrapper, body.z11-inner .content, body.z11-inner .content-inner { background: transparent !important; color: var(--z-fg); }
body.z11-inner .content-wrapper { padding-block: clamp(40px, 6vw, 80px) !important; }
body.z11-inner h1, body.z11-inner h2, body.z11-inner h3, body.z11-inner h4, body.z11-inner h5, body.z11-inner h6 { color: var(--z-fg) !important; }
body.z11-inner p, body.z11-inner label, body.z11-inner li { color: var(--z-muted); }
body.z11-inner a { color: var(--z-fg); }

/* WooCommerce forms */
body.z11-inner .outer-form-wrapper, body.z11-inner .tab-columns, body.z11-inner .tab-column,
body.z11-inner .woocommerce form.login, body.z11-inner .woocommerce form.register {
	background: transparent !important; border: 0 !important; box-shadow: none !important;
}
body.z11-inner .tab-columns { max-width: 480px; margin-inline: auto; padding: clamp(24px, 4vw, 40px) !important; border: 1px solid var(--z-line) !important; border-radius: 24px; background: var(--z-panel) !important; }
body.z11-inner .tab-column h5 { font: 500 24px/1.2 var(--z-sans) !important; margin-bottom: 22px !important; }
body.z11-inner input.input-text, body.z11-inner .woocommerce input[type="text"], body.z11-inner .woocommerce input[type="email"],
body.z11-inner .woocommerce input[type="password"], body.z11-inner .woocommerce input[type="tel"], body.z11-inner .woocommerce textarea, body.z11-inner .woocommerce select {
	background: rgba(255, 255, 255, .04) !important; border: 1px solid var(--z-line-2) !important; border-radius: 14px !important;
	color: var(--z-fg) !important; padding: 14px 16px !important; box-shadow: none !important;
}
body.z11-inner .woocommerce input::placeholder { color: var(--z-dim) !important; }
body.z11-inner .woocommerce input:focus { outline: 2px solid rgba(255, 255, 255, .5); outline-offset: 1px; }
body.z11-inner .woocommerce button.button, body.z11-inner .woocommerce a.button, body.z11-inner .woocommerce input.button {
	background: #fff !important; color: #05060a !important; border: 0 !important; border-radius: 999px !important;
	padding: 14px 26px !important; font: 600 15px/1 var(--z-sans) !important; box-shadow: none !important;
}
body.z11-inner .woocommerce button.button .icon-button-arrow, body.z11-inner .woocommerce button.button .button-inner { display: none !important; }
body.z11-inner .form-attention, body.z11-inner .lost_password a, body.z11-inner .woocommerce-privacy-policy-text { color: var(--z-muted) !important; }
body.z11-inner .tab-columns-switcher { color: var(--z-fg) !important; text-decoration: underline; cursor: pointer; }
body.z11-inner .woocommerce-message, body.z11-inner .woocommerce-info, body.z11-inner .woocommerce-error {
	background: var(--z-panel) !important; border: 1px solid var(--z-line-2) !important; color: var(--z-fg) !important; border-radius: 14px;
}

/* footer printed by the plugin */
.z11-inner-foot { width: min(1180px, 100% - 32px); margin: 0 auto 40px; }
.z11-inner-foot .z11-pixel-logo { display: block; width: 64px; height: auto; }

/* the theme cuts a white "tab" out of the title card for the breadcrumbs: flatten it */
body.z11-inner .breadcrumbs, body.z11-inner .breadcrumbs-wrapper { background: transparent !important; box-shadow: none !important; padding: 0 !important; }
body.z11-inner .breadcrumbs::before, body.z11-inner .breadcrumbs::after,
body.z11-inner .breadcrumbs-wrapper::before, body.z11-inner .breadcrumbs-wrapper::after,
body.z11-inner .page-title-container::before, body.z11-inner .page-title-row::before, body.z11-inner .page-title-row::after { display: none !important; box-shadow: none !important; }
body.z11-inner .page-title-container .breadcrumbs-wrapper { text-align: center; }
body.z11-inner .page-title::before, body.z11-inner .page-title::after { content: none !important; }
body.z11-inner .woocommerce input::placeholder { background: transparent !important; }
body.z11-inner .content-wrapper { padding-block: clamp(32px, 5vw, 56px) !important; }
body.z11-inner .outer-form-wrapper { margin: 0 auto !important; padding: 0 !important; }
body.z11-inner .page-title-container .breadcrumbs-wrapper { position: static !important; transform: none !important; margin: 16px auto 0 !important; width: 100% !important; inset: auto !important; display: flex !important; justify-content: center; }
body.z11-inner .page-title-container .breadcrumbs { position: static !important; transform: none !important; margin: 0 !important; width: auto !important; min-width: 0 !important; height: auto !important; display: inline-flex !important; align-items: center; }
body.z11-inner .page-title-container .breadcrumbs { overflow: visible !important; padding-inline: 6px !important; }
body.z11-inner .woocommerce input, body.z11-inner .woocommerce select, body.z11-inner .woocommerce textarea { color-scheme: dark; }
body.z11-inner .content-wrapper { margin-top: 0 !important; }
body.z11-inner .content, body.z11-inner .content-inner { margin-top: 0 !important; padding-top: 0 !important; }

/* fields: full pill shape; the theme's floating label takes the card colour, not white */
body.z11-inner .woocommerce input.input-text, body.z11-inner .woocommerce input[type="text"], body.z11-inner .woocommerce input[type="email"],
body.z11-inner .woocommerce input[type="password"], body.z11-inner .woocommerce input[type="tel"], body.z11-inner .woocommerce select {
	border-radius: 999px !important; padding-inline: 22px !important; min-height: 52px;
}
body.z11-inner .woocommerce textarea { border-radius: 22px !important; padding-inline: 22px !important; }
body.z11-inner .input-floating-wrap .floating-placeholder {
	background: #0e0f14 !important; color: var(--z-dim) !important;
	border-radius: 999px; padding-inline: 8px !important; inset-inline-start: 16px !important;
}
body.z11-inner .input-floating-wrap input:focus + .floating-placeholder,
body.z11-inner .input-floating-wrap input:not(:placeholder-shown) + .floating-placeholder { color: var(--z-muted) !important; }
body.z11-inner .woocommerce .show-password-input, body.z11-inner .woocommerce .password-input button { inset-inline-end: 18px !important; }
/* one solid fill for field and label so the label reads as part of the field */
body.z11-inner .woocommerce input.input-text, body.z11-inner .woocommerce input[type="text"], body.z11-inner .woocommerce input[type="email"],
body.z11-inner .woocommerce input[type="password"], body.z11-inner .woocommerce input[type="tel"] { background: #15161c !important; }
body.z11-inner .input-floating-wrap .floating-placeholder { background: #15161c !important; }
body.z11-inner .woocommerce-form-login .form-row:has(.woocommerce-form-login__rememberme) { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px 16px; }
body.z11-inner .woocommerce-form-login__rememberme { white-space: nowrap; display: inline-flex !important; align-items: center; gap: 10px; }

/* the floating label carries the text: hide the native placeholder underneath it */
body.z11-inner .input-floating-wrap input::placeholder { color: transparent !important; }
/* Google's button iframe paints white corners when the page is dark: render it light-scheme */
body.z11-inner .g_id_signin, body.z11-inner .g_id_signin iframe { color-scheme: light; background: transparent !important; }
body.z11-inner .z11-google .g_id_signin > div { background: transparent !important; }

/* ---------- 404 ---------- */
body.z11-404 .page-title-container { display: none !important; }
.z11-404-main { width: min(1180px, 100% - 32px); margin: clamp(24px, 4vw, 48px) auto clamp(40px, 6vw, 80px); }
.z11-404-card {
	position: relative; overflow: hidden; border-radius: 32px; border: 1px solid var(--z-line-2);
	background: radial-gradient(120% 120% at 50% 0%, rgba(123,97,255,.12), transparent 60%), var(--z-panel);
	padding: clamp(36px, 7vw, 88px) clamp(20px, 5vw, 64px); text-align: center; display: grid; justify-items: center; gap: 14px;
}
.z11-404-card::after { content: ""; position: absolute; inset: auto 0 0; height: 2px; background: var(--z-spectrum); }
.z11-404-beam { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.z11-404-num { position: relative; width: min(440px, 80%); }
.z11-404-num svg { display: block; width: 100%; height: auto; }
.z11-404-kicker { position: relative; margin: 18px 0 0; font: 500 12px/1.3 var(--z-mono); letter-spacing: .26em; text-transform: uppercase; color: var(--z-muted); }
.z11-404-main[dir="rtl"] .z11-404-kicker { font-family: var(--z-arabic); letter-spacing: 0; font-size: 14px; }
.z11-404-title { position: relative; margin: 0; font-size: clamp(30px, 4.6vw, 52px); line-height: 1.15; font-weight: 600; color: var(--z-fg) !important; text-wrap: balance; }
.z11-404-lead { position: relative; margin: 0; max-width: 52ch; color: var(--z-muted); font-size: clamp(15px, 1.5vw, 18px); line-height: 1.7; }
.z11-404-path { position: relative; margin: 6px 0 0; font-size: 13px; color: var(--z-dim); max-width: 100%; overflow-wrap: anywhere; }
.z11-404-path code { font-family: var(--z-mono); background: rgba(255,255,255,.05); border: 1px solid var(--z-line); padding: 3px 9px; border-radius: 999px; color: var(--z-muted); }
.z11-404-cta { position: relative; display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-top: 18px; }
.z11-404-main[dir="rtl"] { font-family: var(--z-arabic); }

.z11-acct-admin { display: grid; gap: 4px; margin: 0 0 24px; padding: 20px 22px; border-radius: 20px; text-decoration: none !important;
	border: 1px solid transparent; background: linear-gradient(#0e0f14, #0e0f14) padding-box, var(--z-spectrum) border-box; }
.z11-acct-admin b { color: var(--z-fg); font-size: 18px; font-weight: 600; }
.z11-acct-admin span { color: var(--z-muted); font-size: 14px; }