/*
Theme Name: tuNabavi Majstora
Theme URI: https://majstora.tunabavi.com
Author: tuNabavi
Description: WordPress tema za platformu povezivanja korisnika i izvođača.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.1
Text Domain: tunabavi-majstora
*/
:root{--navy:#102d36;--green:#16a273;--mint:#eaf8f2;--cream:#f7f5ef;--text:#19353e;--muted:#688087;--line:#dce5e5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Arial,sans-serif;background:#fff}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}button,input,select,textarea{font:inherit}.site-head{height:74px;background:#fff;border-bottom:1px solid #edf1f0;position:sticky;top:0;z-index:20}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{font-size:23px;font-weight:800;color:var(--navy);text-decoration:none}.logo span{color:var(--green)}.logo b{font-weight:500}.menu{display:flex;gap:30px}.menu a{color:#496169;text-decoration:none;font-size:14px}.nav-actions{display:flex;align-items:center;gap:10px}.nav-actions a{color:var(--text);font-size:14px;text-decoration:none}.outline{border:1px solid var(--green);background:#fff;color:var(--green);font-weight:700;padding:11px 17px;border-radius:9px}.hero{background:linear-gradient(115deg,#f1faf6,#fbfbf6 58%,#eef6f2);padding:76px 0 82px}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:80px}.eyebrow,.section-head span,.center>span{font-size:12px;letter-spacing:2px;color:var(--green);font-weight:800}.hero h1{font-size:60px;line-height:1.05;letter-spacing:-3px;margin:18px 0 22px;color:var(--navy)}.hero h1 em{display:block;color:var(--green);font-style:normal}.hero p{font-size:19px;line-height:1.65;color:#587078}.search{margin-top:34px;background:#fff;padding:8px;display:flex;align-items:center;border-radius:13px;box-shadow:0 12px 35px #133d2e17}.search input{flex:1;border:0;outline:0;padding:8px;min-width:80px}.primary,.search button,.cta button{border:0;border-radius:9px;background:var(--green);color:#fff;font-weight:800;padding:16px 22px;cursor:pointer}.trust{display:flex;gap:22px;margin-top:20px;font-size:12px;color:#617a72}.preview{position:relative;background:#fff;border-radius:20px;padding:22px;box-shadow:0 30px 70px #123d2b20}.job,.offer{display:flex;gap:12px;align-items:center;padding:14px;border-bottom:1px solid #eef1f0}.job i,.offer i{font-style:normal;width:42px;height:42px;border-radius:50%;background:var(--mint);display:grid;place-items:center}.job div,.offer div{display:flex;flex-direction:column;gap:4px}.job small,.offer small{color:#829397}.job span,.offer>b{margin-left:auto}.job span{color:var(--green);background:var(--mint);padding:5px 8px;border-radius:20px;font-size:10px}.offer.best{border:2px solid var(--green);border-radius:12px}.stats{border-bottom:1px solid #e7ecea}.stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 0}.stats div div{display:flex;flex-direction:column;align-items:center;border-right:1px solid #e3e8e6}.stats b{font-size:24px}.stats span{font-size:12px;color:#82928f}.section{padding:90px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section-head h2,.center h2,.pro h2,.cta h2{font-size:38px;letter-spacing:-1.5px;margin:10px 0}.section-head p{width:390px;color:var(--muted)}.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.cat{display:flex;align-items:center;gap:15px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:12px;padding:19px;cursor:pointer}.cat:hover{border-color:var(--green);transform:translateY(-2px)}.cat i{font-style:normal;font-size:22px;background:#f1f8f5;border-radius:9px;width:45px;height:45px;display:grid;place-items:center}.cat div{display:flex;flex-direction:column;gap:5px;flex:1}.cat small{color:#849399}.how,.reviews{background:var(--cream);padding:90px 0;text-align:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin:50px 0}.steps i{font-style:normal;font-size:30px;background:#fff;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;margin:auto}.steps p{color:var(--muted)}.pro{background:var(--navy);color:#fff;border-radius:25px;padding:55px 70px;display:grid;grid-template-columns:1.2fr .8fr;gap:60px}.pro h2{color:#fff}.pro p{color:#bed0d3;line-height:1.7}.pro ul{list-style:none;padding:0;line-height:2}.pro-card{background:#fff;color:var(--text);padding:24px;border-radius:18px}.pro-card div{padding:14px 0;border-bottom:1px solid var(--line)}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px;text-align:left}.review-grid article{background:#fff;padding:28px;border-radius:14px}.stars{color:#efa820}.cta{background:var(--green);color:#fff;padding:50px max(25px,calc((100% - 1160px)/2));display:flex;justify-content:space-between;align-items:center}.cta h2{color:#fff;margin:0}.cta button{background:#fff;color:var(--green)}footer{background:#0c2730;color:#fff;padding:50px 0}.foot{display:flex;justify-content:space-between;color:#93aaaf}.modal-bg{display:none;position:fixed;inset:0;background:#071b20aa;z-index:100;place-items:center;padding:20px}.modal-bg.open{display:grid}.modal{background:#fff;width:min(570px,100%);border-radius:18px;padding:34px;position:relative}.close{position:absolute;right:17px;top:14px;border:0;background:none;font-size:27px}.modal label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:bold;margin:15px 0}.modal input,.modal select,.modal textarea{border:1px solid #cedbd8;border-radius:8px;padding:13px}.modal textarea{min-height:100px}.modal .primary{width:100%}.notice{text-align:center;padding:25px}.notice i{display:grid;place-items:center;width:70px;height:70px;margin:auto;border-radius:50%;background:var(--mint);color:var(--green);font-size:32px;font-style:normal}.hidden{display:none!important}@media(max-width:850px){.menu{display:none}.hero-grid,.pro{grid-template-columns:1fr}.preview{display:none}.hero h1{font-size:46px}.cat-grid{grid-template-columns:1fr 1fr}.steps{gap:25px}.section-head{flex-direction:column;align-items:start}.section-head p{width:auto}}@media(max-width:560px){.wrap{width:calc(100% - 28px)}.nav-actions>a{display:none}.hero{padding:50px 0}.hero h1{font-size:40px}.search{flex-wrap:wrap}.search button{width:100%;margin-top:7px}.trust{flex-direction:column;gap:8px}.stats .wrap,.cat-grid,.steps,.review-grid{grid-template-columns:1fr 1fr}.cat-grid,.steps,.review-grid{grid-template-columns:1fr}.section{padding:65px 0}.pro{padding:34px 25px}.cta{flex-direction:column;align-items:start;gap:20px}.foot{flex-direction:column;gap:12px}}