/*
Theme Name: Machinery Wharf
Description: Five-language equipment catalogue for machinerywharf.com.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: machinery-catalogue
*/
:root{color-scheme:dark;--base:#101820;--raised:#17232e;--panel:#1e2d39;--ink:#f7f8fa;--muted:#b8c4ce;--line:#344655;--accent:#f7cd5c;--frame:1240px}
*{box-sizing:border-box}body{margin:0;background:var(--base);color:var(--ink);font:16px/1.6 system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0 0 .65em}h1,h2,h3{line-height:1.06;text-wrap:balance}p{color:var(--muted);max-width:65ch}.frame{width:min(100% - 56px,var(--frame));margin:auto}.top{border-bottom:1px solid var(--line);background:#111a23}.top .frame{min-height:77px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{width:290px;flex:none}.top nav{display:flex;flex-wrap:wrap;align-items:center;gap:24px;font-size:.88rem}.top nav a:hover,.footer a:hover{color:var(--accent)}details.language{position:relative}summary{cursor:pointer}details.language div{position:absolute;z-index:3;inset-inline-end:0;min-width:145px;display:grid;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px;gap:9px}
.hero{position:relative;isolation:isolate;display:grid;align-items:center;min-height:610px;overflow:hidden;background:#202e38}.hero.inner{min-height:355px}.hero>img{position:absolute;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 46%}.hero:after{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(var(--direction,90deg),#101820fa 0%,#101820d6 34%,#10182037 73%,#1018204f 100%)}html[dir=rtl] .hero{--direction:270deg}.hero .frame{padding-block:76px}.hero h1{max-width:12ch;font-size:clamp(3rem,6.9vw,7.5rem);letter-spacing:-.06em;line-height:.95}.hero.inner h1{font-size:clamp(2.5rem,5vw,5.2rem);max-width:19ch}.hero p{color:#e0e9ef;font-size:1.06rem;max-width:46ch}.kicker{display:flex;align-items:center;gap:12px;color:var(--accent);font-size:.76rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase;margin-bottom:1.2rem}.kicker:before{content:"";width:26px;height:2px;background:currentColor}html[dir=rtl] .kicker,html[dir=rtl] h1{letter-spacing:normal}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{background:var(--accent);color:#111820;border:1px solid transparent;border-radius:7px;padding:.7rem 1.05rem;font-weight:750;display:inline-flex;align-items:center;gap:10px;transition:transform .18s,box-shadow .18s}.btn:hover{transform:translateY(-3px);box-shadow:0 5px 25px #0008}.btn.alt{background:#192631e8;color:var(--ink);border-color:var(--line)}.caption{position:absolute;bottom:12px;inset-inline-end:18px;padding:3px 9px;background:#101820e8;color:#eef3f7;font-size:.73rem;border-radius:4px}.strip{border-bottom:1px solid var(--line);background:var(--raised)}.strip .frame{display:flex;gap:18px;justify-content:space-between;padding-block:15px;color:var(--muted);font-size:.82rem}.strip strong{color:var(--accent)}section.content{padding-block:68px}h2{font-size:clamp(2rem,4vw,3.65rem);letter-spacing:-.04em}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:22px}.section-head h2{margin:0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{display:block;background:var(--raised);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .18s,border-color .18s}.card:hover{transform:translateY(-5px);border-color:var(--accent)}.card img{width:100%;height:205px;object-fit:cover;transition:filter .2s}.card:hover img{filter:brightness(1.13)}.card div{padding:18px}.card h3{font-size:1.25rem;margin:9px 0}.card small,.marker{color:var(--accent);font-weight:700}.note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px}.note-grid a{display:flex;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid var(--line)}.note-grid a:hover{color:var(--accent);background:var(--raised)}.surface{background:var(--raised);border-block:1px solid var(--line)}.tools{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 24px}input,button{font:inherit}input[type=search]{min-width:min(350px,100%);padding:11px;background:var(--raised);border:1px solid var(--line);color:var(--ink);border-radius:7px}button.filter{border:1px solid var(--line);background:var(--raised);color:var(--ink);padding:9px 14px;border-radius:7px;cursor:pointer}button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}[hidden]{display:none!important}.detail{display:grid;grid-template-columns:2fr 1fr;gap:38px}.detail figure{margin:20px 0}.detail img{width:100%;max-height:550px;object-fit:contain;background:var(--raised);border-radius:10px}.detail figcaption{font-size:.85rem;color:var(--muted);margin-top:8px}.callout{align-self:start;background:var(--raised);border:1px solid var(--line);border-radius:12px;padding:24px;overflow-wrap:anywhere}.footer{border-top:1px solid var(--line);background:#111a23;padding:36px 0}.footer .frame{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer small{color:var(--muted)}.launcher .hero{min-height:470px}.launcher .hero h1{max-width:16ch}.sitecard h3{overflow-wrap:anywhere}
.layout-trade .hero{border-bottom:5px solid var(--accent)}.layout-trade .hero h1{max-width:15ch}.layout-quarry .hero{min-height:690px}.layout-quarry .hero.inner{min-height:370px}.layout-quarry .hero h1{text-transform:uppercase}.layout-quarry .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-quarry .card img{height:255px}.layout-brand .hero h1{max-width:14ch}.layout-port .hero{min-height:535px}.layout-port .hero.inner{min-height:350px}.layout-port .strip{border-top:2px solid var(--accent)}
@media(max-width:800px){.frame{width:calc(100% - 34px)}.top .frame{padding-block:12px;display:grid;gap:10px}.brand{width:245px}.top nav{gap:14px}.hero,.layout-quarry .hero,.layout-port .hero{min-height:505px}.hero.inner{min-height:330px}.hero:after{background:linear-gradient(var(--direction,90deg),#101820ed,#1018205e)}.cards,.layout-quarry .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.detail{grid-template-columns:1fr}.strip .frame{flex-wrap:wrap}.section-head{align-items:start}}
@media(max-width:500px){.cards,.layout-quarry .cards,.note-grid{grid-template-columns:1fr}.section-head{display:grid}.hero .frame{padding-block:60px}.hero h1{font-size:clamp(2.8rem,12vw,4rem)}.hero.inner h1{font-size:2.55rem}section.content{padding-block:45px}.card img{height:215px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}