/*
Theme Name: TradeBridge APAC
Theme URI: https://example.com/tradebridge-apac
Author: TradeBridge Studio
Description: A responsive Asia-Pacific trading company theme with Elementor Free and Smart Slider 3 compatibility, extensive Customizer controls, WooCommerce readiness, and polished starter layouts.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: tradebridge-apac
Tags: custom-logo, custom-menu, featured-images, full-width-template, e-commerce, translation-ready, block-styles
*/
:root{--tb-navy:#071b33;--tb-blue:#0f5d7a;--tb-cyan:#11a7a2;--tb-gold:#f1b84b;--tb-ink:#172133;--tb-muted:#5f6c7b;--tb-bg:#f4f7fa;--tb-white:#fff;--tb-radius:18px;--tb-shadow:0 18px 50px rgba(7,27,51,.11);--tb-width:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--tb-ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.7}a{color:var(--tb-blue);text-decoration:none}a:hover{color:var(--tb-cyan)}img{max-width:100%;height:auto}.tb-container{width:min(var(--tb-width),calc(100% - 40px));margin:auto}.screen-reader-text{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;z-index:9999;background:#fff;padding:10px}
.tb-topbar{background:var(--tb-navy);color:#dce7f0;font-size:13px}.tb-topbar .tb-container{display:flex;justify-content:space-between;gap:20px;padding:8px 0}.tb-topbar a{color:#fff}.tb-header{position:relative;z-index:30;background:rgba(255,255,255,.97);border-bottom:1px solid #e8edf2}.tb-header-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:28px}.tb-brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:800;color:var(--tb-navy);letter-spacing:-.4px}.tb-brand img,.custom-logo{max-height:54px;width:auto}.tb-brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--tb-cyan),var(--tb-blue));font-weight:900}.tb-nav ul{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0}.tb-nav a{font-weight:650;color:var(--tb-navy);font-size:14px}.tb-nav .sub-menu{display:none;position:absolute;background:white;padding:15px;box-shadow:var(--tb-shadow)}.tb-nav li:hover>.sub-menu{display:block}.tb-menu-toggle{display:none;border:0;background:var(--tb-navy);color:#fff;padding:10px 14px;border-radius:9px}.tb-header-cta,.tb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;background:var(--tb-gold);color:var(--tb-navy)!important;padding:12px 20px;font-weight:800;border:0}.tb-btn-dark{background:var(--tb-navy);color:#fff!important}.tb-btn-outline{background:transparent;border:1px solid rgba(255,255,255,.45);color:#fff!important}
.tb-hero{overflow:hidden;position:relative;background:radial-gradient(circle at 80% 15%,rgba(17,167,162,.35),transparent 30%),linear-gradient(125deg,#061729,#0b3650 68%,#0b5f69);color:#fff}.tb-hero:after{content:"";position:absolute;inset:auto -10% -100px 44%;height:300px;border:1px solid rgba(255,255,255,.1);transform:rotate(-12deg)}.tb-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:70px;min-height:650px;padding:85px 0}.tb-eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--tb-gold);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:1.8px}.tb-eyebrow:before{content:"";width:28px;height:2px;background:currentColor}.tb-hero h1{font-size:clamp(42px,5.7vw,72px);line-height:1.02;letter-spacing:-2.8px;margin:18px 0 22px}.tb-hero p{max-width:650px;color:#dbe8ef;font-size:19px}.tb-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.tb-trade-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(14px);padding:28px;border-radius:25px;box-shadow:0 30px 70px rgba(0,0,0,.24)}.tb-map{height:270px;border-radius:17px;background:linear-gradient(145deg,rgba(17,167,162,.3),rgba(7,27,51,.4));position:relative;display:grid;place-items:center;overflow:hidden}.tb-map:before{content:"APAC";font-size:75px;font-weight:950;color:rgba(255,255,255,.08);letter-spacing:8px}.tb-route{position:absolute;width:68%;height:42%;border:2px dashed var(--tb-gold);border-radius:50%;transform:rotate(-12deg)}.tb-route:before,.tb-route:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--tb-gold);box-shadow:0 0 0 7px rgba(241,184,75,.16)}.tb-route:before{left:-5px;top:50%}.tb-route:after{right:-5px;top:25%}.tb-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.tb-metric{padding:14px 6px;text-align:center;border-radius:12px;background:rgba(255,255,255,.07)}.tb-metric strong{display:block;font-size:21px;color:#fff}.tb-metric span{font-size:11px;color:#b9ced9;text-transform:uppercase;letter-spacing:.8px}
.tb-section{padding:90px 0}.tb-section-alt{background:var(--tb-bg)}.tb-section-dark{background:var(--tb-navy);color:#fff}.tb-section-head{max-width:720px;margin-bottom:45px}.tb-section-head.center{text-align:center;margin:0 auto 45px}.tb-section h2{font-size:clamp(32px,4vw,46px);line-height:1.15;letter-spacing:-1.5px;margin:12px 0}.tb-section-head p{color:var(--tb-muted);font-size:18px}.tb-section-dark p{color:#bfd0dc}.tb-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.tb-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.tb-card{background:#fff;padding:30px;border:1px solid #e6edf2;border-radius:var(--tb-radius);box-shadow:0 4px 14px rgba(7,27,51,.03);transition:.25s}.tb-card:hover{transform:translateY(-6px);box-shadow:var(--tb-shadow)}.tb-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:#e4f7f5;color:var(--tb-cyan);font-size:25px;margin-bottom:18px}.tb-card h3{margin:0 0 9px;color:var(--tb-navy);font-size:20px}.tb-card p{margin:0;color:var(--tb-muted)}.tb-product{min-height:260px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff!important;background:linear-gradient(to top,rgba(7,27,51,.97),rgba(7,27,51,.1)),linear-gradient(135deg,#117e86,#0d3c5a)}.tb-product:nth-child(2){background:linear-gradient(to top,rgba(7,27,51,.97),rgba(7,27,51,.1)),linear-gradient(135deg,#a87816,#e6b448)}.tb-product:nth-child(3){background:linear-gradient(to top,rgba(7,27,51,.97),rgba(7,27,51,.1)),linear-gradient(135deg,#355c33,#79a34a)}.tb-product h3{color:#fff}.tb-product p{color:#d7e3ea}.tb-process{counter-reset:step}.tb-step{position:relative;padding:28px 25px 25px 75px;background:#0c2944;border:1px solid rgba(255,255,255,.1);border-radius:16px}.tb-step:before{counter-increment:step;content:"0" counter(step);position:absolute;left:22px;top:22px;color:var(--tb-gold);font-weight:900;font-size:20px}.tb-step h3{margin:0 0 6px}.tb-cta{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:45px;border-radius:24px;background:linear-gradient(120deg,var(--tb-cyan),var(--tb-blue));color:#fff}.tb-cta h2{margin:0;font-size:35px}.tb-cta p{margin:8px 0 0;color:#e1f4f3}.tb-page-hero{padding:75px 0;background:linear-gradient(125deg,var(--tb-navy),var(--tb-blue));color:#fff}.tb-page-hero h1{font-size:48px;margin:5px 0}.tb-content{padding:70px 0}.tb-content>.tb-container{max-width:900px}.tb-content h2,.tb-content h3{color:var(--tb-navy)}
.tb-footer{background:#041426;color:#b9c9d5;padding:65px 0 24px}.tb-footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:45px}.tb-footer h3,.tb-footer h4{color:#fff;margin-top:0}.tb-footer ul{list-style:none;padding:0;margin:0}.tb-footer li{margin:8px 0}.tb-footer a{color:#c7d6df}.tb-footer-bottom{border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:15px;margin-top:45px;padding-top:22px;font-size:13px}.alignwide{width:min(1180px,calc(100vw - 40px));max-width:none;margin-left:50%;transform:translateX(-50%)}.elementor-template-full-width .tb-content>.tb-container{max-width:none;width:100%}.elementor-template-full-width .tb-content{padding:0}
@media(max-width:900px){.tb-menu-toggle{display:block}.tb-nav{display:none;position:absolute;top:80px;left:20px;right:20px;background:#fff;padding:20px;box-shadow:var(--tb-shadow)}.tb-nav.open{display:block}.tb-nav ul{flex-direction:column;align-items:flex-start}.tb-header-cta{display:none}.tb-hero-grid{grid-template-columns:1fr;padding:65px 0}.tb-grid-3,.tb-grid-4{grid-template-columns:1fr 1fr}.tb-footer-grid{grid-template-columns:1fr 1fr}.tb-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.tb-topbar .tb-container{display:block}.tb-topbar-right{display:none}.tb-grid-3,.tb-grid-4,.tb-footer-grid{grid-template-columns:1fr}.tb-hero h1{letter-spacing:-1.5px}.tb-hero-grid{gap:35px}.tb-metrics{grid-template-columns:1fr}.tb-section{padding:65px 0}.tb-footer-bottom{flex-direction:column}.tb-cta{padding:30px}}