/*
Theme Name: LUTEX Sheet Metal Industrial Contact
Theme URI: https://wordpress.org/themes/
Author: LUTEX
Description: LUTEX bilingual sheet metal manufacturing theme with language-aware floating Enterprise WeChat and WhatsApp contact buttons.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: lutex-industrial
*/
:root{--blue:#1459a6;--blue2:#2778ca;--navy:#102a47;--silver:#eef2f5;--ink:#172b40;--muted:#5c6d7f;--line:#dce4eb;--white:#fff;--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,"Microsoft YaHei",sans-serif;line-height:1.65;background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}.topline{background:var(--navy);color:#d9e8f7;font-size:12px;letter-spacing:.12em}.topline .wrap{height:35px;display:flex;align-items:center;justify-content:space-between}.topline span:last-child{letter-spacing:.04em}.site-header{background:#fff;border-bottom:1px solid #e7edf2;position:sticky;top:0;z-index:10}.navrow{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;color:var(--navy);letter-spacing:.1em}.brand-mark{width:42px;height:42px;border:2px solid var(--blue);display:grid;place-items:center;color:var(--blue);font-size:16px;letter-spacing:-.05em;transform:skew(-7deg)}.brand-name{font-size:20px;line-height:1.15}.brand-name small{display:block;font-size:10px;letter-spacing:.2em;color:#74869a;margin-top:4px}.main-nav{display:flex;align-items:center;gap:26px;font-size:14px;color:#344b62}.main-nav a:hover{color:var(--blue)}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#fff!important;padding:12px 22px;font-size:13px;font-weight:700;letter-spacing:.04em;border:1px solid var(--blue);transition:.2s}.nav-cta:hover,.button:hover{background:var(--navy);border-color:var(--navy)}.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:8px 12px;color:var(--navy)}
.hero{position:relative;overflow:hidden;background:linear-gradient(110deg,#fff 0%,#fff 44%,#f1f6fa 100%);min-height:535px;display:flex;align-items:center}.hero:before{content:"";position:absolute;right:-4%;top:0;width:57%;height:100%;background:linear-gradient(135deg,rgba(219,231,241,.55),rgba(240,245,249,.25));clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}.hero-grid{position:relative;display:grid;grid-template-columns: .92fr 1.08fr;align-items:center;gap:20px;padding:54px 0 60px}.eyebrow{font-size:12px;letter-spacing:.22em;color:var(--blue);font-weight:700;text-transform:uppercase}.hero h1{font-size:clamp(38px,5vw,62px);line-height:1.2;letter-spacing:.02em;color:var(--navy);margin:17px 0 18px;font-weight:750}.hero h1 em{font-style:normal;color:var(--blue)}.hero p{max-width:500px;color:#5b6d7f;font-size:16px;margin:0 0 28px}.hero-actions{display:flex;align-items:center;gap:20px}.text-link{font-size:13px;color:var(--blue);font-weight:700}.hero-note{margin-top:40px;display:flex;gap:30px;color:#74869a;font-size:11px;letter-spacing:.08em}.hero-note strong{display:block;color:#294865;font-size:13px;letter-spacing:.02em}.hero-art{position:relative;z-index:1;filter:drop-shadow(0 22px 25px rgba(34,65,95,.12))}.hero-art svg{width:100%;display:block}.section{padding:82px 0}.section-head{text-align:center;max-width:690px;margin:0 auto 42px}.section-head .eyebrow{margin-bottom:8px}.section-head h2{font-size:34px;line-height:1.25;margin:8px 0 12px;color:var(--navy)}.section-head p{color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid var(--line);background:#fff;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(26,59,91,.1)}.card-visual{height:205px;background:linear-gradient(135deg,#edf3f7,#f9fbfc);display:grid;place-items:center;overflow:hidden}.card-visual svg{width:86%;height:85%}.card-body{padding:22px 23px 25px}.card-index{font:700 11px Arial;color:var(--blue);letter-spacing:.15em}.card h3{margin:5px 0 8px;color:var(--navy);font-size:19px}.card p{margin:0 0 14px;color:var(--muted);font-size:13px}.arrow-link{font-size:12px;color:var(--blue);font-weight:700}.about-band{background:#f3f6f8;border-top:1px solid #e7edf2;border-bottom:1px solid #e7edf2}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.about-visual{min-height:355px;background:linear-gradient(145deg,#dae5ee,#f7f9fb);position:relative;overflow:hidden;display:grid;place-items:center}.about-visual:after{content:"LUTEX";position:absolute;bottom:19px;left:22px;color:rgba(20,89,166,.16);font-size:40px;font-weight:800;letter-spacing:.18em}.about-copy h2{font-size:34px;line-height:1.25;color:var(--navy);margin:10px 0 16px}.about-copy p{color:var(--muted);font-size:14px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}.feature{border-left:3px solid var(--blue);padding:4px 0 4px 13px}.feature strong{display:block;color:var(--navy);font-size:14px}.feature span{font-size:12px;color:var(--muted)}
.process{background:var(--navy);color:#fff}.process .section-head h2{color:#fff}.process .section-head p{color:#b7c7d7}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}.steps:before{content:"";position:absolute;top:24px;left:12%;right:12%;border-top:1px solid rgba(178,204,228,.35)}.step{text-align:center;position:relative;padding:0 15px}.step-no{width:48px;height:48px;border:1px solid #6fa7db;color:#a9d2f5;background:var(--navy);display:grid;place-items:center;margin:0 auto 18px;font-weight:700}.step h3{font-size:16px;margin:0 0 7px}.step p{font-size:12px;color:#b7c7d7;margin:0}.cases{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.case-main,.case-side{background:#e9eff4;min-height:255px;padding:30px;position:relative;overflow:hidden}.case-main{background:linear-gradient(115deg,rgba(13,43,73,.82),rgba(13,43,73,.28)),linear-gradient(135deg,#8296a9,#d5dfe7);color:#fff;display:flex;align-items:flex-end}.case-main h3{font-size:23px;margin:0}.case-main p{margin:4px 0 0;color:#e0e9f1;font-size:13px}.case-side{display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(135deg,#e7edf2,#f8fafb)}.case-side h3{font-size:20px;color:var(--navy);margin:0 0 7px}.case-side p{font-size:13px;color:var(--muted);margin:0}.cta-band{background:#eaf2f8;padding:42px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.cta-inner h2{font-size:26px;color:var(--navy);margin:0}.cta-inner p{margin:5px 0 0;color:var(--muted);font-size:14px}.site-footer{background:#0c2035;color:#d5e0eb;padding:52px 0 20px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px}.site-footer .brand{color:white}.footer-copy{font-size:13px;color:#aab9c8;max-width:350px}.site-footer h3{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:white}.footer-links{display:flex;flex-wrap:wrap;gap:9px 18px;font-size:12px;color:#becbd8}.copyright{border-top:1px solid rgba(255,255,255,.13);margin-top:35px;padding-top:16px;color:#8296aa;font-size:11px;display:flex;justify-content:space-between}.page-content{padding:55px 0;min-height:40vh}.page-content h1{color:var(--navy)}.entry-content{max-width:850px}.entry-content a{color:var(--blue);text-decoration:underline}.entry-content img{height:auto}.entry-content blockquote{border-left:3px solid var(--blue);padding-left:20px;color:var(--muted)}
@media(max-width:900px){.main-nav{gap:14px;font-size:12px}.nav-cta{display:none}.hero-grid{grid-template-columns:1fr 1fr}.hero{min-height:460px}.about-grid{gap:32px}.wrap{width:min(var(--max),calc(100% - 36px))}}
@media(max-width:700px){.topline .wrap{height:31px}.topline span:last-child{display:none}.navrow{min-height:70px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:14px 22px 22px;border-bottom:1px solid var(--line);box-shadow:0 12px 18px rgba(20,50,80,.08);flex-direction:column;align-items:stretch;gap:0}.main-nav.is-open{display:flex}.main-nav a{padding:11px 0;border-bottom:1px solid #edf1f4;font-size:14px}.hero-grid{grid-template-columns:1fr;padding:44px 0 38px}.hero{min-height:unset}.hero:before{width:100%;top:auto;height:48%;bottom:0;clip-path:polygon(20% 0,100% 0,100% 100%,0 100%)}.hero h1{font-size:42px}.hero p{font-size:14px}.hero-art{margin-top:12px}.hero-note{margin-top:25px;gap:18px}.section{padding:60px 0}.section-head h2,.about-copy h2{font-size:28px}.cards{grid-template-columns:1fr;gap:16px}.card-visual{height:190px}.about-grid{grid-template-columns:1fr;gap:28px}.about-visual{min-height:260px}.steps{grid-template-columns:1fr 1fr;gap:28px 12px}.steps:before{display:none}.cases{grid-template-columns:1fr}.case-main,.case-side{min-height:210px}.cta-inner{align-items:flex-start;flex-direction:column}.cta-inner h2{font-size:23px}.footer-grid{grid-template-columns:1fr;gap:22px}.copyright{display:block}.copyright span{display:block;margin-top:5px}}

/* Bright white-and-silver LUTEX direction, inspired by the supplied SpicePress layout and catalog visual. */
.language-switch{display:flex;align-items:center;gap:9px}.language-switch a{color:#d9e8f7}.language-switch a[aria-current="page"]{color:#fff;font-weight:700}.language-switch i{font-style:normal;opacity:.55}
.hero{background:linear-gradient(115deg,#fff 0%,#fff 47%,#f1f4f6 100%)}.hero-grid{grid-template-columns:.82fr 1.18fr;min-height:540px}.hero h1,.section-head h2,.about-copy h2,.cta-inner h2{font-family:Georgia,"Songti SC","Noto Serif CJK SC",serif;font-weight:500;letter-spacing:.01em}.hero h1{font-size:clamp(42px,5vw,64px)}.hero-subtitle{font-family:Georgia,"Songti SC","Noto Serif CJK SC",serif;color:#294563;font-size:20px;line-height:1.45;font-weight:500;margin:0 0 15px}.hero-art{background:linear-gradient(145deg,#eef2f5,#fafbfc);min-height:420px;display:grid;place-items:center;padding:18px;position:relative}.hero-art img{width:100%;height:400px;object-fit:contain}.hero-art-caption{position:absolute;left:20px;right:20px;bottom:15px;display:flex;justify-content:space-between;color:#6c8093;font-size:10px;letter-spacing:.12em}.hero-note{border-top:1px solid #d9e2e9;padding-top:18px}.hero-note strong{color:var(--navy)}.section-head h2,.about-copy h2{font-size:36px}.card-visual{background:linear-gradient(135deg,#f1f4f6,#fafbfc)}.card-visual img{width:88%;height:88%;object-fit:contain}.about-visual{min-height:360px;padding:0;background:#e8edf1}.about-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.about-visual .image-label{position:absolute;left:18px;bottom:18px;background:rgba(255,255,255,.92);padding:8px 12px;color:var(--navy);font-size:11px;letter-spacing:.13em}.about-visual:after{display:none}.process{background:#f1f4f6;color:var(--ink)}.process .section-head h2{color:var(--navy)}.process .section-head p{color:var(--muted)}.steps:before{border-color:#b8c7d4}.step-no{border-color:#7ea5c6;color:var(--blue);background:#f1f4f6}.step h3{color:var(--navy)}.step p{color:var(--muted)}.custom-rail{margin-top:30px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.custom-rail>div{padding:20px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:5px}.custom-rail>div:last-child{border:0}.custom-rail strong{color:var(--navy);font-size:14px;letter-spacing:.06em}.custom-rail span:not(.eyebrow){color:var(--muted);font-size:12px}.case-main{background-size:cover;background-position:center}.site-footer{background:#f2f5f7;color:var(--ink);border-top:1px solid #e0e6eb}.site-footer .brand{color:var(--navy)}.site-footer .brand-mark{background:#fff}.site-footer h3{color:var(--navy)}.footer-copy,.footer-links{color:#627386}.copyright{border-color:#d7e0e7;color:#738395}.hero-copy p{max-width:540px}.main-nav a{font-size:13px}.menu-toggle{cursor:pointer}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr 1fr}.hero-art{min-height:340px}.hero-art img{height:320px}.custom-rail>div{padding:15px 12px}}
@media(max-width:700px){.hero-grid{grid-template-columns:1fr}.hero-art{grid-row:1;min-height:245px;margin:0 0 18px;padding:10px}.hero-art img{height:220px}.hero-copy{grid-row:2}.hero-subtitle{font-size:18px}.custom-rail{grid-template-columns:1fr 1fr}.custom-rail>div:nth-child(2){border-right:0}.custom-rail>div:nth-child(3){border-top:1px solid var(--line)}.custom-rail>div:nth-child(4){border-top:1px solid var(--line)}.steps{grid-template-columns:1fr 1fr}}
.custom-logo-link{display:flex;align-items:center}.custom-logo-link img{max-height:48px;width:auto;max-width:250px}.contact-details{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:18px;color:#52677b;font-size:12px}.contact-details span{padding-left:12px;border-left:2px solid #8eb4d4}.cta-band{background:#eef2f5}.cta-inner{align-items:center}.cta-inner>div{max-width:850px}
@media(max-width:700px){.topline .wrap{gap:10px}.topline span:first-child{font-size:9px;letter-spacing:.04em}.topline .language-switch{display:flex;white-space:nowrap;font-size:11px}.language-switch a{font-size:11px}.contact-details{display:grid;gap:8px}.hero-art-caption{font-size:8px}}

/* LUTEX sheet-metal-first homepage and category image navigation */
.category-nav{background:#fff;border-bottom:1px solid #dce4eb;padding:12px 0 15px}
.category-nav-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.category-tile{position:relative;display:grid;grid-template-columns:112px 1fr;grid-template-rows:auto auto;gap:2px 14px;align-items:center;padding:8px;border:1px solid #dce4eb;background:#fff;transition:border-color .2s,box-shadow .2s}
.category-tile:hover{border-color:#1459a6;box-shadow:0 8px 18px rgba(23,54,83,.08)}
.category-tile-image{grid-row:1/3;height:74px;overflow:hidden;background:#f0f3f5}
.category-tile-image img{width:100%;height:100%;object-fit:cover;display:block}
.category-tile-title{align-self:end;color:#173653;font-size:14px;font-weight:700;padding-right:18px}
.category-tile-en{align-self:start;color:#74869a;font-size:9px;letter-spacing:.07em;padding-right:18px}
.category-tile-arrow{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#1459a6;font-size:17px}
.hero{background:linear-gradient(110deg,#fff 0%,#fff 42%,#f1f4f6 100%)}
.hero-grid{grid-template-columns:.78fr 1.22fr;min-height:490px}
.hero h1{font-family:Arial,"Microsoft YaHei",sans-serif;font-weight:750;letter-spacing:0;font-size:clamp(38px,4.3vw,58px)}
.hero-subtitle{font-family:Arial,"Microsoft YaHei",sans-serif;font-size:18px;font-weight:600;color:#294563}
.hero-art{min-height:390px;padding:0;filter:none;background:#e8edf1;border:1px solid #dce4eb}
.hero-art img{width:100%;height:390px;object-fit:cover}
.hero-art-caption{background:rgba(255,255,255,.88);padding:8px 10px;bottom:0;left:0;right:0}
.hero-note{gap:20px}
.recent-work{background:#f2f4f6}
.recent-work .section-head{margin-left:0;margin-right:0;text-align:left}
.recent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.recent-card{display:block;background:#fff;border:1px solid #dce4eb;transition:transform .2s,box-shadow .2s}
.recent-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(23,54,83,.1)}
.recent-photo{display:block;height:220px;background:#e8edf1;overflow:hidden}
.recent-photo img{display:block;width:100%;height:100%;object-fit:cover}
.recent-card-body{display:flex;flex-direction:column;gap:5px;padding:17px 18px 20px}
.recent-card-body .eyebrow{font-size:10px}
.recent-card-body strong{font-size:17px;color:#173653}
.recent-card-body>span:last-child{font-size:12px;color:#65788b}
.photo-placeholder,.detail-image-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;width:100%;height:100%;min-height:180px;background:repeating-linear-gradient(135deg,#f2f4f6,#f2f4f6 14px,#e9edf0 14px,#e9edf0 28px);color:#74869a;font-size:12px;text-align:center}
.photo-placeholder span{font-size:28px;color:#1459a6}
.cards{grid-template-columns:repeat(4,minmax(0,1fr))}
.category-page-hero{background:linear-gradient(110deg,#fff 0%,#fff 55%,#f0f3f5 100%);padding:54px 0}
.category-page-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:center}
.category-page-copy h1{font-size:clamp(36px,4.6vw,56px);line-height:1.15;color:#173653;margin:14px 0}
.category-page-copy h2{font-size:20px;color:#294563;margin:0 0 12px}
.category-page-copy p{max-width:540px;color:#5c6d7f;margin:0 0 24px}
.category-page-photo{height:380px;background:#eef2f5;border:1px solid #dce4eb;overflow:hidden}
.category-page-photo img{width:100%;height:100%;object-fit:cover}
.category-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.category-detail-card{border:1px solid #dce4eb;background:#fff;padding:18px}
.detail-no{color:#1459a6;font-size:12px;font-weight:700;letter-spacing:.1em}
.category-detail-card h3{color:#173653;font-size:17px;margin:7px 0 14px}
.detail-image-placeholder{height:150px;min-height:150px}
.category-note{margin-top:20px;padding:12px 15px;border-left:3px solid #1459a6;background:#f2f4f6;color:#65788b;font-size:12px}
@media(max-width:800px){.category-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.category-tile{grid-template-columns:94px 1fr}}
@media(max-width:700px){.category-nav{padding:10px 0;overflow:hidden}.category-nav-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px;gap:10px}.category-tile{flex:0 0 76vw;scroll-snap-align:start;grid-template-columns:92px 1fr;padding:7px}.category-tile-image{height:68px}.category-tile-title{font-size:13px}.category-tile-en{font-size:8px}.hero-grid{grid-template-columns:1fr;min-height:unset}.hero-art{grid-row:1;min-height:230px}.hero-art img{height:230px}.hero-copy{grid-row:2}.hero h1{font-size:38px}.hero-subtitle{font-size:16px}.recent-grid{grid-template-columns:1fr;gap:14px}.recent-photo{height:210px}.cards{grid-template-columns:1fr}.category-page-hero{padding:28px 0 38px}.category-page-grid{grid-template-columns:1fr;gap:22px}.category-page-photo{height:235px;grid-row:1}.category-page-copy{grid-row:2}.category-page-copy h1{font-size:34px}.category-detail-grid{grid-template-columns:1fr}.category-detail-card{padding:14px}.detail-image-placeholder{height:120px;min-height:120px}}


/* Fixed contact action: Enterprise WeChat on Chinese pages, WhatsApp on English pages. */
.lutex-floating-contact{position:fixed;z-index:9999;right:24px;bottom:88px}
.lutex-floating-contact__link{min-height:54px;min-width:176px;padding:0 17px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;color:#fff!important;font-size:14px;font-weight:700;letter-spacing:.02em;box-shadow:0 8px 24px rgba(17,42,71,.24);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.lutex-floating-contact__link:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(17,42,71,.3);filter:brightness(.96)}
.lutex-floating-contact__link:focus-visible{outline:3px solid #f2b544;outline-offset:3px}
.lutex-floating-contact__link--wechat{background:#168b50}
.lutex-floating-contact__link--whatsapp{background:#168b50}
.lutex-floating-contact__link svg{width:22px;height:22px;fill:currentColor;flex:none}
.lutex-floating-contact__arrow{font-size:14px;opacity:.85;margin-left:2px}
@media(max-width:700px){.lutex-floating-contact{right:16px;bottom:calc(82px + env(safe-area-inset-bottom,0px))}.lutex-floating-contact__link{min-height:50px;min-width:162px;padding:0 15px;font-size:13px}}