:root{

/* =========================
   FOOTER - ORANGE INDUSTRIAL THEME
========================= */

/* section */
--footer-padding:120px 0 80px;

--footer-bg:rgba(255,122,24,0.05);

--footer-top-border:
rgba(255,122,24,0.10);

/* grid */
--footer-grid-columns:1.2fr 1fr;
--footer-grid-gap:80px;

/* LEFT */

--footer-title-margin:18px;

--footer-title-size:48px;
--footer-title-weight:900;
--footer-title-color:rgb(220, 219, 219);
--footer-title-line:1.05;

--footer-text-margin:16px;
--footer-text-color:#9aa3ad;
--footer-text-width:500px;
--footer-text-line:1.7;

/* opening hours */

--footer-hours-margin:30px;
--footer-hours-padding:20px;

--footer-hours-border:
rgba(255,122,24,0.12);

--footer-hours-title-size:12px;
--footer-hours-title-spacing:2px;
--footer-hours-title-color:#ff7a18;

--footer-hours-text-size:14px;
--footer-hours-text-color:#b6bec7;

/* right title */

--footer-right-title-size:11px;
--footer-right-title-spacing:2px;
--footer-right-title-color:#ff7a18;
--footer-right-title-margin:14px;

/* links */

--footer-links-gap:10px;

--footer-link-color:#cfd6de;
--footer-link-size:14px;

--footer-link-hover:#ff7a18;

/* services */

--footer-services-gap:8px;

--footer-service-size:12px;
--footer-service-color:#9aa3ad;

--footer-service-padding:6px 10px;

--footer-service-border:
rgba(255,122,24,0.12);

--footer-service-radius:999px;

--footer-service-bg:
rgba(255,122,24,0.04);

/* trust */

--footer-trust-margin:22px;
--footer-trust-padding:18px;

--footer-trust-border:
rgba(255,122,24,0.10);

--footer-trust-gap:8px;

--footer-trust-color:#9aa3ad;
--footer-trust-size:13px;

/* bottom */

--footer-bottom-margin:60px;
--footer-bottom-padding:18px;

--footer-bottom-border:
rgba(255,122,24,0.10);

--footer-bottom-gap:10px;

--footer-bottom-text-size:13px;
--footer-bottom-text-color:#6f7782;

/* bottom links */

--footer-bottom-links-gap:18px;

--footer-bottom-link-size:13px;
--footer-bottom-link-color:#8f98a3;
--footer-bottom-link-hover:#ff7a18;

/* mobile */

--footer-mobile-gap:40px;
--footer-mobile-title:34px;
}


/* =========================
   FOOTER CTA V2
========================= */

.footer-cta{

position:relative;

padding:var(--footer-padding);

overflow:hidden;

background:
var(--footer-bg);

border-top:
1px solid var(--footer-top-border);

}

/* GRID */

.footer-grid{

display:grid;

grid-template-columns:
var(--footer-grid-columns);

gap:
var(--footer-grid-gap);

}

/* =========================
   LEFT
========================= */

.footer-left h2{

margin-top:
var(--footer-title-margin);

font-size:
var(--footer-title-size);

font-weight:
var(--footer-title-weight);

color:
var(--footer-title-color);

line-height:
var(--footer-title-line);

}

.footer-left p{

margin-top:
var(--footer-text-margin);

color:
var(--footer-text-color);

max-width:
var(--footer-text-width);

line-height:
var(--footer-text-line);

}

.hours{

margin-top:
var(--footer-hours-margin);

padding-top:
var(--footer-hours-padding);

border-top:
1px solid var(--footer-hours-border);

}

.hours span{

display:block;

margin-bottom:12px;

font-size:
var(--footer-hours-title-size);

letter-spacing:
var(--footer-hours-title-spacing);

color:
var(--footer-hours-title-color);

}

.hours p{

margin:8px 0;

color:
var(--footer-hours-text-color);

font-size:
var(--footer-hours-text-size);

}

/* =========================
   RIGHT
========================= */

.footer-right h3{

font-size:
var(--footer-right-title-size);

letter-spacing:
var(--footer-right-title-spacing);

color:
var(--footer-right-title-color);

margin-bottom:
var(--footer-right-title-margin);

}

/* LINKS */

.footer-links{

display:flex;

flex-direction:column;

gap:
var(--footer-links-gap);

}

.footer-links a{

color:
var(--footer-link-color);

text-decoration:none;

font-size:
var(--footer-link-size);

transition:.2s;

}

.footer-links a:hover{

color:
var(--footer-link-hover);

transform:translateX(3px);

}

/* SERVICES */

.footer-services{

display:flex;

flex-wrap:wrap;

gap:
var(--footer-services-gap);

}

.footer-services span{

font-size:
var(--footer-service-size);

color:
var(--footer-service-color);

padding:
var(--footer-service-padding);

border:
1px solid var(--footer-service-border);

border-radius:
var(--footer-service-radius);

background:
var(--footer-service-bg);

}

/* TRUST */

.footer-trust{

margin-top:
var(--footer-trust-margin);

padding-top:
var(--footer-trust-padding);

border-top:
1px solid var(--footer-trust-border);

display:flex;

flex-direction:column;

gap:
var(--footer-trust-gap);

color:
var(--footer-trust-color);

font-size:
var(--footer-trust-size);

}

/* BOTTOM */

.footer-bottom {
    margin-top: var(--footer-bottom-margin);
    padding-top: var(--footer-bottom-padding);
    border-top: 1px solid var(--footer-bottom-border);

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;
    gap: var(--footer-bottom-gap);

    /* DŮLEŽITÉ FIXY */
    max-width: 100%;
    overflow: hidden;
}
.footer-bottom p{

color:
var(--footer-bottom-text-color);

font-size:
var(--footer-bottom-text-size);

margin:0;

}

/* bottom links */

.footer-bottom-links{

display:flex;

gap:
var(--footer-bottom-links-gap);

justify-content:center;

}

.footer-bottom-links a{

font-size:
var(--footer-bottom-link-size);

color:
var(--footer-bottom-link-color);

text-decoration:none;

transition:.2s;

}

.footer-bottom-links a:hover{

color:
var(--footer-bottom-link-hover);

}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:900px){

.footer-grid{

grid-template-columns:1fr;

gap:
var(--footer-mobile-gap);

}

.footer-left h2{

font-size:
var(--footer-mobile-title);

}

}



.footer-legal a{
    color: rgba(215,219,224,0.7);
    text-decoration: none;
    margin: 0 4px;
}

.footer-legal a:hover{
    color: #fff;
}

