/* ============ WordPress-only additions (not part of the static demo) ============ */

/* admin bar: keep the fixed header below it */
.admin-bar .header { margin-top: 32px; }
@media (max-width: 782px) { .admin-bar .header { margin-top: 46px; } }
@media (max-width: 600px) { .admin-bar .header { margin-top: 0; } }

/* generic pages (legal, about, account…) */
.ppage { padding: 9.6rem 8rem 12rem; display: flex; flex-direction: column; gap: 4.8rem; }
.ppage__head { display: flex; flex-direction: column; gap: 2.4rem; }
.ppage__title { font-family: var(--f-display); font-weight: 900; font-size: 12rem; line-height: .86; text-transform: uppercase; max-width: 120rem; }
.prose { max-width: 84rem; font-size: 1.7rem; line-height: 1.7; color: var(--smoke); }
.prose > * + * { margin-top: 1.6rem; }
.prose h1, .prose h2, .prose h3, .prose h4 { font-family: var(--f-display); font-weight: 900; color: var(--chalk); line-height: .95; margin-top: 4.8rem; }
.prose h2 { font-size: 4.8rem; } .prose h3 { font-size: 3.2rem; } .prose h4 { font-size: 2.4rem; }
.prose h1 + *, .prose h2 + *, .prose h3 + *, .prose h4 + * { margin-top: 1.6rem; }
.prose > :first-child { margin-top: 0; }
.prose a { color: var(--volt); border-bottom: 1px solid rgba(204, 245, 74, .4); }
.prose a:hover { border-color: var(--volt); }
.prose strong, .prose b { color: var(--chalk); }
.prose ul, .prose ol { padding-left: 2.4rem; }
.prose ul { list-style: disc; } .prose ol { list-style: decimal; }
.prose li + li { margin-top: .6rem; }
.prose p[style*="padding-left"] { padding-left: 0 !important; }
.prose table { width: 100%; border-collapse: collapse; font-size: 1.5rem; }
.prose th, .prose td { border: 1px solid rgba(255, 255, 255, .12); padding: 1.2rem 1.4rem; text-align: left; }
.prose img { max-width: 100%; height: auto; border-radius: 1.6rem; }
.prose .woocommerce, .prose input, .prose select, .prose textarea { color: var(--tin); }

/* form extras */
.hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.form__error { padding: 1.4rem 1.8rem; border-radius: 1.4rem; background: rgba(255, 92, 92, .1); border: 1px solid rgba(255, 92, 92, .4); color: #FFB4B4; font-size: 1.4rem; line-height: 1.5; }
.btn.is-loading { opacity: .6; pointer-events: none; }
.noscript-list { columns: 3; padding: 2rem 0; font-size: 1.5rem; }
.noscript-list a { color: var(--chalk); }

/* catalogue / category pages: H1 sits under the fixed header */
.page--catalogue .catalogue { padding-top: 9.6rem; }
.page--catalogue .e800 { padding-top: 9.6rem; }

/* 404 */
.e404 { min-height: 70vh; padding: 9.6rem 8rem 12rem; display: flex; flex-direction: column; gap: 2.4rem; align-items: flex-start; justify-content: center; }
.e404__num { font-family: var(--f-display); font-weight: 900; font-size: 30rem; line-height: .8; color: var(--volt); }
.e404__title { font-family: var(--f-display); font-weight: 900; font-size: 8.4rem; line-height: .9; }
.e404__text { max-width: 56rem; font-size: 1.8rem; line-height: 1.5; color: var(--smoke); }

@media (max-width: 999px) {
	.ppage { padding: 4rem 1.6rem 6.4rem; gap: 3.2rem; }
	.ppage__title { font-size: 6.4rem; }
	.prose { font-size: 1.6rem; }
	.prose h2 { font-size: 3.6rem; } .prose h3 { font-size: 2.6rem; }
	.page--catalogue .catalogue, .page--catalogue .e800 { padding-top: 4rem; }
	.noscript-list { columns: 1; }
	.e404 { padding: 4rem 1.6rem 6.4rem; }
	.e404__num { font-size: 16rem; }
	.e404__title { font-size: 5.6rem; }
}

/* long legal sub-headings */
.prose h3 { font-size: 2.6rem; line-height: 1.05; }
.prose h4 { font-size: 2rem; }

/* Complianz cookie banner in the NICCOS look */
body .cmplz-cookiebanner {
	--cmplz_banner_background_color: #151513 !important;
	--cmplz_banner_border_color: rgba(255, 255, 255, .12) !important;
	--cmplz_banner_border_radius: 2.4rem !important;
	--cmplz_text_color: #A3A196 !important;
	--cmplz_hyperlink_color: #F3F1EA !important;
	--cmplz_link_color: #F3F1EA !important;
	--cmplz_button_accept_background_color: #CCF54A !important;
	--cmplz_button_accept_border_color: #CCF54A !important;
	--cmplz_button_accept_text_color: #0B0B0A !important;
	--cmplz_button_deny_background_color: transparent !important;
	--cmplz_button_deny_border_color: rgba(255, 255, 255, .25) !important;
	--cmplz_button_deny_text_color: #F3F1EA !important;
	--cmplz_button_settings_background_color: transparent !important;
	--cmplz_button_settings_border_color: rgba(255, 255, 255, .25) !important;
	--cmplz_button_settings_text_color: #F3F1EA !important;
	--cmplz_button_border_radius: 99rem !important;
	--cmplz_slider_active_color: #CCF54A !important;
	font-family: var(--f-body) !important;
	box-shadow: 0 2.4rem 6rem rgba(0, 0, 0, .5) !important;
}
body .cmplz-cookiebanner .cmplz-title { font-family: var(--f-display) !important; font-weight: 900 !important; font-size: 2.4rem !important; color: #F3F1EA !important; text-transform: uppercase; }
body .cmplz-cookiebanner .cmplz-btn { font-weight: 700 !important; }
body .cmplz-cookiebanner .cmplz-close { color: #F3F1EA !important; }

/* ===== Catalogue 2026 ===== */
.alook__gold--volt { background: none !important; -webkit-text-fill-color: var(--volt) !important; color: var(--volt) !important; }
.phero--liquid .phero__device { left: 12rem; top: 13rem; width: 56rem; height: 62rem; }
.phero--liquid .phero__device .phero__obj { rotate: 0deg; }
.e800--liquids .device, .others .device { height: 38rem; width: 25rem; }
@media (max-width: 999px) {
	.phero--liquid .phero__device { width: 32rem; height: 34rem; }
	.e800--liquids .device, .others .device { height: 30rem; width: 19rem; }
}
.swash { width: auto; min-width: 24rem; padding: 0 2.6rem; }
@media (max-width: 999px) { .ftag .swash { width: auto; min-width: 18rem; padding: 0 1.8rem; } }