/* Only recoloured declarations from the installed design; geometry stays in original files. */
html.z7-electronics{--ink:#232D30;--muted:#5F6E72;--blue:#006B68;--orange:#006B68;--line:#DEE6E5;--surface:#F3F6F5;--ze-purple:#006B68;--ze-dark-purple:#005652;--ze-soft:#F3F6F5}
html.z7-electronics body{color:#232D30}
html.z7-electronics :where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #258D86}
html.z7-electronics .btn.btn-outline:hover{border-color:#A7D0CC;background:#F2F8F7}
html.z7-electronics :is(.icon-btn:hover,.pill.active,.filter-chip.active){background:#E9F3F1;border-color:#A7D0CC}
html.z7-electronics .topbar{background:#F3F6F5}
html.z7-electronics .header{background:#F3F6F5}
html.z7-electronics .search-box:focus-within{border-color:#A7D0CC;box-shadow:0 0 0 2px #006B6812}
html.z7-electronics .suggestions{box-shadow:0 10px 30px #232D3015}
html.z7-electronics .ze-menu-shade{background:#142E2C70}
html.z7-electronics .ze-mega{box-shadow:0 15px 40px #142E2C26}
html.z7-electronics .ze-mega-nav{scrollbar-color:#9DCBC4 var(--ze-purple)}
html.z7-electronics .ze-mega-promo{background:linear-gradient(155deg,#DCEEE9,#F4F9F7)}
html.z7-electronics .ze-mega-promo>small{color:#5F6E72}
html.z7-electronics .ze-mega-promo p{color:#5F6E72}
html.z7-electronics .ze-home-hero{background:linear-gradient(135deg,#f2f2f3,#E4EBE8)}
html.z7-electronics .ze-hero-dots button{background:#B7C3C1}
html.z7-electronics .ze-spotlight-card{background:linear-gradient(160deg,#E9F3F1,#F5F8F7)}
html.z7-electronics .category-card:hover{background:#E9F3F1}
html.z7-electronics .product-card:hover{border-color:#A7D0CC;box-shadow:0 6px 20px #232D3006}
html.z7-electronics .card-datasheet{background:#E9F3F1}
html.z7-electronics .category-filter.active{background:#E9F3F1}
html.z7-electronics .z7-manufacturer-card:hover{border-color:#A7D0CC;box-shadow:0 5px 18px #232D3006}
html.z7-electronics .ze-image-dialog::backdrop{background:#142E2C90}
html.z7-electronics .z7-footer{background:#F3F6F5}
html.z7-electronics .ze-newsletter p{color:#DCEFED}
html.z7-electronics .ze-newsletter>small{color:#DCEFED}
html.z7-electronics #z7-account-app .za-header{background:#F3F6F5}
html.z7-electronics #z7-account-app .za-side-button:hover{background:#E9F3F1}
html.z7-electronics #z7-account-app :is(.za-avatar,.za-member-avatar){background:#E9F3F1}
html.z7-electronics #z7-account-app .za-auth-intro :is(p,.za-auth-benefit,.za-eyebrow),html.z7-electronics #z7-account-app .za-rewards-card :is(p,small){color:#DCEFED}
html.z7-electronics #z7-account-app .za-rewards-tier.active{border-color:#A7D0CC;background:#F2F8F7}
html.z7-electronics .z7-chat{box-shadow:0 12px 45px #232D3020}
html.z7-electronics .z7-chat-message.user{background:#E9F3F1}
html.z7-electronics :is(.modal,#modal,.z7-kit-modal,.z7-saved-kits){box-shadow:0 20px 60px #232D3026}
html.z7-electronics #main .zpd-pills span{background:#F3F6F5;color:#232D30}
html.z7-electronics #main .zpd-file-icon{background:#E9F3F1}
html.z7-electronics #main .zpd-sidebar .document-links a~a{background:#F0F7F4}
/* Petrol colour layer. No layout, content or transaction changes. */
html.z7-electronics{
 --ink:#232D30;--muted:#5F6E72;--blue:#006B68;--orange:#006B68;
 --line:#DEE6E5;--surface:#F3F6F5;--ze-purple:#006B68;--ze-dark-purple:#005652;
 --ze-white:#FFFFFF;--ze-soft:#F3F6F5;
 --z7-petrol:#006B68;--z7-petrol-dark:#005652;--z7-petrol-panel:#124F50;
 --z7-petrol-tint:#E9F3F1;--z7-on-petrol:#FFFFFF;
}
/* Explicit descendants prevent inherited dark headings on coloured panels. */
html.z7-electronics .ze-newsletter{background:#124F50;color:#FFFFFF}
html.z7-electronics .ze-newsletter :is(h1,h2,h3,h4,p,small,label,strong,em){color:#FFFFFF}
html.z7-electronics .ze-newsletter :is(a,a:visited,a:hover,a:focus-visible){color:#FFFFFF}
html.z7-electronics .ze-newsletter :is(input,textarea,select){background:#FFFFFF;color:#232D30;caret-color:#006B68}
html.z7-electronics .ze-newsletter input::placeholder{color:#5F6E72;opacity:1}
html.z7-electronics .ze-newsletter :is(button,button:hover,button:focus-visible){background:#FFFFFF;color:#124F50}
html.z7-electronics .ze-newsletter :is(button,input):focus-visible{outline-color:#B8DFD8}
html.z7-electronics .ze-newsletter button svg{color:inherit;stroke:currentColor}
/* White labels on the dark menu; dark labels only on white active rows. */
html.z7-electronics .ze-mega-nav{background:#124F50;color:#FFFFFF;scrollbar-color:#9DCBC4 #124F50}
html.z7-electronics .ze-mega-nav>button{color:#FFFFFF;background:transparent}
html.z7-electronics .ze-mega-nav>button :is(span,svg){color:inherit}
html.z7-electronics .ze-mega-nav>button:is(:hover,[aria-expanded=true]){background:#FFFFFF;color:#232D30}
html.z7-electronics .ze-mega-nav>button:is(:hover,[aria-expanded=true]) svg{color:#006B68}
html.z7-electronics .ze-mega-utilities :is(a,button,a:hover,button:hover){color:#FFFFFF}
html.z7-electronics .ze-mega-promo :is(h2,small,p){color:#232D30}
/* Solid action surfaces always retain white foregrounds. Outline controls keep dark text. */
html.z7-electronics :is(.btn:not(.btn-outline),.ze-button,.zf-apply,.zl-primary,.za-button.primary,.cart-add){color:#FFFFFF}
html.z7-electronics :is(.btn:not(.btn-outline),.ze-button,.zf-apply,.zl-primary,.za-button.primary,.cart-add):hover{background:#005652;border-color:#005652;color:#FFFFFF}
html.z7-electronics .z7-chat-head :is(h2,h3,b,strong,button,span){color:#FFFFFF}
html.z7-electronics .z7-chat-launch.z7-chat-launch{color:#FFFFFF;background:#006B68}
html.z7-electronics .z7-chat-compose button,html.z7-electronics .z7-chat-contact button[type=submit]{color:#FFFFFF;background:#006B68}
html.z7-electronics #z7-account-app :is(.za-auth-intro,.za-rewards-card){background:#124F50;color:#FFFFFF}
html.z7-electronics #z7-account-app :is(.za-auth-intro,.za-rewards-card) :is(h1,h2,h3,p,small,strong,em,.za-auth-benefit,.za-eyebrow){color:#FFFFFF}
html.z7-electronics #z7-account-app .za-side-button.active{background:#006B68;color:#FFFFFF}
html.z7-electronics #z7-account-app .za-side-button.active:hover{background:#005652;color:#FFFFFF}
/* Product detail additions use the same lighter Petrol surface. */
html.z7-electronics #main .zpd-file-icon{background:#E9F3F1;color:#006B68}
html.z7-electronics #main .zpd-sidebar .document-links a{background:#006B68;color:#FFFFFF}
html.z7-electronics #main .zpd-sidebar .document-links a:hover{background:#005652;color:#FFFFFF}
html.z7-electronics #main .zpd-sidebar .document-links a~a{background:#E9F3F1;color:#006B68}
html.z7-electronics #main .zpd-sidebar .document-links a~a:hover{background:#DDEEEA;color:#005652}
@media print{html.z7-electronics .ze-newsletter,html.z7-electronics #z7-account-app :is(.za-auth-intro,.za-rewards-card){background:#FFFFFF;color:#232D30}html.z7-electronics #z7-account-app :is(.za-auth-intro,.za-rewards-card) :is(h1,h2,h3,p,small,strong,em){color:#232D30}}