/* =========================================================================
   TGUKLTD Industrial Pro — base / chrome
   Header, navigation, mobile menu, footer, WhatsApp button, base type.
   ========================================================================= */

:root{
	--green:#2d8c30;
	--green-light:#4db34a;
	--charcoal:#1c1c1c;
	--ink:#0e0e0e;
	--amber:#f4a100;
	--amber-dark:#d98a00;
	--steel:#22333d;
	--off-white:#f5f4f0;
	--mid:#555;
	--border:#e0ddd8;
	--white:#fff;
	--wrap:1200px;
	--ease:cubic-bezier(.16,1,.3,1);
}

html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
*{box-sizing:border-box;}
body{margin:0;font-family:'Barlow',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--charcoal);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;height:auto;}
.tg-wrap{max-width:var(--wrap);margin:0 auto;padding:0 32px;}
.tg-skip{position:absolute;left:-9999px;}
.tg-skip:focus{left:16px;top:16px;background:var(--charcoal);color:#fff;padding:10px 16px;z-index:1001;}

/* ---- HEADER ---- */
.tg-header{position:sticky;top:0;z-index:900;background:var(--white);border-bottom:1px solid var(--border);}
.tg-header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;height:84px;}
.tg-logo{display:flex;align-items:center;gap:10px;font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:22px;letter-spacing:.5px;color:var(--charcoal);margin-right:auto;}
.tg-logo img{max-height:72px;width:auto;}
.tg-logo .tg-logo__amp{color:var(--green);}
.tg-nav{display:flex;align-items:center;gap:28px;}
.tg-nav ul{list-style:none;display:flex;gap:26px;margin:0;padding:0;}
.tg-nav ul a{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:1px;font-weight:600;font-size:15px;color:var(--charcoal);position:relative;padding:6px 0;}
.tg-nav ul a::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--green);transition:width .3s var(--ease);}
.tg-nav ul a:hover::after,.tg-nav ul .current-menu-item > a::after{width:100%;}
.tg-quote{display:inline-flex;align-items:center;background:var(--green);color:#fff;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;font-size:13px;line-height:1;padding:12px 20px;border:none;border-radius:4px;transition:all .3s var(--ease);}
.tg-quote:hover{background:var(--green-light);}
.tg-burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px;}
.tg-burger span{width:26px;height:2px;background:var(--charcoal);display:block;transition:.3s;}
.tg-tel{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:4px;color:var(--charcoal);transition:color .25s var(--ease),background .25s var(--ease);flex-shrink:0;}
.tg-tel svg{width:23px;height:23px;display:block;}
.tg-tel:hover{color:var(--green);background:rgba(0,0,0,0.05);}

/* ---- MOBILE MENU ---- */
.tg-mob{position:fixed;inset:0 0 0 auto;width:min(82vw,360px);background:var(--charcoal);color:#fff;transform:translateX(100%);transition:transform .4s var(--ease);z-index:950;padding:84px 26px 36px;overflow-y:auto;}
.tg-mob.is-open{transform:none;}
.tg-mob ul{list-style:none;margin:0;padding:0;}
.tg-mob li{border-bottom:1px solid rgba(255,255,255,.1);}
.tg-mob a{display:block;padding:12px 0;font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:15px;letter-spacing:.5px;color:#fff;}
.tg-mob .tg-mob__quote{display:flex;width:100%;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-size:13px;letter-spacing:1.5px;padding:14px 20px;margin-top:24px;color:#fff;}
.tg-mob__close{position:absolute;top:24px;right:24px;background:none;border:0;color:#fff;font-size:28px;cursor:pointer;line-height:1;}
.tg-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:.3s;z-index:940;}
.tg-overlay.is-open{opacity:1;visibility:visible;}

/* ---- FOOTER ---- */
.tg-footer{background:var(--ink);color:rgba(255,255,255,.72);padding:64px 0 28px;}
.tg-footer__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;}
.tg-footer h4{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:1.5px;font-size:13px;color:var(--green-light);margin:0 0 16px;font-weight:700;}
.tg-footer__brand h3{font-family:'Barlow',sans-serif;text-transform:uppercase;letter-spacing:.5px;color:#fff;font-size:17px;font-weight:700;line-height:1.3;margin:0 0 8px;}
.tg-footer__brand p{font-family:'Barlow',sans-serif;font-size:13px;margin:0 0 18px;color:rgba(255,255,255,.5);font-style:normal;line-height:1.5;}
.tg-footer__contact{list-style:none;margin:0;padding:0;font-size:14px;}
.tg-footer__contact li{display:flex;align-items:flex-start;gap:10px;margin:0 0 11px;line-height:1.5;}
.tg-footer__contact .ic{flex-shrink:0;width:15px;height:15px;margin-top:3px;color:var(--green-light);}
.tg-footer__contact a:hover{color:#fff;}
.tg-footer ul.tg-footer__links{list-style:none;margin:0;padding:0;}
.tg-footer__links li{margin:0 0 10px;}
.tg-footer__links a{font-size:14px;transition:color .25s,padding-left .25s;}
.tg-footer__links a:hover{color:#fff;padding-left:5px;}
.tg-footer__bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:48px;padding-top:24px;font-size:12px;color:rgba(255,255,255,.4);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;}

/* ---- WHATSAPP FLOAT ---- */
.tg-wa-float{position:fixed;bottom:22px;right:22px;z-index:920;display:inline-flex;align-items:center;gap:9px;background:#25D366;color:#fff;font-weight:700;font-size:15px;padding:13px 20px;border-radius:40px;box-shadow:0 8px 24px -8px rgba(0,0,0,.4);transition:transform .3s var(--ease);}
.tg-wa-float:hover{transform:translateY(-2px);}

/* ---- generic page content ---- */
.tg-page{padding:0;}
.tg-page__inner{max-width:var(--wrap);margin:0 auto;padding:56px 32px;}
.tg-page__inner h1{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:clamp(28px,4vw,48px);line-height:1.05;margin:0 0 24px;}

/* ---- responsive ---- */
@media (max-width:900px){
	.tg-nav{display:none;}
	.tg-burger{display:flex;}
	.tg-footer__grid{grid-template-columns:1fr 1fr;}
	.tg-header__inner{height:68px;}
	.tg-logo img{max-height:52px;}
}
@media (max-width:600px){
	.tg-wrap,.tg-page__inner{padding-left:20px;padding-right:20px;}
	.tg-footer__grid{grid-template-columns:1fr;}
}

/* =========================================================================
   WordPress block layout support — constrained content width, wide/full
   alignment, and columns. A standalone theme must provide these or block
   content (the brand/category/industry pages) renders edge-to-edge and
   columns collapse. Mirrors core's generated layout CSS.
   ========================================================================= */

/* Headings default to the display face site-wide (footer overrides keep their own). */
h1,h2,h3,h4,h5,h6{font-family:'Oswald',sans-serif;font-weight:700;}

/* Constrained inner containers: centre children at content width, keep gutters. */
.is-layout-constrained{padding-left:clamp(20px,4vw,32px);padding-right:clamp(20px,4vw,32px);}
.is-layout-constrained > *{max-width:1200px;margin-left:auto;margin-right:auto;}
.is-layout-constrained > .alignwide{max-width:1400px;}
.is-layout-constrained > .alignfull{max-width:none;margin-left:0;margin-right:0;padding-left:0;padding-right:0;}

/* Full-width bands fill the viewport. */
.alignfull{width:100%;}

/* Columns sit side by side (was collapsing to stacked). */
.wp-block-columns{display:flex;flex-wrap:wrap;gap:2em;align-items:flex-start;}
.wp-block-column{flex:1 1 0%;min-width:0;}
@media (max-width:781px){
	.wp-block-columns{display:block;}
	.wp-block-column{width:100%!important;max-width:100%!important;margin-bottom:24px;}
}

/* Hide the Jetpack "Like this" / sharing widget appended after page content
   (this is a Jetpack feature, not part of the theme — see note about turning
   it off permanently in Jetpack/Sharing settings). */
.sharedaddy,
.jetpack-likes-widget-wrapper,
.sd-like,
.sd-sharing-enabled,
div[id^="like-post-wrapper"]{
	display:none !important;
}