/*
Theme Name: Fleksi Tim Industrial
Theme URI: https://www.fleksitim.com.mk
Author: Fleksi Tim
Description: Responsive block theme for Fleksi Tim electrical services and metal industry.
Version: 1.0.5
Requires at least: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: fleksi-tim
*/

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Oswald:wght@500;600;700&display=swap');
:root{--ft-navy:#001c30;--ft-blue:#0c78ba;--ft-cyan:#2ca8d6;--ft-purple:#36399a;--ft-yellow:#ffb900;--ft-paper:#f3f5f6;--ft-muted:#667681}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}.wp-site-blocks{padding:0}.ft-wrap{width:min(1180px,calc(100% - 40px));margin:auto}.ft-header{position:absolute;z-index:10;top:0;left:0;right:0;border-top:4px solid var(--ft-purple);border-bottom:1px solid #ffffff25;padding:16px 0}.ft-header-inner{display:flex;align-items:center;justify-content:space-between}.ft-brand{position:relative;padding-left:58px;color:#fff!important;text-decoration:none}.ft-brand:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:46px;height:46px;background:#fff url('./assets/fleksi-tim-logo.jpg') center/cover;border:3px solid #fff}.ft-brand strong{display:block;font:600 22px/1 Oswald}.ft-brand span{color:var(--ft-cyan)}.ft-brand small{display:block;font-size:7px;letter-spacing:1.2px;opacity:.75}.ft-header .wp-block-navigation{color:#fff;font-size:13px;font-weight:700}.ft-header .wp-block-navigation a:hover{color:var(--ft-cyan)}.ft-hero{min-height:760px;padding:190px 0 150px;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(0,18,32,.96),rgba(0,18,32,.72) 44%,rgba(0,18,32,.18)),url('./assets/hero-industrija.png') center/cover}.ft-kicker{font-size:11px!important;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#abc0cc}.ft-kicker:before{content:"";display:inline-block;width:30px;height:2px;background:var(--ft-blue);vertical-align:middle;margin-right:10px}.ft-hero h1,.ft-section h2{font-family:Oswald,sans-serif!important;line-height:1.05!important;letter-spacing:-1px}.ft-hero h1{font-size:clamp(48px,6.4vw,84px)!important;max-width:900px;margin:18px 0}.ft-accent{color:var(--ft-cyan)}.ft-lead{max-width:640px;color:#c7d4dc;font-size:17px!important}.ft-button .wp-block-button__link{border-radius:0;background:linear-gradient(135deg,var(--ft-blue),var(--ft-purple));padding:15px 24px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}.ft-button-outline .wp-block-button__link{border-radius:0;border:1px solid #ffffff70;background:transparent;padding:14px 24px;font-size:12px;font-weight:800;text-transform:uppercase}.ft-stats{margin-top:-92px;position:relative;z-index:2;background:#001c30ee;border-bottom:4px solid var(--ft-purple);color:#fff}.ft-stats .wp-block-column{padding:20px 25px;border-right:1px solid #ffffff20}.ft-stat{font:600 30px Oswald!important;color:var(--ft-cyan);margin:0}.ft-stat-label{text-transform:uppercase;font-size:9px!important;letter-spacing:1px;color:#aebdc6;margin:0}.ft-section{padding:105px 0}.ft-section h2{font-size:clamp(38px,4.8vw,62px)!important}.ft-services{background:var(--ft-paper)}.ft-card{height:100%;padding:38px;background:#fff;border-top:4px solid var(--ft-blue);box-shadow:0 20px 40px #112b3c10}.ft-card-purple{border-color:var(--ft-purple)}.ft-card h3,.ft-extra h3{font:600 26px/1.2 Oswald!important;text-transform:uppercase}.ft-card p,.ft-extra p{color:var(--ft-muted)}.ft-card ul{padding-left:18px;font-size:14px}.ft-about{background:var(--ft-navy);color:#fff}.ft-about-copy{padding-left:40px}.ft-about p{color:#afc0c9}.ft-logo-panel{min-height:460px;background:#fff url('./assets/fleksi-tim-logo.jpg') center/75% auto no-repeat;border:1px solid #ffffff22}.ft-extras{background:#fff}.ft-extra{height:100%;padding:28px 24px;background:#f0f3f5;border-bottom:4px solid var(--ft-purple)}.ft-extra-num{font:600 40px Oswald!important;color:#bdcbd3;margin:0}.ft-extra h3{font-size:20px!important}.ft-mission{background:linear-gradient(130deg,var(--ft-navy) 0 60%,var(--ft-purple) 60%);color:#fff}.ft-mission p{color:#c3d0d7}.ft-mission-card{background:#fff;color:var(--ft-navy);padding:38px;box-shadow:18px 18px 0 #2ca8d640}.ft-mission-card p{color:var(--ft-muted)}.ft-process{background:#e9edef}.ft-step{padding:25px;border-top:2px solid var(--ft-blue)}.ft-step-num{font:600 38px Oswald!important;color:#aabac3}.ft-contact{background:var(--ft-navy);color:#fff}.ft-contact a{color:var(--ft-cyan)}.ft-contact-card{padding:35px;background:#fff;color:var(--ft-navy)}.ft-contact-card p{color:var(--ft-muted)}.ft-footer{background:#030a10;color:#94a6b1;padding:38px 0 18px}.ft-footer .ft-brand{display:inline-block}.ft-footer-row{display:flex;align-items:center;justify-content:space-between}.ft-copyright{padding-top:18px;margin-top:28px;border-top:1px solid #ffffff18;font-size:11px!important}
@media(max-width:800px){.ft-wrap{width:min(100% - 28px,1180px)}.ft-header{position:absolute;background:#001c30e8}.ft-header .wp-block-navigation__responsive-container-open{display:block;color:#fff}.ft-header .wp-block-navigation__responsive-container:not(.is-menu-open){display:none}.ft-hero{min-height:820px;padding:140px 0 170px;background-position:64% center}.ft-stats{margin-top:-145px}.ft-stats>.wp-block-columns{display:grid!important;grid-template-columns:1fr 1fr}.ft-about-copy{padding:30px 0 0}.ft-logo-panel{min-height:320px}.ft-mission{background:var(--ft-navy)}.ft-footer-row{display:block}.ft-section{padding:75px 0}}
@media(max-width:480px){.ft-brand small{display:none}.ft-hero h1{font-size:47px!important}.ft-stats .wp-block-column{padding:14px}.ft-stat{font-size:25px!important}}

/* v1.0.1: stable front-end header under the WordPress admin bar */
.ft-header{position:relative!important;top:auto!important;background:#001c30!important;min-height:80px;display:flex;align-items:center;z-index:20}.ft-header>.wp-block-group,.ft-header-inner{width:min(1180px,calc(100% - 40px))!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}.ft-header-inner{min-height:48px}.ft-brand:before{background-color:#fff;background-size:contain;background-repeat:no-repeat}.ft-header .wp-block-navigation{margin-left:auto}.ft-header .wp-block-navigation__container{gap:28px}.ft-header .wp-block-navigation a{color:#fff!important}.ft-hero{margin-top:0!important}

/* v1.0.4: safe fixes only; no global block-layout overrides */
.ft-button .wp-block-button__link,.ft-contact-card .wp-block-button__link{color:#fff!important}

/* v1.0.5: isolated header and hero repair */
.wp-site-blocks{gap:0!important}.wp-site-blocks>header,.wp-site-blocks>main{margin-block-start:0!important}.ft-header{height:84px!important;min-height:84px!important;padding:0!important;border-bottom:0!important}.ft-header-inner{height:84px!important;width:min(1180px,calc(100% - 40px))!important;max-width:1180px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.ft-brand{display:inline-block!important;position:relative!important;box-sizing:border-box!important;min-width:270px!important;padding:9px 0 8px 64px!important;overflow:visible!important;white-space:nowrap!important}.ft-brand:before{width:48px!important;height:48px!important;left:0!important;top:50%!important;transform:translateY(-50%)!important}.ft-brand strong{display:block!important;font-size:23px!important;line-height:1!important;white-space:nowrap!important}.ft-brand small{display:block!important;margin-top:5px}.ft-nav{display:flex;align-items:center;gap:30px}.ft-nav a{color:#fff!important;text-decoration:none!important;text-transform:uppercase;font-size:12px;font-weight:800}.ft-nav a:hover{color:var(--ft-cyan)!important}.ft-hero{margin:0!important;padding-top:140px!important}.ft-hero>.ft-wrap{width:min(1180px,calc(100% - 40px))!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}.ft-hero h1{max-width:800px!important;font-size:clamp(52px,5.2vw,74px)!important}.ft-hero .ft-lead{max-width:620px!important}
@media(max-width:800px){.ft-header,.ft-header-inner{height:70px!important;min-height:70px!important}.ft-header-inner,.ft-hero>.ft-wrap{width:calc(100% - 28px)!important}.ft-brand{min-width:190px!important;padding-left:52px!important}.ft-brand:before{width:40px!important;height:40px!important}.ft-brand strong{font-size:20px!important}.ft-brand small{display:none!important}.ft-nav{gap:13px}.ft-nav a{font-size:10px}.ft-nav a:nth-child(-n+2){display:none}.ft-hero{padding-top:105px!important}.ft-hero h1{font-size:clamp(42px,10vw,60px)!important}}
@media(max-width:480px){.ft-nav a:not(:last-child){display:none}.ft-hero h1{font-size:clamp(38px,12vw,50px)!important}}