/*
Theme Name: Metrol Europe
Description: English-first Metrol distributor website with editable WordPress blocks. Install the companion Metrol Site & Importer plugin.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.0
Author: PowerHUB
License: GPL-2.0-or-later
Text Domain: metrol-europe
*/
:root{--metrol-bg:oklch(.988 .003 250);--metrol-text:oklch(.22 .035 252);--metrol-blue:oklch(.42 .115 254);--metrol-red:oklch(.55 .2 27);--metrol-muted:oklch(.5 .025 252);--metrol-border:oklch(.9 .012 250);--metrol-surface:oklch(.965 .008 250);--metrol-steel:oklch(.255 .05 254)}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--metrol-bg);color:var(--metrol-text);font:16px/1.6 'IBM Plex Sans',system-ui,sans-serif}a{color:var(--metrol-blue);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea{font:inherit}img{max-width:100%;height:auto}figure{margin:0}h1,h2,h3,h4{font-family:Archivo,'IBM Plex Sans',sans-serif;font-weight:800;line-height:1.15;letter-spacing:-.025em;margin:0 0 18px}h1{font-size:40px}h2{font-size:30px}h3{font-size:20px}p{margin:0 0 16px}ul{padding-left:22px}li{margin-bottom:8px}address{font-style:normal}:focus-visible{outline:3px solid var(--metrol-blue);outline-offset:4px}[hidden]{display:none!important}.metrol-container{width:100%;max-width:1152px;margin-inline:auto;padding-inline:24px}.metrol-narrow{max-width:880px}.metrol-section{padding-top:64px;padding-bottom:64px}.metrol-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.metrol-two-columns>*{min-width:0}.metrol-grid-two,.metrol-grid-three,.metrol-benefits{display:grid;gap:16px}.metrol-grid-two{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:30px}.metrol-grid-three{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.metrol-benefits{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding-block:52px}.metrol-benefit h3{font-size:16px}.metrol-benefit p{font-size:14px;color:var(--metrol-muted);margin-bottom:0}.metrol-benefit:before{content:'';display:block;width:24px;height:3px;background:var(--metrol-red);margin-bottom:18px}.metrol-eyebrow{font:500 11px/1.6 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.14em;color:var(--metrol-red);margin-bottom:12px}.metrol-lead{font-size:18px;color:var(--metrol-muted)}.metrol-surface{background:var(--metrol-surface);border-block:1px solid var(--metrol-border)}.metrol-hero,.metrol-site-footer{background:linear-gradient(155deg,oklch(.28 .055 254),oklch(.22 .045 254) 55%,oklch(.19 .04 258));color:oklch(.96 .01 250)}.metrol-hero>.metrol-container{padding-block:92px}.metrol-hero h1{font-size:48px;line-height:1.08}.metrol-hero .metrol-lead{color:rgba(245,248,255,.75)}.metrol-hero-copy .metrol-eyebrow{color:oklch(.67 .18 27)}.metrol-hero-image{position:relative}.metrol-hero-image:before{content:'';position:absolute;left:-12px;top:-12px;height:64px;width:6px;background:var(--metrol-red)}.metrol-hero-image img{display:block;border-radius:2px;box-shadow:0 8px 24px #0003}.metrol-card{padding:24px;border:1px solid var(--metrol-border);background:#fff;transition:box-shadow .2s,border-color .2s;min-width:0}.metrol-card:hover{border-color:var(--metrol-blue);box-shadow:0 16px 40px #18335118}.metrol-card h3 a{color:var(--metrol-text)}.metrol-card p{font-size:14px;color:var(--metrol-muted)}.metrol-card>p:last-child{margin-bottom:0}.metrol-card time{font:12px 'IBM Plex Mono',monospace;color:var(--metrol-muted);display:block;margin-bottom:12px}.metrol-card img{width:100%;aspect-ratio:1.6;object-fit:cover;margin-bottom:18px}.metrol-card .metrol-eyebrow{color:var(--metrol-red)}.metrol-card .metrol-read-more{font-weight:600;font-size:14px}.metrol-panel{padding:32px;border:1px solid var(--metrol-border);background:var(--metrol-surface);margin-top:36px}.metrol-panel h2{font-size:24px}.metrol-contact-details .metrol-panel{margin:0 0 24px}.metrol-section>.wp-block-image{margin:32px 0}.metrol-section>.wp-block-heading:not(:first-child){margin-top:36px}.wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.wp-block-button__link,.metrol-button{display:inline-flex;align-items:center;justify-content:center;padding:13px 23px;min-height:44px;background:var(--metrol-red);color:white;border:1px solid transparent;border-radius:3px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer}.wp-block-button__link:hover,.metrol-button:hover{filter:brightness(.93);text-decoration:none}.is-style-outline>.wp-block-button__link{background:transparent;color:var(--metrol-text);border:1px solid var(--metrol-border)}.metrol-hero .is-style-outline>.wp-block-button__link{color:#fff;border-color:#ffffff50}.metrol-site-header{position:sticky;top:0;z-index:100;background:var(--metrol-bg);border-bottom:1px solid var(--metrol-border)}.admin-bar .metrol-site-header{top:32px}.metrol-topbar{background:var(--metrol-steel);color:#f3f6fb;font-size:11px}.metrol-topbar>.metrol-container{display:flex;justify-content:space-between;gap:16px;padding-block:7px}.metrol-topbar span:first-child{display:flex;align-items:center;gap:8px;font-family:'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.1em}.metrol-trademark{opacity:.65}.metrol-navigation-row{display:flex;gap:16px;align-items:center;min-height:64px}.metrol-brand{display:flex;flex-direction:column;color:var(--metrol-text);white-space:nowrap;line-height:1.15}.metrol-brand:hover{text-decoration:none}.metrol-brand strong{font:800 16px Archivo,sans-serif;letter-spacing:-.025em}.metrol-brand small{font:9px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.18em;color:var(--metrol-muted)}.metrol-desktop-nav{margin-left:auto}.metrol-desktop-nav ul{list-style:none;padding:0;margin:0;display:flex;gap:0}.metrol-desktop-nav li{margin:0}.metrol-desktop-nav a{display:block;padding:10px 12px;color:var(--metrol-muted);font-size:14px;font-weight:500}.metrol-desktop-nav .current-menu-item a{color:var(--metrol-text);text-decoration:underline;text-decoration-color:var(--metrol-red);text-underline-offset:8px}.metrol-nav-actions{display:flex;gap:10px;align-items:center;margin-left:auto}.metrol-header-quote{background:var(--metrol-blue);font-size:12px;padding:9px 12px;min-height:36px}.metrol-lang-switch{display:flex;border:1px solid var(--metrol-border);border-radius:3px;overflow:hidden}.metrol-lang-switch a{padding:5px 10px;font:11px 'IBM Plex Mono',monospace;color:var(--metrol-muted)}.metrol-lang-switch [aria-current]{background:var(--metrol-blue);color:#fff}.metrol-menu-toggle{display:none;border:1px solid var(--metrol-border);background:transparent;border-radius:3px;width:40px;height:40px;font-size:22px;cursor:pointer}.metrol-mobile-nav ul{list-style:none;padding:12px 0;margin:0}.metrol-mobile-nav li{border-bottom:1px solid var(--metrol-border);margin:0}.metrol-mobile-nav a{display:block;padding:14px 0;font-weight:600}.metrol-site-footer{margin-top:80px}.metrol-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px;padding-block:56px}.metrol-site-footer a{color:inherit}.metrol-site-footer p,.metrol-site-footer li,.metrol-site-footer address{font-size:14px;color:#ffffffb8}.metrol-footer-brand{font:800 20px Archivo,sans-serif}.metrol-site-footer h2{font:500 11px 'IBM Plex Mono',monospace;color:oklch(.67 .18 27);text-transform:uppercase;letter-spacing:.14em}.metrol-site-footer ul{list-style:none;padding:0}.metrol-site-footer p{margin-top:18px}.metrol-footer-bottom{border-top:1px solid #ffffff26;font-size:12px;color:#ffffff90}.metrol-footer-bottom>.metrol-container{padding-block:24px;display:flex;justify-content:space-between;gap:20px}.metrol-contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;margin-top:48px}.metrol-form{margin:0}.metrol-form label{display:block;font-size:14px;margin-top:18px}.metrol-form input:not([type=hidden]),.metrol-form textarea{display:block;width:100%;padding:10px 12px;border:1px solid var(--metrol-border);border-radius:2px;background:#fff;color:var(--metrol-text);margin-top:6px}.metrol-form textarea{resize:vertical}.metrol-honeypot{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.metrol-form .metrol-button{margin-top:12px}.metrol-form-privacy{font-size:12px;color:var(--metrol-muted);margin-top:18px}.metrol-message{border-left:4px solid var(--metrol-blue);padding:12px;background:#fff}.metrol-article-content{margin-top:36px;line-height:1.75}.metrol-article-content h2{font-size:26px;margin-top:40px;border-bottom:1px solid var(--metrol-border);padding-bottom:12px}.metrol-post-tags{font-size:12px;color:var(--metrol-muted);margin-top:30px}.metrol-pagination{display:flex;gap:12px;margin-top:28px}.metrol-pagination a,.metrol-pagination span{padding:8px 14px;border:1px solid var(--metrol-border)}.metrol-skip{position:absolute;top:-100px;left:16px;background:#fff;padding:12px;z-index:99999}.metrol-skip:focus{top:8px}.metrol-section time{font-size:12px;color:var(--metrol-muted)}
@media(max-width:1023px){.metrol-desktop-nav{display:none}.metrol-menu-toggle{display:block}.metrol-hero h1{font-size:40px}.metrol-two-columns{grid-template-columns:1fr;gap:32px}.metrol-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.metrol-hero>.metrol-container{padding-block:64px}.metrol-trademark{display:none}}
@media(max-width:700px){.metrol-container{padding-inline:18px}.metrol-section{padding-block:44px}.metrol-grid-two,.metrol-grid-three,.metrol-contact-grid{grid-template-columns:1fr}.metrol-hero h1,h1{font-size:34px}h2{font-size:28px}.metrol-footer-grid{grid-template-columns:1fr;gap:30px}.metrol-footer-bottom>.metrol-container{flex-direction:column}.metrol-panel{padding:22px}.metrol-header-quote{display:none}.metrol-brand strong{font-size:14px}.metrol-navigation-row{gap:10px}.metrol-topbar{font-size:9px}.metrol-topbar span:first-child{font-size:9px;letter-spacing:.025em}.admin-bar .metrol-site-header{top:46px}.metrol-hero .metrol-lead{font-size:16px}.metrol-site-footer{margin-top:40px}.metrol-benefits{gap:24px}.metrol-card{padding:22px}}
.editor-styles-wrapper{font-family:'IBM Plex Sans',sans-serif;color:var(--metrol-text);background:var(--metrol-bg)}.editor-styles-wrapper .metrol-container{width:100%}.editor-styles-wrapper .metrol-two-columns>.block-editor-inner-blocks>.block-editor-block-list__layout{display:grid;grid-template-columns:1fr 1fr;gap:32px}.editor-styles-wrapper .metrol-grid-two>.block-editor-inner-blocks>.block-editor-block-list__layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.editor-styles-wrapper .metrol-grid-three>.block-editor-inner-blocks>.block-editor-block-list__layout{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}