/*
Theme Name: Liano 联诺
Theme URI: https://liano.africa
Author: AFCHAM Web Agency
Author URI: https://afcham.org
Description: Thème officiel de la plateforme Liano 联诺 (African Chamber of Commerce in China). Site vitrine Swap · Cargo · Jobs : gabarits de pages verticales, zones QR mini-programme WeChat et lien web-app, emplacements publicitaires labellisés, palette Liano (encre #101C2E, jade #0A9058, or #C98A12). Compatible Polylang / WPML, Rank Math / Yoast, WPForms, Wordfence.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: liano
Tags: custom-logo, custom-menu, custom-colors, featured-images, translation-ready, blog, e-commerce
*/

/* ====== Tokens ====== */
:root{
  --liano-ink:#101C2E;
  --liano-ink2:#16263D;
  --liano-paper:#F6F4EF;
  --liano-jade:#0A9058;
  --liano-jade-dark:#0C6E46;
  --liano-gold:#C98A12;
  --liano-gold-dark:#8A5A12;
  --liano-jobs:#5A4A8A;
  --liano-ad:#C9A227;
  --liano-line:#E0E2E6;
  --liano-muted:#8A96A3;
  --liano-text:#2E2E2E;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:'Inter','Noto Sans SC',system-ui,-apple-system,sans-serif;
  color:var(--liano-text);
  background:var(--liano-paper);
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-family:'Sora','Noto Sans SC',sans-serif;color:var(--liano-ink);line-height:1.2}
a{color:var(--liano-jade);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
.container{max-width:1080px;margin:0 auto;padding:0 24px}
.zh{font-family:'Noto Sans SC',sans-serif}

/* ====== Header ====== */
.site-header{background:var(--liano-ink);border-bottom:3px solid var(--liano-gold)}
.site-header .container{display:flex;align-items:center;gap:20px;padding-top:14px;padding-bottom:14px}
.site-branding{display:flex;align-items:center;gap:12px;flex:1}
.site-branding .custom-logo{max-height:44px;width:auto}
.site-title{font-family:'Sora';font-weight:800;font-size:24px;color:#fff;margin:0}
.site-title span{color:var(--liano-gold)}
.site-description{color:#9FB0C4;font-size:12px;margin:2px 0 0}
.main-navigation ul{list-style:none;display:flex;gap:4px;margin:0;padding:0;flex-wrap:wrap}
.main-navigation a{display:block;color:#C7D3E0;font-family:'Sora';font-weight:600;font-size:14px;padding:8px 13px;border-radius:8px}
.main-navigation a:hover{background:rgba(255,255,255,.08);color:#fff;text-decoration:none}
.main-navigation .current-menu-item>a{background:var(--liano-jade);color:#fff}
.menu-toggle{display:none;background:none;border:1px solid #3A4E62;color:#fff;border-radius:8px;padding:8px 12px;font-size:16px}

/* ====== Hero (accueil) ====== */
.liano-hero{background:linear-gradient(135deg,var(--liano-ink),var(--liano-ink2));color:#EAF0F6;padding:64px 0 54px}
.liano-hero .kicker{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--liano-gold);margin-bottom:16px}
.liano-hero h1{font-size:clamp(30px,4.6vw,48px);font-weight:800;color:#fff;letter-spacing:-.02em;margin:0 0 14px}
.liano-hero h1 span{color:var(--liano-gold)}
.liano-hero .lede{max-width:680px;font-size:17px;color:#B9C6D6;margin:0 0 26px}

.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
.hub-card{border-radius:14px;padding:20px;color:#fff;position:relative;overflow:hidden;display:block}
.hub-card:hover{text-decoration:none;transform:translateY(-2px);transition:transform .15s ease}
.hub-card .hc-lab{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.8}
.hub-card .hc-t{font-family:'Sora';font-weight:700;font-size:19px;margin-top:6px}
.hub-card .hc-s{font-size:13px;opacity:.85;margin-top:8px}
.hub-swap{background:linear-gradient(135deg,#0F1B2D,#1B3450)}
.hub-cargo{background:linear-gradient(135deg,var(--liano-jade),var(--liano-jade-dark))}
.hub-jobs{background:linear-gradient(135deg,var(--liano-jobs),#3E3565)}

.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.btn{display:inline-block;font-family:'Sora';font-weight:600;font-size:15px;padding:13px 24px;border-radius:11px;border:1.5px solid transparent}
.btn-jade{background:var(--liano-jade);color:#fff}
.btn-jade:hover{background:var(--liano-jade-dark);text-decoration:none}
.btn-ghost{border-color:var(--liano-jade);color:var(--liano-jade);background:#fff}
.btn-ghost:hover{background:var(--liano-fond,#EAF4EE);text-decoration:none}
.btn-ink{background:var(--liano-ink);color:#fff}

/* ====== Zones produit ====== */
.qr-app-band{display:flex;gap:22px;align-items:center;background:#fff;border:1px solid var(--liano-line);border-radius:14px;padding:20px 22px;margin:34px 0;flex-wrap:wrap}
.qr-app-band img.qr{width:120px;height:120px;border:1px solid var(--liano-line);border-radius:10px}
.qr-app-band .qa-txt{flex:1;min-width:230px}
.qr-app-band h3{margin:0 0 6px;font-size:18px}
.qr-app-band p{margin:0 0 12px;color:#54687E;font-size:14px}

.liano-disclaimer{background:#FFF8EC;border:1px solid #F0D9A6;border-left:4px solid var(--liano-gold);border-radius:0 10px 10px 0;padding:14px 18px;margin:26px 0;font-size:14px;color:#7A5C1E}
.liano-disclaimer strong{color:var(--liano-gold-dark)}

.ad-slot{position:relative;border:1.5px dashed var(--liano-ad);background:#FFFDF4;border-radius:11px;padding:14px 16px;margin:26px 0}
.ad-slot .ad-label{position:absolute;top:-9px;right:12px;font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:700;letter-spacing:.08em;background:var(--liano-ad);color:#fff;padding:2px 9px;border-radius:4px;text-transform:uppercase}
.ad-slot .ad-title{font-family:'Sora';font-weight:700;font-size:15px;color:var(--liano-ink)}
.ad-slot .ad-sub{font-size:12.5px;color:var(--liano-muted);margin-top:3px}

/* ====== Contenu ====== */
.site-main{padding:44px 0}
.page-header{margin-bottom:22px}
.page-header h1{font-size:clamp(26px,3.6vw,36px);margin:0}
.page-header .kicker{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--liano-jade);font-weight:700}
.entry-content h2{font-size:24px;margin-top:34px}
.entry-content h3{font-size:19px;margin-top:26px}
.entry-content table{border-collapse:collapse;width:100%;margin:18px 0;font-size:14.5px}
.entry-content th{background:var(--liano-ink2);color:#fff;text-align:left;padding:10px 13px;font-family:'Sora';font-size:13.5px}
.entry-content td{border-bottom:1px solid var(--liano-line);padding:9px 13px}
.entry-content code{background:#EDEAE1;padding:1px 6px;border-radius:5px;font-size:13px}

.vert-badge{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.06em;padding:3px 10px;border-radius:6px;margin-bottom:10px;text-transform:uppercase}
.vert-swap{background:#E7F0FA;color:#1B4F8A;border:1px solid #BFD7F0}
.vert-cargo{background:#E7F4EE;color:var(--liano-jade);border:1px solid #B5E0CC}
.vert-jobs{background:#F3E9FA;color:var(--liano-jobs);border:1px solid #DBC9F0}

.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}
.feature{background:#fff;border:1px solid var(--liano-line);border-radius:12px;padding:18px}
.feature h4{margin:0 0 6px;font-size:16px}
.feature p{margin:0;font-size:13.5px;color:#54687E}

/* ====== Articles / blog ====== */
.post-card{background:#fff;border:1px solid var(--liano-line);border-radius:12px;padding:20px;margin-bottom:16px}
.post-card h2{margin:0 0 6px;font-size:20px}
.post-meta{color:var(--liano-muted);font-size:12.5px;font-family:'JetBrains Mono',monospace}

/* ====== Footer ====== */
.site-footer{background:var(--liano-ink);color:#8497AB;margin-top:50px}
.site-footer .container{padding-top:34px;padding-bottom:22px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:26px;margin-bottom:24px}
.site-footer h4{color:#fff;font-size:15px;margin:0 0 10px}
.site-footer a{color:#B9C6D6;font-size:13.5px}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{margin:6px 0}
.footer-brand img{max-width:150px;background:#fff;border-radius:8px;padding:6px}
.footer-brand p{font-size:13px;line-height:1.6;margin:10px 0 0}
.footer-bottom{border-top:1px solid #2A3E58;padding-top:16px;font-size:12px;font-family:'JetBrains Mono',monospace;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.footer-bottom .zh{color:var(--liano-gold)}

/* ====== Responsive ====== */
@media(max-width:860px){
  .hub-grid,.feature-grid,.footer-grid{grid-template-columns:1fr}
  .main-navigation{display:none;width:100%}
  .main-navigation.open{display:block}
  .main-navigation ul{flex-direction:column;padding-top:10px}
  .menu-toggle{display:block}
  .site-header .container{flex-wrap:wrap}
}