/*
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.8
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}}

/* v1.0.6: two independent WPForms quote panels */
.ft-contact-intro{max-width:760px;margin-bottom:38px}.ft-quote-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.ft-quote-card{position:relative;padding:34px;background:#fff;color:var(--ft-navy);border-top:5px solid var(--ft-blue)}.ft-quote-card--metal{border-top-color:var(--ft-purple)}.ft-quote-label{margin:0 0 9px;color:var(--ft-blue)!important;font-size:11px!important;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}.ft-quote-card--metal .ft-quote-label{color:var(--ft-purple)!important}.ft-quote-card h3{margin:0 0 12px;font:600 27px/1.15 Oswald,sans-serif!important;text-transform:uppercase}.ft-quote-card>p{color:var(--ft-muted)}.ft-quote-card .wpforms-container{margin:24px 0 0}.ft-quote-card .wpforms-field-label{color:var(--ft-navy)!important;font-size:13px!important}.ft-quote-card input,.ft-quote-card select,.ft-quote-card textarea{border-radius:0!important;border:1px solid #cbd5db!important;background:#f7f9fa!important}.ft-quote-card button[type=submit]{border:0!important;border-radius:0!important;background:linear-gradient(135deg,var(--ft-blue),var(--ft-purple))!important;color:#fff!important;padding:13px 22px!important;font-size:12px!important;font-weight:800!important;text-transform:uppercase}.ft-form-notice{padding:14px;border:1px dashed #9cabb4;background:#f3f5f6;color:#50616c;font-size:13px}.ft-contact-details{margin-top:28px}.ft-contact-details a{margin-right:18px}@media(max-width:800px){.ft-quote-grid{grid-template-columns:1fr}.ft-quote-card{padding:26px 22px}}

/* v1.0.7: restore the intended desktop grid below the hero */
.ft-section>.ft-wrap,.ft-stats>.ft-wrap{width:min(1180px,calc(100% - 40px))!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}.ft-section>.ft-wrap.wp-block-columns,.ft-stats>.ft-wrap.wp-block-columns{max-width:1180px!important}@media(max-width:800px){.ft-section>.ft-wrap,.ft-stats>.ft-wrap{width:calc(100% - 28px)!important}}

/* v1.0.8: match the original HTML scale and quote-form composition */
.ft-section{padding:110px 0}.ft-section>.ft-wrap{box-sizing:border-box}.ft-services .wp-block-columns{gap:22px}.ft-card{padding:45px}.ft-card h3{font-size:29px!important}.ft-card>p{max-width:480px;font-size:15px}.ft-card li{padding:7px 0;font-size:13px}.ft-about>.ft-wrap{gap:90px}.ft-process .wp-block-columns{gap:1px!important;background:#ccd6dc}.ft-process .ft-step{padding:30px;background:#e9edef}.ft-contact{background:linear-gradient(110deg,#001c30 0 58%,#0c2d43 58%)}.ft-contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.ft-contact-copy>p:not(.ft-kicker){color:#9eb0ba}.ft-contact-list{display:grid;gap:14px;margin-top:30px}.ft-contact-list a{display:flex;align-items:center;gap:14px;color:#fff!important;text-decoration:none}.ft-contact-list b{width:42px;height:42px;display:grid;place-items:center;border:1px solid #ffffff28;color:var(--ft-cyan);flex:0 0 auto}.ft-contact-list span{display:flex;flex-direction:column;font-size:13px}.ft-contact-list small{color:#758e9d;font-size:9px;letter-spacing:1px;text-transform:uppercase}.ft-demo-form{padding:38px;background:#fff;color:var(--ft-navy)}.ft-demo-form h3{margin:0 0 24px;font:600 25px Oswald,sans-serif;text-transform:uppercase}.ft-field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.ft-demo-form label{display:block;margin-bottom:15px;color:var(--ft-navy);font-size:10px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}.ft-demo-form input,.ft-demo-form select,.ft-demo-form textarea{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #dce3e7;border-radius:0;background:#f6f8f9;color:var(--ft-navy);font:400 14px Manrope,sans-serif;text-transform:none;outline:none}.ft-demo-form input:focus,.ft-demo-form select:focus,.ft-demo-form textarea:focus{border-color:var(--ft-blue)}.ft-demo-form button{width:100%;padding:15px 20px;border:0;border-radius:0;background:linear-gradient(135deg,var(--ft-blue),var(--ft-purple));color:#fff;font-size:12px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.ft-form-note{margin:10px 0 0!important;color:var(--ft-muted)!important;font-size:10px!important;text-align:center}@media(max-width:900px){.ft-contact-layout{grid-template-columns:1fr;gap:50px}.ft-contact{background:var(--ft-navy)}.ft-about>.ft-wrap{gap:50px}}@media(max-width:600px){.ft-section{padding:76px 0}.ft-card{padding:30px 24px}.ft-demo-form{padding:25px 20px}.ft-field-row{grid-template-columns:1fr}}