/*
Theme Name: Mekongzon
Theme URI: https://mekongzon.com
Author: Mekongzon
Description: Asset-light B2B WordPress theme for ASEAN bonded electronics distribution, RFQ conversion, WooCommerce catalog, and logistics-tech positioning.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 6.5
Requires PHP: 8.0
License: GPLv2 or later
Text Domain: mekongzon
Tags: ecommerce, custom-logo, block-styles, wide-blocks, featured-images, full-site-editing-ready
*/

:root{
  --mz-blue:#09233f;
  --mz-blue-2:#0f365f;
  --mz-green:#22a06b;
  --mz-green-dark:#13724b;
  --mz-slate:#667085;
  --mz-dark:#111827;
  --mz-light:#f5f7fa;
  --mz-white:#ffffff;
  --mz-border:#e6eaf0;
  --mz-card:#ffffff;
  --mz-radius:18px;
  --mz-radius-sm:12px;
  --mz-shadow:0 20px 50px rgba(9,35,63,.10);
  --mz-max:1180px;
}

*{box-sizing:border-box}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--mz-dark);background:#fff;line-height:1.6;font-size:16px}
a{color:var(--mz-blue-2);text-decoration:none}a:hover{color:var(--mz-green)}
img{max-width:100%;height:auto}.mz-container{width:min(var(--mz-max),calc(100% - 40px));margin:0 auto}.screen-reader-text{position:absolute;left:-9999px}.alignwide{max-width:var(--mz-max);margin-left:auto;margin-right:auto}.alignfull{width:100%}

.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--mz-border)}
.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-branding{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-width:0;text-align:left}.site-logo-link{display:inline-flex;align-items:center;justify-content:flex-start;flex:0 0 auto;line-height:0}.custom-logo-link{display:inline-flex!important;align-items:center;justify-content:flex-start;line-height:0}.custom-logo,.site-header .custom-logo-link img{width:45px!important;height:45px!important;max-width:45px!important;max-height:45px!important;object-fit:contain;display:block}.site-logo-mark{width:45px;height:45px;min-width:45px;border-radius:12px;background:linear-gradient(135deg,var(--mz-blue),var(--mz-green));display:grid;place-items:center;color:white;font-weight:800;letter-spacing:-.04em}.site-identity{min-width:0;text-align:left}.site-title{font-size:23px;line-height:1.05;font-weight:800;color:var(--mz-blue);letter-spacing:-.04em;margin:0}.site-title a{color:var(--mz-blue)}.site-description{font-size:12px;line-height:1.25;color:var(--mz-slate);margin:2px 0 0}.main-navigation ul{display:flex;gap:22px;list-style:none;margin:0;padding:0;align-items:center}.main-navigation a{font-weight:650;color:#27364a;font-size:14px}.menu-cta a,.mz-button,.button,.wp-block-button__link,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;background:var(--mz-green);color:#fff!important;padding:12px 20px;font-weight:750;border:0;box-shadow:0 10px 22px rgba(34,160,107,.22);transition:.18s ease}.mz-button:hover,.menu-cta a:hover,.button:hover{transform:translateY(-1px);background:var(--mz-green-dark);color:#fff!important}.mz-button.secondary{background:#fff;color:var(--mz-blue)!important;border:1px solid var(--mz-border);box-shadow:none}.mobile-nav-toggle{display:none;background:transparent;border:0;font-size:28px;color:var(--mz-blue)}

.hero{background:radial-gradient(circle at 80% 10%,rgba(34,160,107,.18),transparent 30%),linear-gradient(135deg,#071d35 0%,#0a294b 55%,#123f68 100%);color:#fff;padding:92px 0 74px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:7px 12px;background:rgba(255,255,255,.08);font-weight:700;color:#d9fff0;font-size:13px}.hero h1{font-size:clamp(42px,6vw,72px);line-height:.98;margin:22px 0 18px;letter-spacing:-.065em}.hero p{font-size:19px;color:#d8e5ef;max-width:640px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.hero-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:28px;padding:26px;box-shadow:0 30px 70px rgba(0,0,0,.22)}.flow-map{display:grid;gap:14px}.flow-node{background:rgba(255,255,255,.92);color:var(--mz-blue);padding:17px 18px;border-radius:16px;display:flex;justify-content:space-between;align-items:center;font-weight:800}.flow-node span{color:var(--mz-green)}.flow-arrow{text-align:center;color:#b7d5e8;font-size:24px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.metric{background:rgba(255,255,255,.1);border-radius:16px;padding:14px}.metric strong{display:block;font-size:24px;color:#fff}.metric small{color:#c5d9e8}

.section{padding:82px 0}.section.alt{background:var(--mz-light)}.section-header{max-width:760px;margin-bottom:34px}.section-header.center{text-align:center;margin-left:auto;margin-right:auto}.section-kicker{font-weight:800;color:var(--mz-green);text-transform:uppercase;letter-spacing:.12em;font-size:12px}.section h2{font-size:clamp(30px,4vw,48px);line-height:1.05;margin:8px 0 12px;letter-spacing:-.05em;color:var(--mz-blue)}.section p.lead{font-size:18px;color:var(--mz-slate)}

.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.mz-card{background:var(--mz-card);border:1px solid var(--mz-border);border-radius:var(--mz-radius);padding:26px;box-shadow:0 10px 30px rgba(17,24,39,.04)}.mz-card h3{margin:0 0 8px;font-size:22px;color:var(--mz-blue);letter-spacing:-.03em}.mz-card p{color:var(--mz-slate);margin:0}.icon-pill{width:48px;height:48px;border-radius:14px;background:#eaf8f1;color:var(--mz-green);display:grid;place-items:center;font-weight:900;margin-bottom:18px}

.workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:flow}.workflow-step{position:relative;background:#fff;border:1px solid var(--mz-border);border-radius:var(--mz-radius);padding:26px}.workflow-step:before{counter-increment:flow;content:counter(flow);width:34px;height:34px;border-radius:50%;background:var(--mz-blue);color:#fff;display:grid;place-items:center;font-weight:800;margin-bottom:18px}.markets{display:grid;grid-template-columns:1.2fr .8fr;gap:28px}.market-map{min-height:360px;border-radius:28px;background:linear-gradient(145deg,#0b294a,#123f68);position:relative;overflow:hidden;padding:28px;color:#fff}.market-dot{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--mz-green);box-shadow:0 0 0 8px rgba(34,160,107,.18)}.dot-vn{left:49%;top:52%}.dot-kh{left:45%;top:62%}.dot-th{left:39%;top:55%}.dot-ph{left:67%;top:51%}.dot-my{left:46%;top:75%}.market-list{display:grid;gap:12px}.market-item{border:1px solid var(--mz-border);border-radius:14px;padding:16px 18px;background:#fff;font-weight:750;color:var(--mz-blue);display:flex;justify-content:space-between}.market-item span{color:var(--mz-green)}

.cta-band{background:linear-gradient(135deg,var(--mz-blue),#123f68);color:#fff;border-radius:32px;padding:44px;display:flex;align-items:center;justify-content:space-between;gap:24px}.cta-band h2{color:#fff;margin:0;font-size:34px}.cta-band p{color:#d8e5ef;margin:8px 0 0}.site-main{min-height:60vh}.page-header{background:var(--mz-light);padding:68px 0;border-bottom:1px solid var(--mz-border)}.page-header h1{font-size:clamp(36px,5vw,60px);line-height:1.02;margin:0;color:var(--mz-blue);letter-spacing:-.055em}.page-content{padding:58px 0}.entry-content{max-width:860px}.entry-content h2,.entry-content h3{color:var(--mz-blue);letter-spacing:-.035em}.entry-content p,.entry-content li{color:#39465a}.entry-content table{width:100%;border-collapse:collapse;margin:24px 0}.entry-content td,.entry-content th{border:1px solid var(--mz-border);padding:12px;text-align:left}.entry-content th{background:var(--mz-light)}

.rfq-panel{background:#fff;border:1px solid var(--mz-border);border-radius:24px;box-shadow:var(--mz-shadow);padding:30px}.rfq-panel input,.rfq-panel select,.rfq-panel textarea,.fluentform input,.fluentform select,.fluentform textarea{width:100%;border:1px solid var(--mz-border);border-radius:12px;padding:13px 14px;font:inherit}.rfq-panel label{font-weight:750;color:var(--mz-blue);font-size:14px}.rfq-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rfq-grid .full{grid-column:1/-1}

.woocommerce ul.products{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.woocommerce ul.products li.product{width:auto!important;float:none!important;background:#fff;border:1px solid var(--mz-border);border-radius:var(--mz-radius);padding:18px;box-shadow:0 10px 30px rgba(17,24,39,.04)}.woocommerce ul.products li.product .price{color:var(--mz-green);font-weight:800}.woocommerce div.product .product_title{color:var(--mz-blue);letter-spacing:-.04em}.woocommerce-product-details__short-description{color:var(--mz-slate)}

.site-footer{background:#071d35;color:#cbd7e3;padding:56px 0 28px}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:34px}.site-footer h3,.site-footer h4{color:#fff}.site-footer a{color:#cbd7e3}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:36px;padding-top:20px;font-size:13px;color:#94a3b8}

@media (max-width:900px){.hero-grid,.markets,.footer-grid{grid-template-columns:1fr}.card-grid,.workflow,.woocommerce ul.products{grid-template-columns:1fr 1fr}.main-navigation{display:none;position:absolute;left:0;right:0;top:76px;background:#fff;border-bottom:1px solid var(--mz-border);padding:20px}.main-navigation.is-open{display:block}.main-navigation ul{display:grid}.mobile-nav-toggle{display:block}.metric-row{grid-template-columns:1fr 1fr 1fr}}
@media (max-width:640px){.custom-logo,.site-header .custom-logo-link img{width:30px!important;height:30px!important;max-width:30px!important;max-height:30px!important}.site-logo-mark{width:30px;height:30px;min-width:30px;border-radius:9px;font-size:11px}.site-branding{gap:9px}.site-title{font-size:19px}.site-description{font-size:11px}.mz-container{width:min(100% - 24px,var(--mz-max))}.hero{padding:62px 0}.card-grid,.workflow,.woocommerce ul.products,.rfq-grid{grid-template-columns:1fr}.cta-band{display:block;padding:28px}.hero-actions{display:grid}.metric-row{grid-template-columns:1fr}.header-inner{height:68px}.main-navigation{top:68px}}


/* WhatsApp Floating Button */
.mz-whatsapp-float{
position:fixed;
right:20px;
bottom:20px;
width:58px;
height:58px;
background:#25D366;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
z-index:9999;
box-shadow:0 8px 24px rgba(0,0,0,.2);
transition:transform .2s ease;
}
.mz-whatsapp-float:hover{
transform:scale(1.08);
}
.mz-whatsapp-float svg{
width:28px;
height:28px;
fill:#fff;
}
@media(max-width:768px){
.mz-whatsapp-float{
width:52px;
height:52px;
right:16px;
bottom:16px;
}
}