/*
Theme Name: Sakomas Logistics
Description: A dedicated block theme for Sakomas Logistics Limited. Page copy and layouts are editable in WordPress.
Version: 0.1.6
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: sakomas
License: GPL-2.0-or-later
*/
:root{--ink:#102936;--signal:#ff743b;--mist:#eef3f5;--slate:#51636d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{text-underline-offset:.22em}a,button,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #dc4b0b;outline-offset:4px}img{max-width:100%;height:auto}.wp-site-blocks{padding:0}.wp-site-blocks>*,.wp-block-template-part{margin-block-start:0}.sk-wrap{max-width:1240px;margin-inline:auto;padding-inline:32px}.sk-top{background:var(--ink);color:#fff;font-size:.875rem;padding:9px 0}.sk-top .sk-wrap{display:flex;justify-content:space-between;gap:16px}.sk-top a{color:#fff;text-decoration:none}.sk-header{padding:24px 0;border-bottom:1px solid #dce5e9}.sk-header .sk-wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.sk-wordmark{color:var(--ink);text-decoration:none;display:inline-flex;flex-direction:column;font-weight:800;font-size:1.8rem;line-height:1.05;letter-spacing:-.055em}.sk-wordmark span{font-size:.65rem;letter-spacing:.25em;line-height:2;font-weight:700}.sk-wordmark b{color:#cd480f}.sk-header .wp-block-navigation{font-size:.875rem;font-weight:600}.sk-header .wp-block-navigation__container{gap:23px}.sk-header .wp-block-navigation a{text-decoration:none}.sk-eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.8rem;font-weight:700;color:#ad3507;margin-bottom:22px}.sk-hero{position:relative;background:var(--ink);color:#fff;overflow:hidden;padding:82px 0 92px}.sk-hero .sk-wrap{position:relative;z-index:1}.sk-hero h1{font-size:clamp(3rem,6.1vw,5.5rem);line-height:1.02;letter-spacing:-.055em;max-width:780px;margin:0 0 28px}.sk-hero p:not(.sk-eyebrow){max-width:540px;font-size:1.12rem;color:#e0e8ec}.sk-hero .sk-eyebrow{color:#ff986b}.sk-hero .sk-accent{color:#ff986b}.sk-hero .wp-block-buttons{margin-top:34px}.sk-hero .wp-block-button__link{background:var(--signal);color:#102936}.sk-hero .is-style-outline .wp-block-button__link{color:white;background:transparent;border:1px solid #90a0a8}.sk-hero-photo{position:absolute;inset:0 0 0 39%;background-position:center;background-size:cover;opacity:.45}.sk-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#102936 20%,rgba(16,41,54,.84) 49%,rgba(16,41,54,.12) 100%);pointer-events:none}.sk-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:#fff;border:1px solid #dce5e9;position:relative;margin-top:-24px;z-index:2;box-shadow:0 12px 30px #1029360a}.sk-tool{padding:28px 30px;text-decoration:none;display:block;border-right:1px solid #dce5e9}.sk-tool:last-child{border:0}.sk-tool strong{font-size:1.2rem;display:block}.sk-tool span{color:var(--slate);font-size:.94rem}.sk-tool:hover{background:var(--mist)}.sk-section{padding-block:90px}.sk-section h2{font-size:clamp(2rem,3.4vw,3.1rem);max-width:750px;margin-top:0}.sk-section-lead{max-width:680px;color:var(--slate);font-size:1.1rem}.sk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:38px}.sk-card{padding:36px 30px;border:1px solid #dce5e9;background:white;border-radius:4px}.sk-card .sk-number{font-size:.875rem;color:#ad3507;font-weight:700}.sk-card h3{font-size:1.65rem;line-height:1.2}.sk-card p{color:var(--slate)}.sk-card a{font-weight:700}.sk-mist{background:var(--mist)}.sk-dark{background:var(--ink);color:white}.sk-dark p{color:#d2e0e7}.sk-dark a{color:white}.sk-dark .sk-eyebrow{color:#ff986b}.sk-split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}.sk-list{list-style:none;padding:0;margin:0}.sk-list li{padding:21px 0;border-bottom:1px solid #bccbd3}.sk-list strong{display:block;font-size:1.2rem}.sk-list p{margin:7px 0 0;color:var(--slate)}.sk-industries{display:grid;grid-template-columns:repeat(2,1fr);gap:0 28px;margin-top:24px}.sk-industries a{padding:20px 0;border-bottom:1px solid #c5d3da;text-decoration:none;font-weight:700}.sk-band{border-left:4px solid var(--signal);padding-left:28px}.sk-faq details{border-bottom:1px solid #c5d3da;padding:22px 0}.sk-faq summary{font-size:1.12rem;font-weight:700;cursor:pointer}.sk-faq details p{max-width:800px;color:var(--slate)}.sk-cta{padding:65px 0;background:var(--signal)}.sk-cta h2{font-size:clamp(2rem,3vw,3rem);margin:0}.sk-cta .sk-wrap{display:flex;justify-content:space-between;align-items:center;gap:32px}.sk-cta p{margin-bottom:0}.sk-footer{padding:66px 0 26px;background:var(--ink);color:white}.sk-footer .sk-wordmark,.sk-footer a{color:white}.sk-footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px}.sk-footer h3{font-size:1rem}.sk-footer p,.sk-footer li{font-size:.94rem;color:#c9d7de}.sk-footer ul{list-style:none;padding:0}.sk-footer li{margin:10px 0}.sk-footer a{text-decoration:none}.sk-footer-bottom{margin-top:40px;padding-top:24px;border-top:1px solid #38505c;font-size:.875rem;display:flex;justify-content:space-between;gap:18px}.sk-content{padding-block:64px 90px;max-width:900px;margin:auto;padding-inline:32px}.sk-content h1{font-size:clamp(2.5rem,5vw,4.6rem)}.sk-content h2{margin-top:50px;font-size:2rem}.sk-content p,.sk-content li{color:#394f5b}.sk-content .wp-block-button__link{color:#fff}.sk-breadcrumb{font-size:.875rem;color:var(--slate)}.sk-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sk-form label{font-weight:600;font-size:.94rem;display:block}.sk-form input,.sk-form select,.sk-form textarea{display:block;width:100%;padding:13px 14px;border:1px solid #8497a2;border-radius:3px;font:inherit;margin-top:6px;background:white;color:var(--ink)}.sk-form textarea{min-height:120px}.sk-form .full{grid-column:1/-1}.sk-form button,.sk-button{display:inline-block;background:var(--ink);color:white;padding:14px 25px;border:0;border-radius:3px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.sk-notice{background:var(--mist);border-left:4px solid var(--signal);padding:20px;margin-bottom:25px}.sk-honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.sk-table{width:100%;border-collapse:collapse;font-size:.94rem}.sk-table th,.sk-table td{text-align:left;padding:14px;border-bottom:1px solid #c5d3da}.sk-table-wrap{overflow-x:auto}.sk-status{background:var(--mist);padding:5px 10px;border-radius:3px;font-size:.875rem}.sk-portal-nav{display:flex;gap:12px;flex-wrap:wrap;margin-block:20px 35px}.sk-portal-nav a{padding:8px 16px;border:1px solid #c5d3da;border-radius:3px}.sk-helper{font-size:.875rem;color:var(--slate)}
@media(max-width:900px){.sk-header .sk-wrap{gap:18px}.sk-grid{grid-template-columns:1fr}.sk-split{grid-template-columns:1fr;gap:35px}.sk-hero-photo{inset:0;opacity:.25}.sk-hero{padding:64px 0 78px}.sk-section{padding-block:60px}.sk-footer-grid{grid-template-columns:1fr 1fr}.sk-footer-grid>div:first-child{grid-column:1/-1}.sk-tools{grid-template-columns:1fr}.sk-tool{border-right:0;border-bottom:1px solid #dce5e9;padding:20px 24px}.sk-cta .sk-wrap{display:block}.sk-cta .wp-block-buttons{margin-top:24px}}
@media(max-width:600px){.sk-wrap,.sk-content{padding-inline:22px}.sk-top .sk-wrap{display:block}.sk-top .sk-wrap>span{display:none}.sk-header{padding:18px 0}.sk-hero h1{font-size:3rem}.sk-industries,.sk-form,.sk-footer-grid{grid-template-columns:1fr}.sk-footer-bottom{display:block}.sk-hero .wp-block-buttons{gap:12px}.sk-card{padding:28px}.sk-header .wp-block-navigation__responsive-container.is-menu-open{padding:28px}.sk-header .wp-block-navigation__responsive-container-content{padding-top:40px}.sk-header .wp-block-navigation__responsive-container-content .wp-block-navigation__container{gap:24px}.sk-footer-grid>div:first-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.sk-top,.sk-header,.sk-footer,.sk-cta,.sk-portal-nav{display:none}.sk-content{max-width:none;padding:0}body{font-size:11pt}}

.wp-block-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.wp-block-button__link{display:inline-block;text-decoration:none;padding:14px 24px;line-height:1.4;border-radius:4px;font-weight:700}.sk-header .sk-wrap{width:100%}.sk-header .wp-block-navigation{margin-left:auto}@media(max-width:760px){.sk-header .wp-block-navigation__responsive-container:not(.is-menu-open){display:none}.sk-header .wp-block-navigation__responsive-container-open{display:flex}}

.sk-logo{display:block;flex-shrink:0;width:150px}.sk-logo img{display:block;width:150px;height:auto}.sk-header{padding:12px 0}.sk-hero-photo{background-image:url("assets/road-freight.jpg");background-size:cover;background-position:center 39%;opacity:.7;inset:0 0 0 43%}.sk-hero:after{background:linear-gradient(90deg,#102936 18%,rgba(16,41,54,.9) 45%,rgba(16,41,54,.2) 100%)}@media(max-width:900px){.sk-hero-photo{inset:0;opacity:.28}.sk-logo,.sk-logo img{width:125px}}

.sk-tracking-start{max-width:540px;margin-top:32px}.sk-tracking-start label{display:block;font-weight:700;margin-bottom:8px}.sk-tracking-start>div{display:flex;gap:8px}.sk-tracking-start input{min-width:0;flex:1;padding:14px;border:1px solid #9caeb8;border-radius:3px;font:inherit;color:#102936;background:white}.sk-tracking-start button{padding:14px 18px;font:inherit;font-weight:700;border:0;border-radius:3px;background:#ff743b;color:#102936;cursor:pointer}.sk-hero .sk-tracking-start p{font-size:.875rem;margin:8px 0 0}@media(max-width:600px){.sk-tracking-start>div{flex-direction:column}}