/*
Theme Name: Ezzio Transport
Theme URI: https://ezzio.pl
Author: Ezzio Sp. z o.o.
Description: Jednostronicowa witryna firmowa Ezzio Transport.
Version: 1.3.0
Text Domain: ezzio
*/
:root{--ink:#14181a;--paper:#f3f1eb;--lime:#d7ff35;--green:#8fb500}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.nav{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:900;font-size:28px;letter-spacing:-.06em}.brand span{color:var(--green)}.navlinks{display:flex;gap:32px;font-size:14px}.navlinks a:hover{opacity:.55}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--lime);color:#111;padding:17px 20px;font-weight:700;font-size:14px;transition:.2s}.button:hover{transform:translateY(-2px)}.button-small{padding:13px 17px}.hero{height:calc(100vh - 86px);min-height:650px;position:relative;color:#fff;overflow:hidden}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 52%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,9,.82),rgba(5,8,9,.16) 68%),linear-gradient(0deg,rgba(5,8,9,.65),transparent 52%)}.hero-content{position:relative;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding-top:80px;padding-bottom:52px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800;margin:0 0 28px}.eyebrow:before{content:'';display:inline-block;width:28px;height:2px;background:var(--green);vertical-align:middle;margin-right:12px}.eyebrow.light:before{background:var(--lime)}.hero h1{font-size:clamp(58px,8.5vw,122px);line-height:.86;letter-spacing:-.07em;margin:0;max-width:1000px}.hero h1 em{font-family:Georgia,serif;font-weight:400}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between}.hero-bottom p{max-width:500px;font-size:18px;line-height:1.5;margin:0}.intro{padding:130px 0 110px;display:grid;grid-template-columns:1fr 2fr;gap:60px}.intro h2,.section-head h2,.routes h2,.contact h2{font-size:clamp(42px,5vw,72px);line-height:.95;letter-spacing:-.055em;margin:0}.lead{font-size:20px;line-height:1.55;color:#555e59;max-width:680px;margin:38px 0 0}.facts{grid-column:2;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cbc9c2;margin-top:32px}.facts div{display:flex;flex-direction:column;padding-top:28px}.facts strong{font-size:48px;letter-spacing:-.05em}.facts span{font-size:13px;color:#6e746f;margin-top:6px}.services{background:var(--ink);color:#fff;padding:120px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-start}.section-head h2{text-align:right}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:80px;border-top:1px solid #3a4143;border-left:1px solid #3a4143}.service{padding:32px;min-height:260px;border-right:1px solid #3a4143;border-bottom:1px solid #3a4143}.service>span{font-size:11px;color:var(--lime)}.service h3{font-size:23px;margin:62px 0 15px}.service p{font-size:14px;line-height:1.65;color:#aeb4b1;margin:0}.modes{padding:110px 0;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.mode{position:relative;height:360px;overflow:hidden;color:#fff}.mode-wide{grid-column:1/-1;height:530px}.mode img{width:100%;height:100%;object-fit:cover;transition:.5s}.mode:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,8,8,.75),transparent 60%)}.mode:hover img{transform:scale(1.025)}.mode div{position:absolute;left:28px;bottom:25px;z-index:1}.mode span{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--lime)}.mode h3{font-size:29px;margin:8px 0 0}.routes{background:#e6e3dc;padding:120px 0}.route-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.country-list{border-top:1px solid #bbb9b2}.country-list div{height:67px;display:grid;grid-template-columns:45px 1fr 30px;align-items:center;border-bottom:1px solid #bbb9b2}.country-list span{font-size:10px;color:#888}.country-list strong{font-size:19px}.country-list b{font-size:18px;font-weight:400}.contact{margin-top:110px;background:var(--green);color:#fff;padding:75px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact h2{font-size:64px}.contact>div>p:last-child{line-height:1.6;max-width:390px}.contact-card{background:#fff;color:var(--ink);padding:4px 28px}.contact-card>a,.contact-card>div{display:grid;grid-template-columns:1fr auto;gap:4px 20px;padding:20px 0;border-bottom:1px solid #ddd}.contact-card>*:last-child{border:0}.contact-card small{grid-column:1;font-size:10px;color:#7a817d;text-transform:uppercase;letter-spacing:.12em}.contact-card strong{grid-column:1;font-size:16px}.contact-card span{grid-column:2;grid-row:1/3;align-self:center}.footer{height:150px;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;border-top:1px solid #ccc;margin-top:110px}.footer p{text-align:center;color:#666;font-size:13px}.footer small{text-align:right;color:#777}
@media(max-width:800px){.shell{width:min(100% - 30px,1180px)}.nav{height:72px}.navlinks{display:none}.button-small{font-size:0;gap:0}.button-small span{font-size:18px}.hero{height:760px;min-height:0}.hero-content{padding-top:80px}.hero h1{font-size:58px}.hero-bottom{align-items:stretch;flex-direction:column;gap:28px}.intro{padding:90px 0;display:block}.intro h2{font-size:47px}.facts{margin-top:55px}.facts strong{font-size:34px}.services{padding:90px 0}.section-head{display:block}.section-head h2{text-align:left;font-size:46px}.service-grid{grid-template-columns:1fr;margin-top:55px}.service{min-height:auto}.service h3{margin-top:38px}.modes{padding:70px 0;grid-template-columns:1fr}.mode,.mode-wide{height:330px;grid-column:auto}.route-grid{grid-template-columns:1fr;gap:60px}.contact{width:100%;padding:60px 24px;grid-template-columns:1fr;gap:45px}.contact h2{font-size:49px}.contact-card{padding:4px 18px}.contact-card strong{font-size:14px}.footer{height:auto;padding:45px 0;grid-template-columns:1fr;gap:18px;text-align:center}.footer p,.footer small{text-align:center;margin:0}}

/* Identyfikacja wizualna Ezzio: firmowy błękit, biel i logo. */
:root{--ink:#0b1620;--paper:#f7fbff;--lime:#42a9e2;--green:#005f9e;--blue-dark:#003b68;--blue-soft:#e2f1fa}
.brand-logo{display:flex;align-items:center}.brand-logo img{display:block;width:172px;height:auto}.footer .brand-logo img{width:150px}
.navlinks a:hover{color:var(--green);opacity:1}.button{background:var(--green);color:#fff}.button:hover{background:var(--blue-dark)}
.hero-shade{background:linear-gradient(90deg,rgba(2,29,50,.9),rgba(3,79,135,.22) 70%),linear-gradient(0deg,rgba(2,29,50,.72),transparent 52%)}
.routes{background:var(--blue-soft)}.contact{background:linear-gradient(135deg,var(--blue-dark),var(--green))}.footer{border-color:#c9ddeb}
@media(max-width:800px){.brand-logo img{width:132px}.footer .brand-logo img{width:145px;margin:auto}}
.nav-actions{display:flex;align-items:center;gap:22px}.language-switch{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#7b8790}.language-switch a{padding:6px 2px}.language-switch a:hover,.language-switch a.active{color:var(--green)}.language-switch a.active{border-bottom:2px solid var(--green)}
@media(max-width:800px){.nav-actions{gap:12px}.language-switch{font-size:11px;gap:4px}.button-small{padding:12px 14px}}
