/*
Theme Name: Trans Global Reload
Description: Custom editable website for Trans Global Reload Inc.
Version: 1.3.3
Author: Naz Kreates
Text Domain: transglobal-reload
*/
/*
Theme Name: Trans Global Reload
Description: Custom editable website for Trans Global Reload Inc.
Version: 1.3.3
Author: Naz Kreates
Text Domain: transglobal-reload
*/
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--blue:#123e83;--navy:#0b1e3d;--green:#93c83e;--grey:#e9ecee;--ink:#122743;--muted:#63717e;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:#fff}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:5px}a:focus-visible,button:focus-visible{outline:3px solid var(--green)}.shell{width:min(1370px,90%);margin:auto}.review-strip{background:var(--navy);color:#bac6d6;font-size:10px;letter-spacing:.15em;padding:9px 0}.review-strip .shell{display:flex;justify-content:space-between}.review-strip span{letter-spacing:.06em}header{position:sticky;top:0;z-index:10;background:white;border-bottom:1px solid #e5e9ed}.nav{display:flex;align-items:center;justify-content:space-between;height:100px;gap:25px}.brand{width:270px;flex-shrink:0}.brand img{width:100%;display:block}.nav nav{display:flex;align-items:center;gap:25px;font-size:12px;font-weight:700}.nav nav a[aria-current=page]{color:var(--blue)}.nav nav a:not(.nav-cta):hover{color:#659926}.nav-cta{background:var(--blue);color:white;padding:17px 20px;display:flex;gap:20px}.nav-cta span{color:var(--green);font-size:18px}.menu{display:none}.hero{background:linear-gradient(90deg,#0b1e3df5 4%,#0b1e3ddc 40%,#0b1e3d32 100%),url('assets/warehouse.jpg') center/cover;color:white;position:relative;overflow:hidden}.hero:after{content:'';position:absolute;right:-30px;bottom:0;height:10px;width:38%;background:var(--green);transform:skewX(-26deg)}.hero-inner{min-height:720px;display:flex;align-items:center;position:relative;padding:70px 0}.hero-copy{max-width:750px}.eyebrow{font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.16em;color:#6b942c;margin:0 0 22px}.hero .eyebrow,.page-hero .eyebrow{color:var(--green)}h1,h2,h3{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;text-transform:uppercase;line-height:.95;margin:0;letter-spacing:-.01em}h1{font-size:clamp(70px,8.5vw,122px);font-weight:800}h1 em{font-style:normal;color:var(--green)}.hero-copy>p:not(.eyebrow){max-width:470px;font-size:16px;line-height:1.8;color:#d4dce6;margin:27px 0}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:32px}.button{border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--green);color:var(--navy);padding:19px 25px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;cursor:pointer}.button:hover{background:#a4d654}.button span{font-size:20px;line-height:1}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:7px;display:inline-block}.hero-caption{position:absolute;bottom:40px;right:0;text-align:right;font-size:12px;letter-spacing:.1em}.hero-caption small{display:block;font-size:10px;margin-top:8px;color:#d4dce6;letter-spacing:.03em}.service-ribbon{background:var(--blue);color:white;padding:25px 0;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:700;font-size:20px;letter-spacing:.04em}.service-ribbon .shell{display:flex;justify-content:space-between}.lime{color:var(--green)}.section{padding:100px 0}h2{font-size:clamp(48px,5.2vw,75px);font-weight:700}h3{font-size:36px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:45px}.section-head>p{max-width:360px;line-height:1.8;color:var(--muted);font-size:15px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#dbe2e8}.service{padding:35px;background:#f0f3f5;min-height:365px;display:flex;flex-direction:column;transition:background .2s}.service:hover{background:#e8eff5}.service-top{display:flex;justify-content:space-between;color:var(--blue)}.number{font-size:12px;letter-spacing:.1em;font-weight:700;color:#729d2e}.service h3{font-size:38px;margin:50px 0 20px}.service p{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 25px;max-width:300px}.service-bottom{font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.08em;margin-top:auto;border-top:1px solid #d4dce3;padding-top:18px}.band{background:var(--grey)}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.photo-panel{height:530px;position:relative;background:var(--navy)}.photo-panel img{height:100%;width:100%;object-fit:cover}.photo-panel span{position:absolute;bottom:0;left:0;right:0;background:var(--blue);color:white;padding:23px;font:700 20px 'Barlow Condensed',sans-serif;letter-spacing:.02em}.split-copy>p:not(.eyebrow),.body-copy{line-height:1.8;color:var(--muted);font-size:15px}.principles{margin:30px 0}.principles div{padding:15px 0;border-top:1px solid #ccd4db;display:flex;gap:25px;font-size:13px}.principles b{color:var(--blue)}.cta{background:var(--blue);color:white;padding:75px 0;position:relative}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta .eyebrow{color:var(--green)}.cta h2{font-size:clamp(44px,5vw,70px)}.light{background:white;color:var(--blue)}footer{background:var(--navy);color:#c5d0de;padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px}.footer-logo{width:min(330px,100%);background:white;padding:14px}.footer-grid strong{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:white;display:block;margin-bottom:22px}.footer-grid div a,.review-link{display:block;font-size:12px;margin:13px 0}.review-link{border:0;padding:0;background:none;color:var(--green);cursor:pointer;text-align:left}.footer-bottom{border-top:1px solid #ffffff20;display:flex;justify-content:space-between;margin-top:50px;padding-top:25px;font-size:10px;color:#8598ad}.page-hero{padding:85px 0 80px;background:var(--navy);color:white;position:relative;overflow:hidden}.page-hero:after{content:'↗';position:absolute;right:5%;bottom:-60px;font:bold 360px Arial;color:#ffffff05;pointer-events:none}.page-hero h1{font-size:clamp(60px,7vw,100px)}.lede{max-width:580px;font-size:17px;line-height:1.8;color:#c5d0de;margin-top:25px}.detail-row{display:grid;grid-template-columns:55px 1fr 1.2fr;gap:35px;padding:28px 0;border-top:1px solid #d5dde4;align-items:start}.detail-row h3{font-size:28px}.detail-row p{color:var(--muted);font-size:14px;line-height:1.8;margin:0}.detail-row .number{padding-top:6px}.detail-list{border-bottom:1px solid #d5dde4}.service-note{font-size:13px;line-height:1.8;margin-top:30px;color:var(--muted)}.split .detail-row{grid-template-columns:30px 1fr;gap:15px}.split .detail-row p{grid-column:2}.wide-photo{width:100%;height:280px;object-fit:cover;margin-top:30px}.narrow{max-width:850px}.narrow>p:not(.eyebrow){max-width:650px;font-size:16px;line-height:1.8;color:var(--muted)}.narrow .button{margin-top:20px}.quote-band{margin-top:55px;padding:35px;background:var(--grey);display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.quote-band p{font-size:14px;line-height:1.8;color:var(--muted)}.quote-band .button{justify-self:start}.about-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:80px}.about-layout p{line-height:1.9;color:var(--muted);font-size:15px}.about-layout .large-copy{font-size:23px;line-height:1.6;color:var(--ink);margin-top:0}.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px}.contact-layout>div>p:not(.eyebrow){max-width:390px;line-height:1.8;font-size:14px;color:var(--muted)}.contact-info{margin-top:35px}.contact-info div{padding:20px 0;border-top:1px solid #d5dde4}.contact-info span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:8px}.contact-info b{font-size:14px;font-weight:500}form{background:#f1f4f6;padding:40px}label{display:block;font-size:11px;font-weight:700;margin-bottom:20px}input,textarea,select{display:block;width:100%;border:1px solid #ccd6df;background:white;padding:13px;margin-top:8px;border-radius:0;font-size:14px;color:var(--ink)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-note{font-size:11px;line-height:1.7;color:var(--muted)}#form-result{margin-top:20px;border-left:3px solid var(--green);padding:15px;background:white;font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}dialog{border:0;width:min(600px,90%);padding:45px;color:var(--ink)}dialog::backdrop{background:#0b1e3dbd}dialog h2{font-size:48px}dialog p,dialog li{font-size:14px;line-height:1.8;color:var(--muted)}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:30px;cursor:pointer}
@media(min-width:1450px){.nav nav{font-size:13px}}@media(max-width:1100px){.nav nav{gap:13px;font-size:10px}.brand{width:220px}.nav-cta{padding:14px}.split,.contact-layout{gap:40px}.hero-inner{min-height:650px}.hero-caption{display:none}.service{padding:26px}.service h3{font-size:32px}}@media(max-width:800px){.nav{height:80px}.brand{width:225px}.menu{display:block;border:0;background:var(--blue);color:white;padding:12px;font-size:12px}.nav nav{display:none;position:absolute;top:80px;left:0;right:0;background:white;padding:25px 5%;border-bottom:1px solid #ddd;flex-direction:column;align-items:start;gap:20px;font-size:14px}.nav nav.open{display:flex}.review-strip{font-size:8px}.review-strip .shell>span{max-width:150px;text-align:right}.hero-inner{min-height:670px;padding:65px 0}.hero{background-position:60% center}.hero h1{font-size:clamp(65px,13vw,100px)}.hero-copy>p:not(.eyebrow){font-size:15px}.hero-actions{flex-wrap:wrap;gap:22px}.service-ribbon{font-size:13px}.service-ribbon .shell{gap:18px}.section{padding:65px 0}.section-head,.cta-inner{display:block}.section-head>p{margin-top:25px;max-width:500px}.service-grid{grid-template-columns:1fr}.service{min-height:270px}.service h3{margin-top:30px}.split,.about-layout,.contact-layout{grid-template-columns:1fr;gap:40px}.photo-panel{height:350px}.cta .button{margin-top:30px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>a{grid-column:1/-1}.footer-logo{width:260px}.page-hero{padding:60px 0}.detail-row{grid-template-columns:30px 1fr;gap:15px}.detail-row p{grid-column:2}.quote-band{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr;gap:0}form{padding:25px}.footer-bottom{gap:20px}.contact-layout h2{font-size:56px}}
/* Brand refinement — October 13 */
.nav nav{font-size:13px;text-transform:uppercase;gap:20px;letter-spacing:.02em}.brand{width:240px}.number{font-size:21px}.service-icon{width:96px;height:96px}.service-top{align-items:center}.service h3{margin-top:28px}.section-icon{width:86px;height:86px;display:block;margin-bottom:24px}.green-heading{color:#729d2e}.cta .light{min-width:310px;background:#729d2e;color:#fff;padding:23px 30px;font-size:14px}.cta .light:hover{background:#658c26}.footer-logo{width:min(350px,100%);background:none;padding:0}.cta{background-image:url('assets/pattern.png');background-size:1800px auto;background-position:center center;background-repeat:repeat-x}.page-hero:after{content:'';width:300px;height:300px;right:6%;bottom:30px;background:url('assets/arrow-outline.svg') center/contain no-repeat;opacity:.8}.page-hero .shell{position:relative;z-index:1}.hero:before{display:none}.footer-grid{position:relative}.detail-row{grid-template-columns:65px 1fr 1.2fr}.split .detail-row{grid-template-columns:40px 1fr}.image-story{display:grid;grid-template-columns:1.4fr 1fr;margin:20px auto 90px;width:min(1370px,90%);background:var(--grey)}.image-story img{width:100%;height:330px;object-fit:cover}.image-story div{padding:45px;display:flex;flex-direction:column;justify-content:center}.image-story p{font-size:14px;line-height:1.8;color:var(--muted)}.image-story h3{font-size:40px}.image-story .section-icon{width:80px;height:80px}
@media(max-width:1200px){.nav nav{font-size:11px;gap:14px}.brand{width:225px}}@media(max-width:800px){.nav nav{font-size:14px}.number{font-size:20px}.page-hero:after{width:170px;height:170px;right:-30px;bottom:10px;opacity:.35}.image-story{grid-template-columns:1fr;margin-bottom:60px}.image-story img{height:270px}.image-story div{padding:30px}.detail-row{grid-template-columns:35px 1fr}.cta .light{width:100%;max-width:350px;min-width:0}.brand{width:225px}}

/* Each photo appears once; branded truck uses a wider panel to retain its trailer wrap. */
.photo-panel img{object-position:center center}.image-story img{height:380px}.image-story .section-icon{height:80px;width:80px}.image-story:has(img[src="assets/tg-truck-reference.jpg"]){grid-template-columns:1.8fr 1fr}.image-story img[src="assets/tg-truck-reference.jpg"]{object-fit:contain;background:#e9ecee}.image-story img[src="assets/tg-fulfillment_v2.jpg"]{object-position:center center}@media(max-width:800px){.service-icon{width:86px;height:86px}.section-icon{width:76px;height:76px}.image-story:has(img[src="assets/tg-truck-reference.jpg"]){grid-template-columns:1fr}.image-story img{height:290px}}

/* Photo-led subpage headers */
.page-hero.photo-header{background-image:linear-gradient(90deg,#0b1e3df5 0%,#0b1e3ddb 42%,#0b1e3d55 100%),var(--header-image);background-size:cover;background-position:center center;padding:100px 0;min-height:450px}
.header-3pl{--header-image:url('assets/tg-header_3pl.jpg')}.header-warehouse{--header-image:url('assets/tg-busy-header.jpg')}.header-transport{--header-image:url('assets/tg-road-reference.jpg')}.header-about{--header-image:url('assets/tg-about-shenal.jpg');background-position:center 40% !important}.header-contact{--header-image:url('assets/tg-vancouver-port.jpg')}
.page-hero.photo-header:after{width:245px;height:245px;right:3%;bottom:25px;opacity:.9;z-index:2}.page-hero.photo-header h1{max-width:880px}.page-hero.photo-header .lede{max-width:600px}.about-conversation{padding:23px 30px;min-width:310px;font-size:14px;margin-top:15px}.image-story img[src="assets/tg-fulfillment_v2.jpg"]{height:auto;min-height:380px;aspect-ratio:3/2;object-fit:cover;object-position:center top}.image-story img[src="assets/tg-truck-reference.jpg"]{object-position:left center}.image-story:has(img[src="assets/tg-loaders-vest-fixed.jpg"]){grid-template-columns:1.8fr 1fr}.image-story img[src="assets/tg-loaders-vest-fixed.jpg"]{height:auto;min-height:380px;aspect-ratio:3/2;object-fit:contain;background:var(--grey);object-position:left center}
@media(max-width:800px){.page-hero.photo-header{padding:70px 0;min-height:440px;background-position:65% center}.page-hero.photo-header:after{width:145px;height:145px;right:10px;bottom:15px;opacity:.65}.page-hero.photo-header h1{font-size:clamp(52px,11vw,80px);max-width:95%}.page-hero.photo-header .lede{max-width:85%}.image-story:has(img[src="assets/tg-loaders-vest-fixed.jpg"]){grid-template-columns:1fr}.image-story img[src="assets/tg-fulfillment_v2.jpg"],.image-story img[src="assets/tg-loaders-vest-fixed.jpg"]{min-height:0;aspect-ratio:3/2}.about-conversation{min-width:0;width:100%;max-width:340px}}

/* Clearer content hierarchy and updated imagery */
.transport-intro{display:block}.transport-intro>p{font-size:20px;line-height:1.75;max-width:840px;margin:27px 0 0;color:var(--muted)}.storage-enquiry>p:not(.eyebrow){max-width:650px;font-size:16px;line-height:1.8;color:var(--muted)}.storage-enquiry .button{margin-top:20px}.image-story img[src="assets/tg-loaders-vest-fixed.jpg"]{object-fit:cover;object-position:center center}.page-hero .shell>.eyebrow,.hero-copy>.eyebrow,.hero-caption,.service-ribbon{display:none}@media(max-width:800px){.transport-intro>p{font-size:18px}}

/* WordPress block integration */
main .wp-block-image{display:contents}main .wp-block-image img{max-width:100%}main .wp-block-buttons{margin:0}.wp-block-button.tg-button{margin:0}.tg-button>.wp-block-button__link{border:0;border-radius:0;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--green);color:var(--navy);padding:19px 25px;font:800 12px 'DM Sans',Arial,sans-serif;text-transform:uppercase;letter-spacing:.07em;cursor:pointer;text-decoration:none}.tg-button>.wp-block-button__link:hover{background:#a4d654}.tg-button>.wp-block-button__link span{font-size:20px;line-height:1}.about-layout .tg-button>.wp-block-button__link{min-width:310px;padding:23px 30px;font-size:14px}.text-link p,p.text-link{margin:0}.service-bottom a{display:block}.admin-bar header{top:32px}.image-story:has(img[src$="tg-truck-reference.jpg"]){grid-template-columns:1.8fr 1fr}.image-story img[src$="tg-truck-reference.jpg"]{object-fit:contain;object-position:left center;background:var(--grey)}.image-story img[src$="tg-fulfillment_v2.jpg"]{height:auto;min-height:380px;aspect-ratio:3/2;object-position:center top}.image-story:has(img[src$="tg-loaders-vest-fixed.jpg"]){grid-template-columns:1.8fr 1fr}.image-story img[src$="tg-loaders-vest-fixed.jpg"]{height:auto;min-height:380px;aspect-ratio:3/2;object-fit:contain;background:var(--grey)}.skip-link{position:absolute;left:-10000px;top:0;z-index:100}.skip-link:focus{left:15px;top:40px;background:white;padding:15px}@media(max-width:800px){.image-story:has(img[src$="tg-truck-reference.jpg"]),.image-story:has(img[src$="tg-loaders-vest-fixed.jpg"]){grid-template-columns:1fr}.admin-bar header{top:46px}}

/* WordPress block integration */
main .wp-block-image{display:contents}main .wp-block-image img{max-width:100%}main .wp-block-buttons{margin:0}.wp-block-button.tg-button{margin:0}.tg-button>.wp-block-button__link{border:0;border-radius:0;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--green);color:var(--navy);padding:19px 25px;font:800 12px 'DM Sans',Arial,sans-serif;text-transform:uppercase;letter-spacing:.07em;cursor:pointer;text-decoration:none}.tg-button>.wp-block-button__link:hover{background:#a4d654}.tg-button>.wp-block-button__link span{font-size:20px;line-height:1}.about-layout .tg-button>.wp-block-button__link{min-width:310px;padding:23px 30px;font-size:14px}.text-link p,p.text-link{margin:0}.service-bottom a{display:block}.admin-bar header{top:32px}.image-story:has(img[src$="tg-truck-reference.jpg"]){grid-template-columns:1.8fr 1fr}.image-story img[src$="tg-truck-reference.jpg"]{object-fit:contain;object-position:left center;background:var(--grey)}.image-story img[src$="tg-fulfillment_v2.jpg"]{height:auto;min-height:380px;aspect-ratio:3/2;object-position:center top}.image-story:has(img[src$="tg-loaders-vest-fixed.jpg"]){grid-template-columns:1.8fr 1fr}.image-story img[src$="tg-loaders-vest-fixed.jpg"]{height:auto;min-height:380px;aspect-ratio:3/2;object-fit:contain;background:var(--grey)}.skip-link{position:absolute;left:-10000px;top:0;z-index:100}.skip-link:focus{left:15px;top:40px;background:white;padding:15px}@media(max-width:800px){.image-story:has(img[src$="tg-truck-reference.jpg"]),.image-story:has(img[src$="tg-loaders-vest-fixed.jpg"]){grid-template-columns:1fr}.admin-bar header{top:46px}}

main figure.wide-photo img{width:100%;height:340px;object-fit:cover;margin-top:35px}main .hero-actions>p{margin:0}

/* Match the approved design without WordPress block layout interference. */
body{font-family:'DM Sans',Arial,sans-serif;color:var(--ink);line-height:normal}
main .wp-block-group__inner-container{display:contents!important}
main .wp-block-image{margin:0;display:contents}
.wp-block-button.tg-button{display:inline-block;margin:0}
.service h3.wp-block-heading{margin:28px 0 20px}
.section-head{margin-bottom:45px}
.principles{margin:30px 0}
.image-story{margin:20px auto 90px}
.image-story:has(img[src$="tg-truck-reference.jpg"]){grid-template-columns:1.8fr 1fr}
main img.wide-photo{width:100%;height:280px;object-fit:cover;margin-top:30px}
main .wide-photo img{height:280px;margin-top:30px}
@media(max-width:1100px){.service h3.wp-block-heading{font-size:32px}}
@media(max-width:800px){.image-story,.image-story:has(img[src$="tg-truck-reference.jpg"]){grid-template-columns:1fr;margin-bottom:60px}.service h3.wp-block-heading{margin-top:30px}}

/* SEO expansion: uses the approved typography, palette and shell. */
.tg-seo-faq{padding-top:35px}.tg-seo-faq>h2{margin-bottom:35px}.tg-faq-item{padding:25px 0;border-top:1px solid #d5dde4}.tg-faq-item h3{font-size:28px}.tg-faq-item p,.tg-seo-overview>p:not(.eyebrow),.tg-service-summary p{font-size:15px;color:var(--muted);line-height:1.8;max-width:900px}.tg-related-links{font-size:14px;font-weight:700;line-height:2;color:var(--blue)}.tg-related-links a{border-bottom:1px solid #b0c2d5}.tg-seo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;background:#dbe2e8;margin:35px 0}.tg-service-summary{padding:35px;background:#f0f3f5}.tg-service-summary h3{font-size:32px}.tg-seo-related{padding-top:20px;padding-bottom:60px}.tg-seo-overview{border-top:1px solid #e3e9ef}.tg-seo-overview>h2{margin-bottom:25px}@media(max-width:800px){.tg-seo-grid{grid-template-columns:1fr}.tg-service-summary{padding:25px}.tg-faq-item h3{font-size:26px}}

.tg-seo-hero{background:linear-gradient(110deg,#0b1e3d,#123e83);min-height:450px;padding:100px 0}.tg-seo-hero h1{max-width:1050px}.tg-seo-hero .lede{max-width:650px}@media(max-width:800px){.tg-seo-hero{padding:70px 0;min-height:400px}.tg-seo-hero h1{font-size:clamp(48px,10vw,80px);max-width:95%}}

.tg-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.tg-form-status{padding:20px;background:#eaf4de}.nav nav{gap:16px}@media(min-width:801px) and (max-width:1250px){.nav nav{gap:10px;font-size:10px}.brand{width:180px}.nav-cta{padding:12px}}