/*
Theme Name: Majstor Aca — Novi Početak
Theme URI: https://www.majstoraca.co.rs/
Author: Majstor Aca
Description: Minimalna početna stranica — navigacija i hero. Novi razvoj od nule.
Version: 1.3.8
Requires PHP: 7.4
Text Domain: majstoraca
*/
@font-face{font-family:Sora;src:url(assets/fonts/sora-latin-800.woff2) format('woff2');font-weight:800;font-display:swap}@font-face{font-family:Sora;src:url(assets/fonts/sora-latinext-800.woff2) format('woff2');font-weight:800;unicode-range:U+0100-024F;font-display:swap}@font-face{font-family:Manrope;src:url(assets/fonts/manrope-latin-400.woff2) format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url(assets/fonts/manrope-latin-700.woff2) format('woff2');font-weight:700;font-display:swap}@font-face{font-family:Manrope;src:url(assets/fonts/manrope-latinext-400.woff2) format('woff2');font-weight:400;unicode-range:U+0100-024F;font-display:swap}@font-face{font-family:Manrope;src:url(assets/fonts/manrope-latinext-700.woff2) format('woff2');font-weight:700;unicode-range:U+0100-024F;font-display:swap}
:root{--red:#f34f52;--dark:#151817;--ink:#242726;--muted:#5b625f;--line:#e8e8e6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:white;color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.container{max-width:1200px;margin:auto;padding:0 28px}.topbar{height:32px;background:#141918;color:#fff;font-size:11px}.topbar .container{height:100%;display:flex;align-items:center;justify-content:space-between}.topbar a{font-weight:700}.header{background:#fff;border-bottom:1px solid #f1f1f1;position:relative;z-index:5}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:block;flex:0 0 auto}.brand img{display:block;width:218px;max-width:100%;height:auto}.links{display:flex;gap:28px;align-items:center;font-size:13px;font-weight:700}.links a:hover{color:var(--red)}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--red);border:1px solid var(--red);color:white;font-weight:800;font-size:13px;border-radius:5px;padding:15px 22px;transition:background .2s,transform .2s}.btn:hover{background:#d9323b;transform:translateY(-1px)}.btn--outline{background:#fff;color:var(--red)}.btn--outline:hover{color:#fff}.menu-toggle{display:none;border:0;background:transparent;padding:12px;font-size:25px;cursor:pointer}.hero{min-height:620px;position:relative;overflow:hidden;display:flex;align-items:center;background:linear-gradient(105deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 47%,rgba(255,255,255,.63) 100%),radial-gradient(ellipse at 84% 56%,rgba(243,79,82,.18),transparent 42%),linear-gradient(135deg,#f8f9f8,#edf0ef)}.hero:before{content:'';position:absolute;width:720px;height:720px;border:100px solid rgba(243,79,82,.055);border-radius:50%;right:-200px;top:-180px;pointer-events:none}.hero .container{width:100%;position:relative;z-index:1}.hero-grid{display:grid;grid-template-columns:1.1fr .85fr;gap:65px;align-items:center;padding-top:74px;padding-bottom:86px}.eyebrow{font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:800;color:#4d5552;display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:30px;height:2px;background:var(--red)}h1{font-family:Sora,Manrope,sans-serif;font-size:clamp(38px,4.1vw,60px);font-weight:800;letter-spacing:-.055em;line-height:1.13;margin:24px 0 24px;color:#151817}h1 em{font-style:normal;color:var(--red)}.lead{font-size:16px;line-height:1.8;color:#505653;max-width:600px}.call-label{font-size:11px;font-weight:800;letter-spacing:.13em;margin:31px 0 4px;text-transform:uppercase}.call-number{font-family:Sora,Manrope,sans-serif;font-weight:800;font-size:clamp(28px,3vw,39px);letter-spacing:-.05em}.call-number:hover{color:var(--red)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.trust{display:flex;gap:20px;flex-wrap:wrap;margin-top:27px;color:#535a57;font-size:12px;font-weight:700}.trust span:before{content:'✓';color:var(--red);margin-right:7px}.panel{background:#fff;border:1px solid #eee;border-top:5px solid var(--red);box-shadow:0 20px 65px rgba(20,30,25,.10);border-radius:14px;padding:35px}.panel-kicker{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--red);text-transform:uppercase}.panel h2{font:800 28px/1.2 Sora,Manrope,sans-serif;letter-spacing:-.04em;margin:12px 0}.panel p{color:#5d625f;font-size:14px;line-height:1.7}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.service-chip{border:1px solid #e9e9e9;background:#f8f9f8;padding:13px;border-radius:8px;font-size:12px;font-weight:700}.service-chip:before{content:'✓';color:var(--red);margin-right:8px}.panel .btn{width:100%}.panel-note{text-align:center;font-size:11px!important;margin:14px 0 0}.footer{border-top:1px solid var(--line);padding:18px 0;color:#737975;font-size:11px}.footer .container{display:flex;justify-content:space-between;gap:12px}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden}@media(max-width:800px){.nav{min-height:70px}.brand img{width:175px}.menu-toggle{display:block}.links{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:18px 28px;box-shadow:0 12px 22px #0001;flex-direction:column;align-items:stretch;gap:17px}.links.is-open{display:flex}.nav>.btn{margin-left:auto}.hero-grid{grid-template-columns:1fr;gap:28px;padding-top:55px;padding-bottom:55px}.hero{min-height:auto}.panel{max-width:540px}.footer .container{flex-direction:column}}@media(max-width:480px){.container{padding:0 18px}.nav>.btn{font-size:11px;padding:11px}.brand img{width:140px}.topbar{font-size:10px}.hero-grid{padding-top:44px}.panel{padding:23px}.service-grid{gap:8px}.service-chip{font-size:11px;padding:10px}h1{font-size:37px}}

/* Hero v1.1: Electro Service-inspired telephone treatment and visual hierarchy */
.hero-copy{display:flex;flex-direction:column;justify-content:center;min-height:440px}
.hero h1{font-family:Sora,Manrope,sans-serif;font-size:clamp(35px,3.3vw,48px);font-weight:800;font-style:italic;letter-spacing:.005em;line-height:1.12;margin:27px 0 18px}
.hero h1 em{font-style:italic;color:#f25050}
.hero .lead{font-size:16px;line-height:1.55;max-width:580px;margin:0 0 24px;color:#242726}
.hero-phone{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;margin:0 0 14px;text-decoration:none;color:#101514}
.hero-phone-icon{flex:0 0 auto;color:#f25050;background:none;border:none;display:flex;align-items:center;justify-content:center}
.hero-phone-icon svg{width:40px;height:40px}
.hero-phone-block{display:flex;flex-direction:column;gap:4px}
.hero-phone-top{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-family:Sora,Manrope,sans-serif;font-size:14px;line-height:1;font-style:italic;font-weight:800}
.hero-phone-top em{font-style:italic;color:#c92e34}
.hero-phone-number{font-family:Sora,Manrope,sans-serif;font-size:38px;font-weight:900;letter-spacing:-.045em;line-height:1;white-space:nowrap}
.hero-phone:hover .hero-phone-number{color:#c92e34}
.hero .trust{margin-top:4px}
.hero .panel{border:2px solid #f25050;border-radius:20px;box-shadow:none;padding:0;overflow:hidden;background:#fff}
.hero .panel-kicker{background:#f25050;color:#fff;padding:18px 25px 0;font-family:Sora,Manrope,sans-serif;font-size:16px;font-weight:800;font-style:italic;letter-spacing:.12em}
.hero .panel h2{background:#f25050;color:#fff;margin:0;padding:5px 25px 10px;font-size:25px}
.hero .panel>p:first-of-type{background:#f25050;color:#fff;margin:0;padding:0 25px 19px}
.hero .service-grid{padding:15px 22px 0;margin:0 0 16px}
.hero .service-chip{background:#eee;border:1px solid #d5d5d5;font-weight:400;min-height:58px;display:flex;align-items:center}
.hero .panel>.btn{width:calc(100% - 44px);margin:0 22px 12px}
.hero .panel-note{margin:0 0 18px}
@media(max-width:800px){.hero-copy{min-height:unset}.hero h1{font-size:clamp(32px,6vw,43px)}}
@media(max-width:600px){.hero-phone-number{font-size:35px}.hero-phone-top{font-size:11px;gap:5px}.hero-phone-icon svg{width:40px;height:40px}.hero .lead{font-size:15px}}

/* Hero copy v1.2 */
.hero h1{line-height:1.12;letter-spacing:-.025em;margin:20px 0 16px;font-size:clamp(32px,3.1vw,46px)}
.hero-subtitle{font-family:Manrope,sans-serif;font-size:clamp(17px,1.45vw,21px);font-weight:500;line-height:1.35;letter-spacing:-.02em;margin:0 0 18px;color:#151515}
.hero-subtitle em{font-style:italic}.hero-subtitle strong{font-weight:800}
.hero .lead{font-size:15px;line-height:1.58;margin-bottom:19px}.hero .lead strong{font-weight:800}
.hero-phone{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;margin:0 0 14px;text-decoration:none;color:#101514}
.hero-phone-icon{flex:0 0 auto;color:#f25050;display:flex;align-items:center}.hero-phone-icon svg{width:40px;height:40px}
.hero-phone-block{display:flex;flex-direction:column;gap:5px}.hero-phone-top{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:13px;font-weight:800;font-style:italic;line-height:1}.hero-phone-top em{color:#c92e34}
.hero-phone-number{font-family:Sora,Manrope,sans-serif;font-weight:900;font-size:38px;letter-spacing:-.045em;line-height:1;white-space:nowrap}
@media(max-width:700px){.hero h1{font-size:35px;line-height:1.16}.hero-subtitle{font-size:18px}.hero-phone-number{font-size:35px}.hero-phone-top{font-size:11px;gap:5px}}

/* Hero phone and Font Awesome trust indicators — v1.3 */
.hero .hero-phone-top,.hero .hero-phone-top strong{font-family:Sora,Manrope,sans-serif;font-style:italic;font-weight:800;font-size:15px;line-height:1.2;text-transform:uppercase;letter-spacing:.005em}
.hero .hero-phone-number{font-family:Sora,Manrope,sans-serif;font-style:italic;font-weight:800;font-size:clamp(35px,3vw,42px);line-height:1.02;letter-spacing:-.045em}
.hero .hero-phone-block{gap:2px}
.hero .trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:18px;row-gap:14px;margin-top:8px;color:#151817;font-size:12px;font-weight:700}
.hero .trust span{display:flex;align-items:center;gap:8px}
.hero .trust span::before{content:none!important}
.hero .trust i{color:#f25050;font-size:16px;flex:0 0 18px;text-align:center}
@media(max-width:700px){.hero .trust{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hero .hero-phone-number{font-size:35px}.hero .hero-phone-top strong{font-size:12px}}
@media(max-width:380px){.hero .trust{grid-template-columns:1fr}}

/* v1.3.1: no utility bar above main navigation */
.topbar{display:none!important}

/* Hero appliance illustration replacing booking card */
.hero .hero-appliances{display:flex;align-items:center;justify-content:center;min-width:0;align-self:center;width:100%;background:none;border:0;box-shadow:none;padding:0;overflow:visible}
.hero .hero-appliances img{display:block;width:115%;max-width:none;height:auto;object-fit:contain;filter:none}
@media(max-width:800px){.hero .hero-appliances img{width:100%;max-width:650px;margin-inline:auto}}

/* v1.3.4 — Electro-style plain-text brand marquee directly below hero */
.brand-marquee{width:100%;overflow:hidden;background:#fff9f9;border-top:1px solid #f0e7e7;border-bottom:1px solid #ece4e4}
.brand-marquee__inner{max-width:1440px;margin:0 auto;display:flex;align-items:center;gap:35px;min-height:68px;padding:0 34px}
.brand-marquee__label{flex:0 0 auto;font-family:Sora,Manrope,sans-serif;font-weight:800;font-size:12px;letter-spacing:.075em;color:#68716c;white-space:nowrap}
.brand-marquee__viewport{flex:1;min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.brand-marquee__track{display:flex;width:max-content;animation:aca-marquee 38s linear infinite;will-change:transform}
.brand-marquee__group{display:flex;align-items:center;flex:0 0 auto;gap:28px;padding-right:28px}
.brand-marquee__name{font-family:Sora,Manrope,sans-serif;font-weight:800;font-size:14px;color:#111;white-space:nowrap}
.brand-marquee__dot{color:#ffc7c7;font-size:16px;line-height:1}
@keyframes aca-marquee{to{transform:translateX(-50%)}}
.brand-marquee__viewport:hover .brand-marquee__track{animation-play-state:paused}
@media(max-width:650px){.brand-marquee__inner{padding:0 16px;gap:18px;min-height:60px}.brand-marquee__label{font-size:10px}.brand-marquee__group{gap:19px;padding-right:19px}.brand-marquee__name{font-size:13px}}
@media(prefers-reduced-motion:reduce){.brand-marquee__track{animation:none}.brand-marquee__viewport{overflow-x:auto;mask-image:none}}

/* Approved Responsive Service wordmark proportions */
.brand img{width:240px;height:auto;object-fit:contain}
@media(max-width:800px){.brand img{width:185px}}
@media(max-width:480px){.brand img{width:150px}}