.mub-smart{max-width:720px;margin:20px auto;padding:18px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#111827}.mub-smart-step{display:none}.mub-smart-step.is-active{display:block}.mub-smart h2{margin:0 0 8px;font-size:24px}.mub-smart p{color:#4b5563}.mub-smart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.mub-card{border:1px solid #d1d5db;background:#f9fafb;border-radius:14px;padding:16px;font-size:16px;font-weight:700;text-align:left;cursor:pointer}.mub-card:hover{border-color:#fb1942;background:#fff}.mub-smart label{display:block;margin:12px 0;font-weight:700}.mub-smart select,.mub-smart textarea,.mub-smart input{width:100%;box-sizing:border-box;margin-top:6px;border:1px solid #d1d5db;border-radius:12px;padding:12px;font-size:16px}.mub-actions{display:flex;gap:10px;justify-content:space-between;margin-top:16px}.mub-actions button,.mub-smart button[data-parse],.mub-smart button[data-submit-lead],.mub-smart button[data-open-lead]{border:0;border-radius:12px;padding:13px 16px;font-weight:800;font-size:16px;cursor:pointer;background:#111827;color:#fff}.mub-actions button:first-child{background:#e5e7eb;color:#111827}.mub-status{margin-top:12px;font-weight:700}.mub-items{display:grid;gap:8px}.mub-item{display:flex;justify-content:space-between;gap:12px;padding:12px;border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb}.mub-total{margin:16px 0;padding:16px;border-radius:14px;background:#111827;color:#fff;display:flex;justify-content:space-between;gap:10px}.mub-total strong{font-size:20px}.mub-small{font-size:13px}.mub-note{padding:12px;border-radius:12px}.mub-warn{background:#fff7ed;border:1px solid #fed7aa}.mub-consent{font-weight:500!important;display:flex!important;gap:8px;align-items:flex-start}.mub-consent input{width:auto;margin-top:4px}@media(max-width:560px){.mub-smart{margin:10px;padding:14px;border-radius:12px}.mub-smart-grid{grid-template-columns:1fr}.mub-actions{flex-direction:column-reverse}.mub-item,.mub-total{flex-direction:column}.mub-smart h2{font-size:22px}}
.mub-voice-box{margin-top:10px;padding:12px;border:1px dashed #d1d5db;border-radius:12px;background:#f9fafb}.mub-voice-btn{border:0;border-radius:12px;padding:12px 14px;font-weight:800;font-size:16px;background:#fb1942;color:#fff;cursor:pointer}.mub-voice-btn:disabled{opacity:.65;cursor:wait}.mub-voice-status{margin-top:8px;font-size:13px;color:#4b5563}
.mub-location-line{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;margin:8px 0 14px;color:#374151}.mub-breakdown{display:grid;gap:8px;margin:14px 0}.mub-breakdown div{display:flex;justify-content:space-between;gap:10px;border:1px solid #e5e7eb;background:#f9fafb;border-radius:12px;padding:12px}.mub-breakdown span{color:#4b5563}.mub-smart-cards{display:grid;gap:12px;margin:12px 0 18px}.mub-smart-card{border:1px solid #e5e7eb;background:#fff;border-radius:14px;padding:14px}.mub-smart-card-title{font-size:18px;font-weight:900;margin-bottom:4px}.mub-smart-card-question{color:#4b5563;margin-bottom:10px}.mub-smart-options{display:grid;gap:8px}.mub-smart-options button{width:100%;text-align:left;border:1px solid #d1d5db;background:#f9fafb;color:#111827;border-radius:12px;padding:11px 12px;cursor:pointer;display:flex;justify-content:space-between;gap:10px;align-items:center;font-weight:800}.mub-smart-options button small{font-weight:700;color:#6b7280;white-space:nowrap}.mub-smart-options button.is-selected{border-color:#fb1942;background:#fff1f2;box-shadow:0 0 0 2px rgba(251,25,66,.12)}@media(max-width:560px){.mub-breakdown div,.mub-smart-options button{flex-direction:column;align-items:flex-start}.mub-smart-options button small{white-space:normal}}
.mub-autofill-note{background:#eef8ff;border:1px solid #b9e1ff;border-radius:10px;padding:10px 12px;margin:10px 0;color:#12415f;font-size:14px;}
/* Provider pricebook v0.6.0 */
.mub-provider-filter{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0 18px}
.mub-provider-filter select{min-width:220px;padding:8px;border:1px solid #d7d7d7;border-radius:8px;background:#fff}
.mub-pricebook-table-wrap{overflow-x:auto;border:1px solid #e5e5e5;border-radius:12px;background:#fff}
.mub-pricebook-table{width:100%;border-collapse:collapse;min-width:820px}
.mub-pricebook-table th,.mub-pricebook-table td{padding:10px;border-bottom:1px solid #eee;text-align:left;vertical-align:middle}
.mub-pricebook-table th{background:#fafafa;font-weight:700}
.mub-pricebook-table input[type="number"],.mub-pricebook-table input[type="text"]{width:100%;box-sizing:border-box;padding:7px;border:1px solid #ddd;border-radius:7px}
@media(max-width:768px){.mub-provider-filter{display:block}.mub-provider-filter label{display:block;margin-bottom:10px}.mub-pricebook-table{font-size:13px}}
/* Provider pricebook v0.6.2 — Simple Provider Prices */
.mub-provider-pricebook-v062{max-width:1100px;margin:20px auto;padding:18px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;font-family:system-ui,-apple-system,Segoe UI,sans-serif}
.mub-pricebook-group{margin:22px 0 30px}
.mub-pricebook-listing-card{display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid #e5e7eb;background:#f9fafb;border-radius:16px;padding:14px;margin-bottom:14px}
.mub-pricebook-listing-card h3{margin:4px 0 0;font-size:19px}.mub-pricebook-listing-card a{font-weight:800;color:#fb1942;text-decoration:none}
.mub-price-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.mub-price-card{border:1px solid #e5e7eb;border-radius:16px;background:#fff;padding:15px;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.mub-price-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.mub-price-card-head h4{margin:0;font-size:18px}.mub-price-card-head span{background:#eef2ff;color:#3730a3;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;white-space:nowrap}
.mub-price-card-mub{margin:10px 0 13px;color:#4b5563}.mub-price-card-mub strong{display:block;color:#111827;margin-top:3px}
.mub-price-input-label{display:block;font-weight:800;margin:10px 0}.mub-price-inline-input{display:flex;gap:8px;align-items:center;margin-top:6px}.mub-price-inline-input input{max-width:150px}.mub-price-inline-input span{color:#4b5563;font-weight:700}
.mub-price-check{display:flex!important;gap:8px;align-items:center;font-weight:800!important;margin:12px 0}.mub-price-check input{width:auto!important;margin:0!important}
@media(max-width:760px){.mub-price-card-grid{grid-template-columns:1fr}.mub-pricebook-listing-card{display:block}.mub-pricebook-listing-card a{display:inline-block;margin-top:8px}.mub-price-inline-input{display:block}.mub-price-inline-input input{max-width:none}.mub-price-inline-input span{display:block;margin-top:4px}}
/* v0.6.4 location mapping / GPS suggestion */
.mub-geo-btn{margin:8px 0 10px;width:100%;}
.mub-geo-status{font-size:13px;margin:6px 0 12px;color:#555;}
.mub-geo-suggestion{padding:10px;border:1px solid #ddd;border-radius:8px;background:#f8fafc;}
.mub-geo-suggestion button{margin-left:6px;padding:4px 8px;font-size:12px;}
.mub-custom-service-add{margin-top:24px;padding-top:16px;border-top:1px solid #ddd;}
.mub-custom-service-add label{display:block;margin:8px 0;}
.mub-custom-service-add input,.mub-custom-service-add select{max-width:420px;width:100%;}
/* v0.6.4.2 — compact pricebook rows */
.mub-provider-pricebook-v0642{max-width:1100px;margin:20px auto;padding:18px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;font-family:system-ui,-apple-system,Segoe UI,sans-serif}
.mub-provider-pricebook-v0642 .mub-pricebook-group{margin:22px 0 28px}
.mub-pricebook-row-wrap{overflow-x:auto;border:1px solid #e5e7eb;border-radius:12px;background:#fff}
.mub-pricebook-simple-table{width:100%;border-collapse:collapse;min-width:760px}
.mub-pricebook-simple-table th,.mub-pricebook-simple-table td{padding:10px 12px;border-bottom:1px solid #eef0f3;text-align:left;vertical-align:middle}
.mub-pricebook-simple-table th{background:#f9fafb;font-weight:800;color:#374151}
.mub-pricebook-simple-table tr:last-child td{border-bottom:0}
.mub-pricebook-unit{font-size:12px;color:#6b7280;margin-top:2px}
.mub-price-one-line{display:flex;gap:8px;align-items:center;white-space:nowrap}
.mub-price-one-line input{width:110px!important;max-width:110px!important;margin:0!important}
.mub-price-one-line span{font-weight:700;color:#374151}
.mub-pricebook-simple-table input[type="text"]{width:100%;max-width:260px;margin:0!important}
.mub-muted{color:#6b7280;font-size:13px}
@media(max-width:760px){.mub-provider-pricebook-v0642{padding:12px}.mub-pricebook-simple-table{min-width:680px;font-size:14px}.mub-pricebook-simple-table th,.mub-pricebook-simple-table td{padding:8px}}
/* v0.6.5 — ispravka/dodavanje stavki */
.mub-item-main{display:flex;flex-direction:column;gap:6px;}
.mub-qty{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.mub-qty-btn{width:36px;height:36px;border:1px solid #c9c9c9;background:#fff;border-radius:8px;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.mub-qty-btn:active{background:#eee;}
.mub-qty-num{min-width:24px;text-align:center;font-weight:600;font-size:16px;}
.mub-qty-unit{color:#666;font-size:13px;}
.mub-item-remove{margin-left:auto;width:32px;height:32px;border:none;background:transparent;color:#b00;font-size:20px;cursor:pointer;border-radius:8px;}
.mub-item-remove:active{background:#fbeaea;}
.mub-add-item{margin:12px 0;}
.mub-add-toggle{width:100%;padding:12px;border:1px dashed #bbb;background:#fafafa;border-radius:10px;font-size:15px;cursor:pointer;color:#333;}
.mub-add-panel{margin-top:8px;display:flex;gap:8px;}
.mub-add-panel select{flex:1;padding:10px;border:1px solid #c9c9c9;border-radius:8px;font-size:14px;}
.mub-add-confirm{padding:10px 16px;border:none;background:#1a1a1a;color:#fff;border-radius:8px;font-size:14px;cursor:pointer;}
/* v0.6.6 — AI Provider Router, voice UI ostaje iz v0.6.5.5 */
.mub-voice-box{display:block;text-align:center;}
.mub-voice-mic{width:88px;height:88px;border-radius:50%;border:0;background:#fb1942;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s,background .2s;box-shadow:0 4px 14px rgba(251,25,66,.30);}
.mub-voice-mic:hover{transform:scale(1.04);}
.mub-voice-mic:active{transform:scale(.97);}
.mub-voice-mic:disabled{background:#111827;cursor:wait;animation:mubPulse 1.1s ease-in-out infinite;}
@keyframes mubPulse{0%{box-shadow:0 0 0 0 rgba(251,25,66,.45);}70%{box-shadow:0 0 0 16px rgba(251,25,66,0);}100%{box-shadow:0 0 0 0 rgba(251,25,66,0);}}
.mub-voice-status{font-size:13px;color:#4b5563;max-width:280px;}
/* Centriranje koraka Opišite problem (data-step=3) */
.mub-smart-step[data-step="3"]{text-align:center;}
.mub-smart-step[data-step="3"] h2,
.mub-smart-step[data-step="3"] p{text-align:center;}
.mub-smart-step[data-step="3"] textarea{text-align:left;}
/* v0.6.8.5: izbor prikaza valute u Smart Proceni */
.mub-currency-toggle{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 14px;padding:8px 10px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;font-size:14px}
.mub-currency-toggle button{border:1px solid #cbd5e1;background:#fff;border-radius:999px;padding:6px 12px;cursor:pointer;font-weight:700}
.mub-currency-toggle button.is-active{background:#2563eb;color:#fff;border-color:#2563eb}
.mub-currency-toggle small{color:#64748b}
/* v0.6.8.7: predloženi majstori u Smart Proceni */
.mub-provider-suggestions{margin:18px 0;padding:14px;border:1px solid #e5e7eb;border-radius:14px;background:#fff}
.mub-provider-suggestions h3{margin:0 0 6px;font-size:20px}
.mub-provider-cards{display:grid;grid-template-columns:1fr;gap:12px;margin-top:12px}
.mub-provider-card{display:flex;gap:12px;border:1px solid #e5e7eb;border-radius:14px;background:#f9fafb;padding:12px;overflow:hidden}
.mub-provider-card.is-selected{border-color:#fb1942;background:#fff1f2;box-shadow:0 0 0 2px rgba(251,25,66,.12)}
.mub-provider-card img{width:86px;height:86px;object-fit:cover;border-radius:12px;background:#e5e7eb;flex:0 0 auto}
.mub-provider-card-body{min-width:0;flex:1}
.mub-provider-card h4{margin:4px 0 4px;font-size:17px;line-height:1.25}
.mub-provider-card p{margin:6px 0;color:#4b5563;font-size:13px}
.mub-provider-badge{display:inline-block;background:#eef2ff;color:#3730a3;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800}
.mub-provider-location{font-size:13px;color:#374151;margin:4px 0}
.mub-provider-price{margin:8px 0;display:flex;flex-direction:column;gap:2px}
.mub-provider-price strong{font-size:16px;color:#111827}.mub-provider-price small{color:#6b7280;font-size:12px}
.mub-provider-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.mub-provider-actions a,.mub-provider-actions button{border-radius:10px;padding:9px 11px;font-weight:800;text-decoration:none;font-size:13px;cursor:pointer}
.mub-provider-actions a{border:1px solid #d1d5db;color:#111827;background:#fff}.mub-provider-actions button{border:0;background:#111827;color:#fff}
.mub-selected-provider-note{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:10px 12px;margin:10px 0;color:#1e3a8a;font-size:14px}
@media(max-width:560px){.mub-provider-card{display:block}.mub-provider-card img{width:100%;height:150px;margin-bottom:10px}.mub-provider-actions{flex-direction:column}.mub-provider-actions a,.mub-provider-actions button{text-align:center;width:100%;box-sizing:border-box}}
/* v0.6.8.9 mobile cleanup */
.mub-smart-box [hidden], .mub-breakdown [hidden]{display:none!important}
.mub-provider-group-title{font-size:15px;margin:14px 0 8px;color:#374151;font-weight:900}
.mub-smart-box{padding-bottom:96px}
.mub-provider-suggestions>p.mub-small{margin-top:4px}
.mub-provider-card p{word-break:normal}
@media(max-width:560px){.mub-provider-suggestions{padding:12px}.mub-provider-suggestions h3{font-size:18px;line-height:1.25}.mub-provider-suggestions>p.mub-small{font-size:13px;line-height:1.35}.mub-provider-group-title{font-size:14px}.mub-provider-card h4{font-size:16px}.mub-provider-card p{font-size:12px;line-height:1.35}.mub-provider-price strong{font-size:15px}.mub-item-remove{align-self:flex-end}}
/* v0.6.8.13 — smart pitanja jedno po jedno */
.mub-smart-card[hidden]{display:none!important}
.mub-smart-card-progress{display:inline-block;margin-bottom:8px;background:#eef2ff;color:#3730a3;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:900}
.mub-smart-card.is-current{border-color:#fb1942;box-shadow:0 0 0 2px rgba(251,25,66,.10)}
.mub-smart-card.is-answered{background:#fcfcfd}
.mub-smart-card.is-answered .mub-smart-card-progress{background:#ecfdf5;color:#047857}
.mub-provider-addon{display:block;color:#047857!important;font-weight:700}
/* v0.6.8.16 — jasna razrada cene majstora i Beograd dodataka */
.mub-provider-price-lines{display:flex;flex-direction:column;gap:2px;margin-top:4px;font-size:12px;color:#374151}
.mub-provider-price-lines span{display:block}
.mub-provider-price-lines .mub-provider-addon{color:#047857!important;font-weight:800}
.mub-addon-line{display:block;font-size:12px;color:#047857;font-weight:800;line-height:1.35}
.mub-addon-line small{display:inline;color:#6b7280!important;font-weight:600;margin-left:4px}
/* v0.6.8.18 — dodatno čišćenje kartice majstora */
.mub-provider-name{font-size:13px;color:#64748b;margin:2px 0 8px;}
.mub-provider-actions .mub-provider-call{display:inline-flex;align-items:center;gap:6px;text-decoration:none;border:1px solid #16a34a;background:#f0fdf4;color:#166534;border-radius:10px;padding:9px 12px;font-weight:700;}
@media(max-width:640px){.mub-provider-actions .mub-provider-call{justify-content:center;width:100%;}}
/* v0.6.8.19 dolazak po lokacijama */
.mub-location-arrival-prices{border-top:1px solid #e5e7eb;padding-top:18px}
.mub-location-price-details{border:1px solid #e5e7eb;border-radius:14px;background:#f9fafb;margin:12px 0;padding:10px 12px}
.mub-location-price-details summary{font-weight:900;cursor:pointer}
.mub-location-price-list{margin-top:12px;display:grid;gap:8px}
.mub-location-price-municipality label{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:8px 10px}
.mub-location-price-children{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;margin:6px 0 10px 18px}
.mub-location-price-children label{display:flex;justify-content:space-between;gap:8px;align-items:center;background:#fff;border:1px solid #eef2f7;border-radius:10px;padding:7px 9px;font-size:13px}
.mub-location-arrival-prices input[type=number]{max-width:95px}
@media(max-width:640px){.mub-location-price-children{grid-template-columns:1fr;margin-left:0}.mub-location-price-municipality label,.mub-location-price-children label{align-items:flex-start;flex-direction:column}.mub-location-arrival-prices input[type=number]{max-width:100%;width:100%}}
/* v0.6.8.20 — mobilni prikaz kartice majstora i veće dugme za poziv */
.mub-provider-actions{align-items:stretch}
.mub-provider-actions .mub-provider-call{
order:-1;
flex:1 1 100%;
justify-content:center;
min-height:52px;
border:0;
background:var(--mub-call-color,#16a34a);
color:#fff;
border-radius:14px;
padding:12px 16px;
font-size:16px;
font-weight:900;
box-shadow:0 8px 18px rgba(22,163,74,.22);
}
.mub-provider-actions .mub-provider-call .mub-call-icon{font-size:22px;line-height:1}
.mub-provider-actions .mub-provider-call .mub-call-text{line-height:1.1}
.mub-provider-actions .mub-provider-call small{display:block;margin-left:6px;color:rgba(255,255,255,.92);font-size:12px;font-weight:800;line-height:1.1}
.mub-provider-actions .mub-provider-open,
.mub-provider-actions button{
min-height:46px;
display:inline-flex;
align-items:center;
justify-content:center;
}
@media(max-width:560px){
.mub-provider-card{padding:14px;border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.06)}
.mub-provider-badge{font-size:12px;padding:5px 9px;margin-bottom:4px}
.mub-provider-card h4{font-size:18px;line-height:1.22;margin:6px 0}
.mub-provider-name{font-size:14px;margin:4px 0 10px;color:#475569}
.mub-provider-price{margin:10px 0 12px;padding:10px 12px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px}
.mub-provider-price strong{font-size:22px;line-height:1.15}
.mub-provider-price small{font-size:13px}
.mub-provider-price-lines{font-size:13px;gap:4px;margin-top:7px}
.mub-provider-actions{gap:10px;margin-top:12px}
.mub-provider-actions .mub-provider-call{min-height:60px;font-size:18px;border-radius:16px}
.mub-provider-actions .mub-provider-call .mub-call-icon{font-size:26px}
.mub-provider-actions .mub-provider-call small{font-size:13px;margin-left:8px}
.mub-provider-actions .mub-provider-open,
.mub-provider-actions button{min-height:50px;font-size:15px;border-radius:14px}
}
/* v0.6.8.21 — forsirani mobilni app CTA prikaz za kartice majstora */
@media(max-width:768px){
.mub-provider-suggestions{
margin:18px 0!important;
padding:16px!important;
border-radius:24px!important;
background:#fff!important;
}
.mub-provider-suggestions h3{
font-size:24px!important;
line-height:1.15!important;
margin:0 0 8px!important;
}
.mub-provider-suggestions>p.mub-small{
font-size:15px!important;
line-height:1.35!important;
margin:0 0 18px!important;
color:#475569!important;
}
.mub-provider-group-title{
font-size:17px!important;
margin:20px 0 12px!important;
}
.mub-provider-card,
.mub-provider-card-v21{
display:block!important;
padding:18px!important;
border-radius:26px!important;
background:#fff!important;
border:1px solid #e2e8f0!important;
box-shadow:0 10px 28px rgba(15,23,42,.08)!important;
}
.mub-provider-card h4{
font-size:24px!important;
line-height:1.18!important;
margin:10px 0 6px!important;
color:#111827!important;
}
.mub-provider-badge{
font-size:14px!important;
padding:8px 14px!important;
border-radius:999px!important;
}
.mub-provider-name{
font-size:17px!important;
line-height:1.3!important;
margin:8px 0 14px!important;
color:#64748b!important;
}
.mub-provider-price{
margin:14px 0 16px!important;
padding:16px!important;
border:1px solid #e2e8f0!important;
border-radius:20px!important;
background:#f8fafc!important;
}
.mub-provider-price strong{
font-size:30px!important;
line-height:1.1!important;
color:#0f172a!important;
}
.mub-provider-price small{
font-size:15px!important;
line-height:1.35!important;
margin-top:5px!important;
}
.mub-provider-price-lines{
font-size:15px!important;
line-height:1.45!important;
gap:7px!important;
margin-top:12px!important;
}
.mub-provider-price-lines .mub-provider-addon,
.mub-provider-addon{
font-size:16px!important;
color:#047857!important;
font-weight:900!important;
}
.mub-provider-actions{
display:flex!important;
flex-direction:column!important;
gap:12px!important;
margin-top:16px!important;
}
.mub-provider-actions .mub-provider-call{
order:-20!important;
width:100%!important;
box-sizing:border-box!important;
min-height:78px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:12px!important;
border:2px solid #16a34a!important;
border-radius:22px!important;
background:#16a34a!important;
color:#fff!important;
font-size:22px!important;
font-weight:950!important;
text-decoration:none!important;
box-shadow:0 12px 24px rgba(22,163,74,.28)!important;
}
.mub-provider-actions .mub-provider-call .mub-call-icon{
font-size:30px!important;
line-height:1!important;
}
.mub-provider-actions .mub-provider-call small{
display:block!important;
color:rgba(255,255,255,.95)!important;
font-size:14px!important;
font-weight:800!important;
margin:3px 0 0!important;
}
.mub-provider-actions .mub-provider-open,
.mub-provider-actions button{
width:100%!important;
box-sizing:border-box!important;
min-height:58px!important;
border-radius:18px!important;
font-size:17px!important;
font-weight:900!important;
text-align:center!important;
}
.mub-provider-actions .mub-provider-open{
order:2!important;
background:#fff!important;
border:1px solid #cbd5e1!important;
color:#0f172a!important;
}
.mub-provider-actions button{
order:3!important;
background:#0f172a!important;
color:#fff!important;
}
}
/* v0.6.8.22 — novi asset fajlovi + jak mobilni CTA, bez zavisnosti od starog cache-a */
@media(max-width:900px){
.mub-provider-card-v22{
display:block!important;
padding:20px!important;
border-radius:28px!important;
background:#ffffff!important;
border:1px solid #dbe3ef!important;
box-shadow:0 12px 30px rgba(15,23,42,.08)!important;
}
.mub-provider-card-v22 .mub-provider-actions-v22{
display:flex!important;
flex-direction:column!important;
gap:13px!important;
margin-top:18px!important;
}
.mub-provider-card-v22 .mub-provider-call-v22{
order:-100!important;
width:100%!important;
min-height:86px!important;
box-sizing:border-box!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:4px!important;
border:0!important;
border-radius:24px!important;
background:#16a34a!important;
color:#ffffff!important;
text-decoration:none!important;
box-shadow:0 14px 28px rgba(22,163,74,.30)!important;
font-weight:950!important;
}
.mub-provider-card-v22 .mub-provider-call-v22 .mub-call-icon{
display:block!important;
font-size:28px!important;
line-height:1!important;
}
.mub-provider-card-v22 .mub-provider-call-v22 .mub-call-main{
display:block!important;
font-size:23px!important;
line-height:1.05!important;
color:#ffffff!important;
}
.mub-provider-card-v22 .mub-provider-call-v22 .mub-call-phone{
display:block!important;
font-size:15px!important;
line-height:1.1!important;
color:rgba(255,255,255,.95)!important;
font-weight:850!important;
}
.mub-provider-card-v22 .mub-provider-open,
.mub-provider-card-v22 .mub-provider-actions-v22 button{
width:100%!important;
min-height:58px!important;
border-radius:18px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
box-sizing:border-box!important;
font-size:18px!important;
font-weight:900!important;
}
.mub-provider-card-v22 .mub-provider-open{
order:2!important;
background:#fff!important;
border:1px solid #cbd5e1!important;
color:#0f172a!important;
}
.mub-provider-card-v22 .mub-provider-actions-v22 button{
order:3!important;
border:0!important;
background:#0f172a!important;
color:#fff!important;
}
}
/* v0.6.8.23 — izbor vizuelnog template-a za Smart Procenu */
.mub-smart{
--mub-primary-color:#fb1942;
--mub-button-color:#040404;
--mub-card-bg:#ffffff;
--mub-text-color:#040404;
--mub-muted-color:#737373;
--mub-radius:24px;
}
.mub-smart .mub-smart-progress{display:flex;gap:8px;margin:0 0 16px;overflow-x:auto;padding-bottom:4px}
.mub-smart .mub-smart-progress span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:1px solid #e5e7eb;background:#fff;color:var(--mub-muted-color);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:850}
.mub-smart .mub-smart-progress span b{display:inline-flex;width:21px;height:21px;align-items:center;justify-content:center;border-radius:999px;background:#eef2f7;color:#0f172a;font-size:12px}
.mub-smart .mub-smart-progress span.is-active{border-color:var(--mub-primary-color);color:var(--mub-text-color);box-shadow:0 0 0 3px rgba(251,25,66,.10)}
.mub-smart .mub-smart-progress span.is-active b,.mub-smart .mub-smart-progress span.is-done b{background:var(--mub-primary-color);color:#fff}
.mub-smart-hide-steps .mub-smart-progress{display:none!important}
.mub-smart .mub-actions button,.mub-smart button[data-parse],.mub-smart button[data-submit-lead],.mub-smart button[data-open-lead]{background:var(--mub-button-color)}
.mub-smart .mub-actions button:first-child{background:#e5e7eb;color:#111827}
.mub-smart .mub-card:hover,.mub-smart .mub-smart-options button.is-selected{border-color:var(--mub-primary-color)}
.mub-smart .mub-total{background:var(--mub-button-color)}
.mub-smart .mub-provider-card.is-selected{border-color:var(--mub-primary-color);box-shadow:0 0 0 3px rgba(251,25,66,.14)}
.mub-smart .mub-provider-card-v22 .mub-provider-actions-v22 button{background:var(--mub-button-color)!important}
.mub-smart-template-compact{max-width:560px;padding:14px;border-radius:18px}
.mub-smart-template-compact .mub-smart-grid{grid-template-columns:1fr;gap:8px}
.mub-smart-template-compact .mub-card{padding:12px 14px;font-size:15px}
.mub-smart-template-compact h2{font-size:21px}
.mub-smart-template-compact p{font-size:14px;line-height:1.35}
.mub-smart-template-compact textarea{min-height:120px}
.mub-smart-template-compact .mub-provider-suggestions{padding:12px;border-radius:18px}
.mub-smart-template-fullscreen{max-width:980px;min-height:min(760px, calc(100vh - 80px));border:0;border-radius:28px;padding:28px;background:#f8fafc;box-shadow:0 16px 45px rgba(15,23,42,.10)}
.mub-smart-template-fullscreen .mub-smart-step.is-active{max-width:720px;margin:0 auto;background:var(--mub-card-bg);border:1px solid #e5e7eb;border-radius:var(--mub-radius);padding:24px;box-shadow:0 8px 28px rgba(15,23,42,.08)}
.mub-smart-template-mobile_app{position:relative;overflow:hidden;border:0;background:#eef2f7;color:var(--mub-text-color);box-shadow:0 16px 44px rgba(15,23,42,.12)}
.mub-smart-template-mobile_app.mub-smart-has-map:before{content:"";position:absolute;inset:0;background:
radial-gradient(circle at 18% 20%, rgba(251,25,66,.16) 0 5px, transparent 6px),
radial-gradient(circle at 74% 30%, rgba(4,4,4,.15) 0 4px, transparent 5px),
radial-gradient(circle at 48% 72%, rgba(251,25,66,.18) 0 6px, transparent 7px),
linear-gradient(36deg, transparent 0 45%, rgba(255,255,255,.85) 46% 49%, transparent 50% 100%),
linear-gradient(132deg, transparent 0 42%, rgba(255,255,255,.75) 43% 45%, transparent 46% 100%),
linear-gradient(8deg, #dfe7ef, #f5f7fa);opacity:.95;pointer-events:none}
.mub-smart-template-mobile_app.mub-smart-has-map:after{content:"";position:absolute;left:9%;right:9%;top:76px;height:86px;border-radius:999px;background:rgba(255,255,255,.55);filter:blur(18px);pointer-events:none}
.mub-smart-template-mobile_app>*{position:relative;z-index:1}
.mub-smart-template-mobile_app .mub-smart-step.is-active{background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.85);border-radius:28px;padding:20px;box-shadow:0 18px 44px rgba(15,23,42,.16);backdrop-filter:blur(8px)}
.mub-smart-template-mobile_app .mub-smart-step.is-active h2{font-size:25px;letter-spacing:-.02em;color:var(--mub-text-color)}
.mub-smart-template-mobile_app .mub-smart-step.is-active p{font-size:15px;line-height:1.4;color:#475569}
.mub-smart-template-mobile_app .mub-card,.mub-smart-template-mobile_app select,.mub-smart-template-mobile_app textarea,.mub-smart-template-mobile_app input{border-radius:18px;background:#fff}
.mub-smart-template-mobile_app .mub-card{box-shadow:0 8px 20px rgba(15,23,42,.06)}
.mub-smart-template-mobile_app .mub-actions button{border-radius:18px;min-height:54px}
.mub-smart-template-mobile_app .mub-voice-box{border:0;background:transparent;border-radius:0;box-shadow:none}
.mub-smart-template-mobile_app .mub-voice-mic{width:84px;height:84px;border-radius:999px;background:var(--mub-primary-color)!important;color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;box-shadow:0 14px 30px rgba(251,25,66,.28)}
.mub-smart-template-mobile_app .mub-provider-suggestions{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;margin:14px 0 0!important}
.mub-smart-template-mobile_app .mub-provider-suggestions h3{color:#0f172a;text-shadow:0 1px 0 rgba(255,255,255,.6)}
.mub-smart-template-mobile_app .mub-provider-group-title{color:#1e293b;margin:14px 0 8px;text-shadow:0 1px 0 rgba(255,255,255,.5)}
.mub-smart-template-mobile_app .mub-provider-card-v22{border-radius:28px!important}
.mub-smart-template-mobile_app .mub-provider-call-v22{background:var(--mub-call-color,#16a34a)!important;box-shadow:0 16px 28px rgba(4,4,4,.20)!important}
.mub-smart-cta-normal .mub-provider-card-v22 .mub-provider-call-v22{min-height:58px!important;border-radius:18px!important}
.mub-smart-cta-normal .mub-provider-card-v22 .mub-provider-call-v22 .mub-call-main{font-size:18px!important}
.mub-smart-cta-large .mub-provider-card-v22 .mub-provider-call-v22{min-height:76px!important}
.mub-smart-cta-large .mub-provider-card-v22 .mub-provider-call-v22 .mub-call-main{font-size:22px!important}
.mub-smart-cta-xl .mub-provider-card-v22 .mub-provider-call-v22{min-height:96px!important;border-radius:28px!important}
.mub-smart-cta-xl .mub-provider-card-v22 .mub-provider-call-v22 .mub-call-main{font-size:26px!important}
@media(max-width:900px){
.mub-smart-template-mobile_app{max-width:480px;min-height:calc(100svh - 20px);margin:10px auto;padding:12px;border-radius:30px}
.mub-smart-template-mobile_app .mub-smart-progress{padding:10px 4px 12px;margin:0}
.mub-smart-template-mobile_app .mub-smart-progress span{background:rgba(255,255,255,.88);box-shadow:0 4px 12px rgba(15,23,42,.06)}
.mub-smart-template-mobile_app .mub-smart-step.is-active{margin-top:clamp(46px, 13svh, 120px)}
.mub-smart-template-mobile_app .mub-smart-step[data-step="4"].is-active{margin-top:16px}
.mub-smart-template-mobile_app .mub-smart-grid{grid-template-columns:1fr;gap:10px}
.mub-smart-template-mobile_app .mub-actions{position:sticky;bottom:10px;z-index:5;background:linear-gradient(to top, rgba(255,255,255,.98), rgba(255,255,255,.75));border-radius:22px;padding:10px;margin-left:-6px;margin-right:-6px}
.mub-smart-template-mobile_app.mub-smart-sticky-cta .mub-provider-card-v22 .mub-provider-call-v22{position:sticky!important;bottom:12px!important;z-index:6!important}
.mub-smart-template-fullscreen{margin:0;max-width:none;border-radius:0;min-height:100svh;padding:18px;background:#f8fafc}
.mub-smart-template-fullscreen .mub-smart-step.is-active{padding:18px;border-radius:24px}
}
/* ============================================================
v0.6.8.29 — "Mobile App / mapa" redesign (inspired by concept video)
Scoped to .mub-smart-template-mobile_app so classic/compact/fullscreen stay intact.
============================================================ */
.mub-smart-template-mobile_app{
--mub-map-wash:#e9eef4;
--mub-pill-dark:var(--mub-button-color,#040404);
position:relative;
max-width:480px;
border:0;
border-radius:28px;
padding:16px 14px 22px;
background:
radial-gradient(circle at 16% 12%, color-mix(in srgb, var(--mub-primary-color,#fb1942) 16%, transparent), transparent 20%),
radial-gradient(circle at 86% 8%, rgba(4,4,4,.07), transparent 18%),
repeating-linear-gradient(0deg, rgba(120,140,170,.22) 0 1.5px, transparent 1.5px 30px),
repeating-linear-gradient(90deg, rgba(120,140,170,.22) 0 1.5px, transparent 1.5px 30px),
linear-gradient(160deg,#eef3f9,#dde6f0);
box-shadow:0 24px 60px rgba(15,23,42,.16);
overflow:hidden;
}
/* faux "streets" — a couple of soft diagonal roads behind the cards */
.mub-smart-template-mobile_app::before{
content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;
background:
linear-gradient(58deg, transparent 47.6%, rgba(255,255,255,.9) 47.6% 49.4%, transparent 49.4%),
linear-gradient(-38deg, transparent 62%, rgba(255,255,255,.85) 62% 63.4%, transparent 63.4%),
linear-gradient(12deg, transparent 28%, rgba(255,210,120,.5) 28% 29.2%, transparent 29.2%);
}
.mub-smart-template-mobile_app > *{position:relative;z-index:1}
/* progress chips float on the map */
.mub-smart-template-mobile_app .mub-smart-progress span{
background:rgba(255,255,255,.92);backdrop-filter:blur(4px);border-color:transparent;
box-shadow:0 4px 12px rgba(15,23,42,.08)
}
/* each step becomes a floating white sheet */
.mub-smart-template-mobile_app .mub-smart-step.is-active{
background:var(--mub-card-bg,#fff);
border-radius:24px;
padding:20px 18px;
box-shadow:0 16px 40px rgba(15,23,42,.14);
}
.mub-smart-template-mobile_app h2{font-size:25px;letter-spacing:-.01em}
.mub-smart-template-mobile_app .mub-card{
border:1px solid #e7eaf0;border-radius:16px;background:#fbfcfe;font-weight:800;
}
.mub-smart-template-mobile_app .mub-card:hover{border-color:var(--mub-primary-color,#fb1942);box-shadow:0 6px 16px rgba(15,23,42,.08)}
/* ---- Location step: fields with confirm checkmarks ---- */
.mub-smart-template-mobile_app .mub-smart-step[data-step="2"] label{position:relative;font-weight:800}
.mub-smart-template-mobile_app .mub-smart-step[data-step="2"] select{
appearance:none;-webkit-appearance:none;
background:#f4f6fa;border:1px solid #e2e6ee;border-radius:14px;font-weight:800;padding-right:46px;
}
/* green confirm dot appears once a value is chosen (select:valid relies on a non-empty option) */
.mub-smart-template-mobile_app .mub-smart-step[data-step="2"] label.mub-has-value::after{
content:"";position:absolute;right:14px;top:50%;width:26px;height:26px;margin-top:1px;
border-radius:999px;background:#2563eb;
-webkit-mask:url("data:image/svg+xml;utf8,") center/16px no-repeat;
mask:url("data:image/svg+xml;utf8,") center/16px no-repeat;
box-shadow:0 4px 10px rgba(37,99,235,.4);
}
.mub-smart-template-mobile_app .mub-geo-btn{
background:#fff;border:1px solid #e2e6ee;color:#0f172a;font-weight:800;border-radius:14px;
box-shadow:0 4px 12px rgba(15,23,42,.06)
}
/* ---- "Prikaz majstora" provider cards ---- */
/* step 4 (results) floats cards on the map instead of one big white sheet */
.mub-smart-template-mobile_app .mub-smart-step[data-step="4"].is-active{
background:transparent;box-shadow:none;padding:4px 2px;
}
.mub-smart-template-mobile_app .mub-provider-suggestions h3{font-size:24px;letter-spacing:-.01em}
.mub-smart-template-mobile_app .mub-provider-cards{gap:14px}
.mub-smart-template-mobile_app .mub-provider-card{
display:block;position:relative;border:0;border-radius:22px;background:#fff;padding:16px 16px 14px;
box-shadow:0 14px 32px rgba(15,23,42,.12);overflow:visible;
}
.mub-smart-template-mobile_app .mub-provider-card.is-selected{
box-shadow:0 0 0 2px var(--mub-primary-color,#fb1942),0 14px 32px rgba(15,23,42,.16);background:#fff
}
.mub-smart-template-mobile_app .mub-provider-card img{
width:64px;height:64px;border-radius:999px;object-fit:cover;float:left;margin:0 14px 6px 0;
box-shadow:0 4px 10px rgba(15,23,42,.14)
}
/* avatar fallback circle when no image */
.mub-smart-template-mobile_app .mub-provider-avatar{
width:64px;height:64px;border-radius:999px;float:left;margin:0 14px 6px 0;
display:flex;align-items:center;justify-content:center;font-weight:900;font-size:22px;color:#fff;
background:linear-gradient(135deg,var(--mub-primary-color,#fb1942),#040404);
box-shadow:0 4px 10px rgba(15,23,42,.14)
}
.mub-smart-template-mobile_app .mub-provider-card-body{overflow:hidden}
.mub-smart-template-mobile_app .mub-provider-badge{
display:inline-block;font-size:11px;font-weight:800;color:#1d4ed8;background:#e8efff;
border-radius:999px;padding:3px 9px;margin-bottom:4px
}
.mub-smart-template-mobile_app .mub-provider-card h4{font-size:19px;margin:2px 0 2px;line-height:1.15}
.mub-smart-template-mobile_app .mub-provider-name{font-size:13px;color:#64748b;margin:0 0 8px}
.mub-smart-template-mobile_app .mub-provider-loc{
font-size:13px;color:#475569;display:inline-flex;align-items:center;gap:5px;margin:0 0 10px
}
.mub-smart-template-mobile_app .mub-provider-loc::before{
content:"";width:14px;height:14px;background:var(--mub-primary-color,#fb1942);
-webkit-mask:url("data:image/svg+xml;utf8,") center/contain no-repeat;
mask:url("data:image/svg+xml;utf8,") center/contain no-repeat;
}
/* price pill, dark, like the video (must beat earlier !important rules) */
.mub-smart-template-mobile_app .mub-provider-price{clear:both!important;margin:8px 0 0!important;display:block!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important}
.mub-smart-template-mobile_app .mub-provider-price strong{
display:inline-block!important;background:var(--mub-pill-dark)!important;color:#fff!important;border-radius:14px!important;
padding:9px 14px!important;font-size:18px!important;line-height:1.1!important;box-shadow:0 8px 18px rgba(4,4,4,.22)
}
.mub-smart-template-mobile_app .mub-provider-price small{display:block!important;color:#94a3b8!important;margin-top:6px!important;font-size:12px!important}
.mub-smart-template-mobile_app .mub-provider-price-lines{margin-top:8px!important;color:#475569!important}
/* action bar: select button is the hero, call/open are quiet */
.mub-smart-template-mobile_app .mub-provider-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.mub-smart-template-mobile_app .mub-provider-actions [data-provider-select]{
order:3;flex:1 1 100%;border:0;border-radius:16px;background:var(--mub-pill-dark);color:#fff;
font-weight:900;font-size:16px;padding:14px;cursor:pointer;
box-shadow:0 12px 24px rgba(4,4,4,.20)
}
.mub-smart-template-mobile_app .mub-provider-actions [data-provider-select]:hover{filter:brightness(1.18)}
.mub-smart-template-mobile_app .mub-provider-call,
.mub-smart-template-mobile_app .mub-provider-call-v22{
order:1;flex:1 1 auto;background:var(--mub-call-color,#16a34a)!important;color:#fff!important;
border:0!important;border-radius:14px!important;text-align:center;box-shadow:0 8px 18px rgba(4,4,4,.20)!important
}
.mub-smart-template-mobile_app .mub-provider-open{
order:2;flex:0 0 auto;background:#f1f5f9!important;color:#0f172a!important;border:0!important;
border-radius:14px!important;padding:12px 14px;text-decoration:none;font-weight:800
}
.mub-smart-template-mobile_app .mub-provider-card.is-selected::after{
content:"Izabran";position:absolute;top:14px;right:14px;background:var(--mub-primary-color,#fb1942);
color:#fff;font-size:11px;font-weight:900;border-radius:999px;padding:4px 10px
}
/* big CTA + sticky behaviour already handled by existing cta-size classes */
.mub-smart-template-mobile_app.mub-smart-cta-xl .mub-actions [data-open-lead],
.mub-smart-template-mobile_app.mub-smart-cta-xl [data-submit-lead]{font-size:19px;padding:16px}
@media(max-width:560px){
.mub-smart-template-mobile_app{margin:8px;border-radius:22px;padding:12px 10px 18px}
.mub-smart-template-mobile_app .mub-provider-card img,
.mub-smart-template-mobile_app .mub-provider-avatar{width:56px;height:56px}
.mub-smart-template-mobile_app h2{font-size:22px}
}
/* ============================================================
v0.6.8.29b — compact provider cards on phones for mobile_app
Must come last + use !important to beat earlier mobile blocks.
============================================================ */
@media(max-width:900px){
/* keep the result step transparent so the map shows behind cards */
.mub-smart-template-mobile_app .mub-smart-step[data-step="4"].is-active{
background:transparent!important;box-shadow:none!important;padding:2px!important;
}
/* compact card */
.mub-smart-template-mobile_app .mub-provider-card,
.mub-smart-template-mobile_app .mub-provider-card-v21,
.mub-smart-template-mobile_app .mub-provider-card-v22{
display:block!important;padding:14px!important;border-radius:20px!important;
background:#fff!important;box-shadow:0 12px 28px rgba(15,23,42,.14)!important;overflow:visible!important;
}
/* avatar small, floated left; badge + name wrap to its right */
.mub-smart-template-mobile_app .mub-provider-card img,
.mub-smart-template-mobile_app .mub-provider-avatar{
width:52px!important;height:52px!important;border-radius:999px!important;
float:left!important;margin:0 12px 6px 0!important;
}
.mub-smart-template-mobile_app .mub-provider-avatar{font-size:18px!important}
.mub-smart-template-mobile_app .mub-provider-card-body{overflow:hidden!important}
.mub-smart-template-mobile_app .mub-provider-badge{
display:inline-block!important;font-size:11px!important;padding:3px 9px!important;margin:0 0 4px!important;
color:#1d4ed8!important;background:#e8efff!important;border-radius:999px!important;
}
.mub-smart-template-mobile_app .mub-provider-card h4{font-size:17px!important;line-height:1.2!important;margin:2px 0!important}
.mub-smart-template-mobile_app .mub-provider-name{font-size:12px!important;margin:0 0 4px!important;color:#64748b!important}
.mub-smart-template-mobile_app .mub-provider-loc{font-size:12px!important;margin:0 0 8px!important}
/* price: clear the float, dark inline pill */
.mub-smart-template-mobile_app .mub-provider-price{
clear:both!important;display:block!important;margin:8px 0 0!important;padding:0!important;
background:transparent!important;border:0!important;
}
.mub-smart-template-mobile_app .mub-provider-price strong{
display:inline-block!important;background:var(--mub-pill-dark,#040404)!important;color:#fff!important;
border-radius:12px!important;padding:8px 13px!important;font-size:17px!important;line-height:1.1!important;
box-shadow:0 6px 16px rgba(4,4,4,.22)!important;
}
.mub-smart-template-mobile_app .mub-provider-price small{font-size:11px!important;color:#94a3b8!important;margin-top:5px!important}
.mub-smart-template-mobile_app .mub-provider-price-lines{font-size:12px!important;gap:3px!important;margin-top:6px!important;color:#475569!important}
.mub-smart-template-mobile_app .mub-provider-price-lines .mub-provider-addon{font-size:12px!important}
/* actions: compact row, call not a giant block */
.mub-smart-template-mobile_app .mub-provider-actions{
display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important;margin-top:12px!important;
}
.mub-smart-template-mobile_app .mub-provider-actions .mub-provider-call,
.mub-smart-template-mobile_app .mub-provider-actions .mub-provider-call-v22{
order:1!important;flex:1 1 100%!important;min-height:52px!important;font-size:16px!important;border-radius:14px!important;
background:var(--mub-primary-color,#fb1942)!important;color:#fff!important;
display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;text-align:center!important;
box-shadow:0 8px 18px rgba(251,25,66,.28)!important;
}
.mub-smart-template-mobile_app .mub-provider-actions .mub-provider-call .mub-call-icon{font-size:18px!important;display:inline-flex!important;align-items:center!important}
.mub-smart-template-mobile_app .mub-provider-actions .mub-provider-call .mub-call-icon svg{width:22px!important;height:22px!important;display:block!important}
.mub-smart-template-mobile_app .mub-provider-actions .mub-provider-call small,
.mub-smart-template-mobile_app .mub-provider-actions .mub-provider-call .mub-call-phone{
display:inline!important;margin-left:6px!important;font-size:12px!important;
}
.mub-smart-template-mobile_app .mub-provider-actions .mub-provider-open{
order:2!important;flex:1 1 40%!important;min-height:46px!important;font-size:14px!important;border-radius:14px!important;
background:#f1f5f9!important;color:#0f172a!important;display:flex!important;align-items:center!important;justify-content:center!important;
}
.mub-smart-template-mobile_app .mub-provider-actions [data-provider-select],
.mub-smart-template-mobile_app .mub-provider-actions button{
order:3!important;flex:1 1 50%!important;min-height:46px!important;font-size:15px!important;border-radius:14px!important;
background:var(--mub-pill-dark,#040404)!important;color:#fff!important;
}
}
/* ============================================================
v0.6.8.29c — custom background image per template + phone icon size
============================================================ */
.mub-smart-has-bg-image{
background-image:var(--mub-bg-image)!important;
background-size:cover!important;
background-position:center!important;
background-repeat:no-repeat!important;
}
/* keep cards readable over a photo background */
.mub-smart-has-bg-image::before{
content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
background:linear-gradient(180deg, rgba(255,255,255,.25), rgba(255,255,255,.55));
}
.mub-smart-has-bg-image > *{position:relative;z-index:1}
/* phone icon size driven by admin slider (--mub-phone-icon-size) */
.mub-provider-call .mub-call-icon svg{
width:var(--mub-phone-icon-size,22px)!important;
height:var(--mub-phone-icon-size,22px)!important;
}
.mub-smart-template-mobile_app .mub-provider-actions .mub-provider-call .mub-call-icon svg{
width:var(--mub-phone-icon-size,22px)!important;
height:var(--mub-phone-icon-size,22px)!important;
}
/* ============================================================
v0.6.8.29d — voice waveform animation while speaking
============================================================ */
.mub-voice-box{position:relative;text-align:center;margin:14px 0}
.mub-voice-row{display:flex;align-items:center;justify-content:center;gap:8px}
.mub-voice-wave{display:flex;align-items:center;gap:3px;height:52px;flex:1 1 0;min-width:0;overflow:hidden}
.mub-voice-wave-left{justify-content:flex-end}
.mub-voice-wave-right{justify-content:flex-start}
.mub-voice-wave span{display:block;width:3px;height:6px;border-radius:3px;background:var(--mub-primary-color,#fb1942);transition:height .12s ease}
/* crni mikrofon u centru */
.mub-voice-mic{flex:0 0 auto;width:74px;height:74px;border-radius:999px;background:#0b1220!important;color:#fff;border:0;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 26px rgba(11,18,32,.32)}
.mub-voice-mic:disabled{cursor:wait}
.mub-voice-box.is-recording:not(.is-speaking) .mub-voice-wave{opacity:.5}
.mub-voice-box.is-recording:not(.is-speaking) .mub-voice-wave span{height:6px}
.mub-voice-box.is-speaking .mub-voice-wave{opacity:1}
.mub-voice-box.is-speaking .mub-voice-wave span{animation:mubWave .9s ease-in-out infinite}
/* radijalno: trake bliže mikrofonu su veće i brže */
.mub-voice-box.is-speaking .mub-voice-wave-left span:nth-last-child(1){animation-duration:.6s;--mub-wave-h:40px}
.mub-voice-box.is-speaking .mub-voice-wave-left span:nth-last-child(2){animation-duration:.7s;--mub-wave-h:36px}
.mub-voice-box.is-speaking .mub-voice-wave-left span:nth-last-child(3){animation-duration:.65s;--mub-wave-h:32px}
.mub-voice-box.is-speaking .mub-voice-wave-left span:nth-last-child(4){animation-duration:.8s;--mub-wave-h:28px}
.mub-voice-box.is-speaking .mub-voice-wave-left span:nth-last-child(5){animation-duration:.75s;--mub-wave-h:24px}
.mub-voice-box.is-speaking .mub-voice-wave-left span:nth-last-child(6){animation-duration:.9s;--mub-wave-h:20px}
.mub-voice-box.is-speaking .mub-voice-wave-left span:nth-last-child(7){animation-duration:.85s;--mub-wave-h:16px}
.mub-voice-box.is-speaking .mub-voice-wave-left span:nth-last-child(n+8){animation-duration:1s;--mub-wave-h:12px}
.mub-voice-box.is-speaking .mub-voice-wave-right span:nth-child(1){animation-duration:.6s;--mub-wave-h:40px}
.mub-voice-box.is-speaking .mub-voice-wave-right span:nth-child(2){animation-duration:.7s;--mub-wave-h:36px}
.mub-voice-box.is-speaking .mub-voice-wave-right span:nth-child(3){animation-duration:.65s;--mub-wave-h:32px}
.mub-voice-box.is-speaking .mub-voice-wave-right span:nth-child(4){animation-duration:.8s;--mub-wave-h:28px}
.mub-voice-box.is-speaking .mub-voice-wave-right span:nth-child(5){animation-duration:.75s;--mub-wave-h:24px}
.mub-voice-box.is-speaking .mub-voice-wave-right span:nth-child(6){animation-duration:.9s;--mub-wave-h:20px}
.mub-voice-box.is-speaking .mub-voice-wave-right span:nth-child(7){animation-duration:.85s;--mub-wave-h:16px}
.mub-voice-box.is-speaking .mub-voice-wave-right span:nth-child(n+8){animation-duration:1s;--mub-wave-h:12px}
.mub-voice-box.is-speaking .mub-voice-mic{box-shadow:0 0 0 0 rgba(11,18,32,.4);animation:mubMicPulse 1.4s ease-out infinite}
@keyframes mubWave{0%,100%{height:6px}50%{height:var(--mub-wave-h,24px)}}
@keyframes mubMicPulse{
0%{box-shadow:0 0 0 0 rgba(11,18,32,.4)}
100%{box-shadow:0 0 0 18px rgba(11,18,32,0)}
}
@media(prefers-reduced-motion:reduce){
.mub-voice-box.is-recording .mub-voice-wave span,
.mub-voice-box.is-recording .mub-voice-mic{animation:none}
.mub-voice-box.is-recording .mub-voice-wave span{height:22px}
}
/* ============================================================
v0.6.8.31 — provider star rating (from DRTS voting)
============================================================ */
.mub-provider-rating{display:flex;align-items:center;gap:2px;margin:4px 0 6px;flex-wrap:wrap}
.mub-provider-rating .mub-star{
width:16px;height:16px;display:inline-block;flex:0 0 auto;
background:#d4d4d8;
-webkit-mask:url("data:image/svg+xml;utf8,") center/contain no-repeat;
mask:url("data:image/svg+xml;utf8,") center/contain no-repeat;
}
.mub-provider-rating .mub-star.is-full{background:#f5b50a}
.mub-provider-rating .mub-star.is-half{background:linear-gradient(90deg,#f5b50a 50%,#d4d4d8 50%)}
.mub-provider-rating-avg{font-weight:800;font-size:13px;color:#0f172a;margin-left:4px}
.mub-provider-rating-count{font-size:12px;color:#94a3b8}
.mub-smart-template-mobile_app .mub-provider-rating{margin:2px 0 6px}
@media(max-width:900px){
.mub-smart-template-mobile_app .mub-provider-rating .mub-star{width:15px!important;height:15px!important}
}
/* ============================================================
v0.6.8.32 — wider text + real photo thumbnail in provider card
============================================================ */
@media(max-width:900px){
/* real photo: rounded square thumbnail, floated left (not full-width banner) */
.mub-smart-template-mobile_app .mub-provider-card img{
width:58px!important;height:58px!important;border-radius:14px!important;
object-fit:cover!important;float:left!important;margin:0 12px 6px 0!important;
background:#e5e7eb!important;
}
.mub-smart-template-mobile_app .mub-provider-avatar{
width:58px!important;height:58px!important;border-radius:14px!important;
float:left!important;margin:0 12px 6px 0!important;font-size:19px!important;
}
/* body takes the rest of the width so text can breathe */
.mub-smart-template-mobile_app .mub-provider-card-body{overflow:hidden!important;display:block!important}
/* badge inline, doesn't push the title down a whole row */
.mub-smart-template-mobile_app .mub-provider-badge{
display:inline-block!important;margin:0 0 4px!important;vertical-align:top!important;
}
.mub-smart-template-mobile_app .mub-provider-card h4{
font-size:18px!important;line-height:1.2!important;margin:2px 0 2px!important;
word-break:normal!important;overflow-wrap:break-word!important;
}
.mub-smart-template-mobile_app .mub-provider-name{font-size:13px!important;margin:0 0 4px!important}
.mub-smart-template-mobile_app .mub-provider-loc{
font-size:13px!important;margin:0 0 8px!important;line-height:1.3!important;
display:block!important;
}
.mub-smart-template-mobile_app .mub-provider-loc::before{
display:inline-block!important;vertical-align:-2px!important;margin-right:4px!important;
}
}
/* ============================================================
v0.6.8.33 — aligned action buttons + bigger card (video look)
============================================================ */
@media(max-width:900px){
.mub-smart-template-mobile_app .mub-provider-actions{
display:flex!important;flex-direction:column!important;gap:10px!important;margin-top:14px!important;align-items:stretch!important;
}
/* call button: one tidy row, centered */
.mub-smart-template-mobile_app .mub-provider-actions .mub-provider-call,
.mub-smart-template-mobile_app .mub-provider-actions .mub-provider-call-v22{
order:1!important;width:100%!important;min-height:58px!important;
display:flex!important;flex-flow:row wrap!important;align-items:center!important;justify-content:center!important;
gap:4px 10px!important;text-align:center!important;border-radius:16px!important;
background:var(--mub-primary-color,#fb1942)!important;color:#fff!important;
font-size:18px!important;font-weight:900!important;padding:12px 14px!important;line-height:1.15!important;
box-shadow:0 10px 22px rgba(251,25,66,.28)!important;
}
.mub-smart-template-mobile_app .mub-provider-call .mub-call-main{flex:0 0 auto!important}
.mub-smart-template-mobile_app .mub-provider-call .mub-call-phone{
flex:0 0 100%!important;display:block!important;width:100%!important;
font-size:14px!important;font-weight:800!important;opacity:.95!important;margin:0!important;
}
/* secondary buttons: equal width, same height, aligned */
.mub-smart-template-mobile_app .mub-provider-actions .mub-provider-open{
order:2!important;width:100%!important;min-height:48px!important;
display:flex!important;align-items:center!important;justify-content:center!important;
background:#f1f5f9!important;color:#0f172a!important;border:0!important;border-radius:14px!important;
font-size:15px!important;font-weight:800!important;text-decoration:none!important;
}
.mub-smart-template-mobile_app .mub-provider-actions [data-provider-select],
.mub-smart-template-mobile_app .mub-provider-actions button{
order:3!important;width:100%!important;min-height:52px!important;
display:flex!important;align-items:center!important;justify-content:center!important;
background:var(--mub-button-color,#040404)!important;color:#fff!important;border:0!important;border-radius:14px!important;
font-size:16px!important;font-weight:900!important;
}
}
/* ============================================================
v0.6.8.33b — bigger, bolder card sizing (closer to concept video)
============================================================ */
@media(max-width:900px){
.mub-smart-template-mobile_app .mub-provider-card,
.mub-smart-template-mobile_app .mub-provider-card-v22{
padding:18px!important;border-radius:24px!important;
}
.mub-smart-template-mobile_app .mub-provider-card img,
.mub-smart-template-mobile_app .mub-provider-avatar{
width:68px!important;height:68px!important;border-radius:16px!important;margin:0 14px 8px 0!important;
}
.mub-smart-template-mobile_app .mub-provider-avatar{font-size:22px!important}
.mub-smart-template-mobile_app .mub-provider-card h4{font-size:21px!important;line-height:1.18!important}
.mub-smart-template-mobile_app .mub-provider-name{font-size:14px!important}
.mub-smart-template-mobile_app .mub-provider-loc{font-size:14px!important}
.mub-smart-template-mobile_app .mub-provider-badge{font-size:12px!important;padding:4px 11px!important}
.mub-smart-template-mobile_app .mub-provider-rating .mub-star{width:18px!important;height:18px!important}
.mub-smart-template-mobile_app .mub-provider-rating-avg{font-size:15px!important}
.mub-smart-template-mobile_app .mub-provider-price strong{font-size:20px!important;padding:11px 16px!important;border-radius:16px!important}
.mub-smart-template-mobile_app .mub-provider-price small{font-size:13px!important}
.mub-smart-template-mobile_app .mub-provider-price-lines{font-size:14px!important}
.mub-smart-template-mobile_app .mub-provider-suggestions h3{font-size:26px!important}
.mub-smart-template-mobile_app .mub-provider-group-title{font-size:18px!important}
}
/* ============================================================
v0.6.8.34 — ikone uz stavke procene
============================================================ */
.mub-addon-ico{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;background:rgba(15,23,42,.08);color:#0f172a;margin-right:6px;vertical-align:-4px;flex:0 0 auto}
.mub-provider-addon .mub-addon-ico{background:rgba(22,101,52,.12);color:#166534}
.mub-addon-line .mub-addon-ico{background:rgba(15,23,42,.08);color:#0f172a}
.mub-smart-template-mobile_app .mub-addon-ico{width:22px;height:22px}
/* ============================================================
v0.6.8.37 — kompaktna slika majstora (nikad preko cele širine)
============================================================ */
.mub-smart-template-mobile_app .mub-provider-card img,
.mub-smart-template-mobile_app .mub-provider-avatar{
width:64px!important;height:64px!important;max-width:64px!important;
border-radius:16px!important;object-fit:cover!important;
float:left!important;margin:0 14px 6px 0!important;flex:0 0 64px!important;
}
@media(max-width:560px){
.mub-smart-template-mobile_app .mub-provider-card img,
.mub-smart-template-mobile_app .mub-provider-avatar{
width:60px!important;height:60px!important;max-width:60px!important;margin:0 12px 6px 0!important;flex:0 0 60px!important;
}
}
/* ============================================================
v0.6.8.41 — PUN prikaz na telefonu: izlazak iz teme (100vw)
============================================================ */
@media(max-width:560px){
.mub-smart{
max-width:none!important;
width:100vw!important;
margin-left:calc(50% - 50vw)!important;
margin-right:calc(50% - 50vw)!important;
margin-top:0!important;margin-bottom:0!important;
border-radius:0!important;border-left:0!important;border-right:0!important;
padding:14px 14px 18px!important;box-sizing:border-box!important;
}
}
/* v0.6.8.48 — parking zona po satu + hitnost */
.mub-provider-option-prices{margin-top:18px;padding:14px;border:1px solid #e5e7eb;border-radius:14px;background:#f9fafb}
.mub-provider-option-prices h3{margin:0 0 6px}
.mub-provider-option-prices h4{margin:14px 0 8px}
.mub-pricebook-options-table{background:#fff}
/* Parking/hitnost tabela mora da stane na telefon (ne nasleđuje min-width:760px). */
.mub-pricebook-options-table{min-width:0!important;width:100%;display:block}
.mub-pricebook-options-table thead{display:none}
.mub-pricebook-options-table tbody,.mub-pricebook-options-table tr,.mub-pricebook-options-table td{display:block;width:100%;box-sizing:border-box}
.mub-pricebook-options-table tr{border:1px solid #eef0f3;border-radius:12px;padding:10px;margin:0 0 10px;background:#fff}
.mub-pricebook-options-table td{border:0!important;padding:4px 0!important}
.mub-pricebook-options-table .mub-pricebook-unit{white-space:normal;color:#6b7280}
.mub-pricebook-options-table .mub-parking-charge-toggle{flex-wrap:wrap}
/* v0.6.8.52 — parking: štikla kod majstora + traka zona kod klijenta */
.mub-parking-charge-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;padding:8px 0}
.mub-parking-charge-toggle input{width:20px;height:20px;cursor:pointer}
.mub-parking-charge-ico{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:#0b1220;color:#fff}
.mub-parking-charge-text{font-size:15px}
.mub-zone-strip{margin:12px 0 4px}
.mub-zone-strip-title{font-size:13px;color:var(--mub-muted-color,#737373);margin-bottom:6px}
.mub-zone-strip-row{display:flex;width:100%;gap:0;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(15,23,42,.10)}
.mub-zone-seg{flex:1;border:0;cursor:pointer;padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--zone-color);color:var(--zone-text);font-weight:700;opacity:.78;transition:opacity .15s, transform .1s;border-right:2px solid rgba(255,255,255,.55)}
.mub-zone-strip-row .mub-zone-seg:last-child{border-right:0}
.mub-zone-seg:hover{opacity:.95}
.mub-zone-seg.is-on{opacity:1;box-shadow:inset 0 0 0 3px rgba(0,0,0,.35);transform:translateY(-1px)}
.mub-zone-seg-name{font-size:14px}
.mub-zone-seg-rate{font-size:11px;font-weight:600}
/* v0.6.8.65 — filteri majstora (ocena + cena) */
.mub-provider-filters{display:flex;flex-wrap:wrap;gap:12px;margin:6px 0 14px;align-items:center}
.mub-provider-filters label{font-size:13px;color:#374151;font-weight:600;display:flex;align-items:center;gap:6px}
.mub-provider-filters select{padding:7px 10px;border:1px solid #d1d5db;border-radius:10px;background:#fff;font-size:13px;cursor:pointer}
@media(max-width:560px){.mub-provider-filters{flex-direction:column;align-items:stretch}.mub-provider-filters label{justify-content:space-between}.mub-provider-filters select{flex:1;margin-left:8px}}
/* v0.6.8.71 — Embed widget režim */
.mub-smart-embed-widget{
margin:0 auto!important;
max-width:840px;
box-shadow:none!important;
}
.mub-smart-embed-widget .mub-smart-step{
min-height:auto;
}
@media (max-width:640px){
.mub-smart-embed-widget{
border-radius:16px!important;
padding:14px!important;
}
.mub-smart-embed-widget h2{
font-size:22px!important;
line-height:1.18!important;
}
}
/* v0.6.8.72 — SEO blok sa cenama (vidljiv tekst za Google) */
.mub-seo-catalog{margin:28px 0 8px;padding:18px;border:1px solid #e5e7eb;border-radius:14px;background:#fff}
.mub-seo-catalog h2{margin:0 0 8px;font-size:20px}
.mub-seo-catalog h3{margin:18px 0 8px;font-size:16px}
.mub-seo-catalog p{color:#4b5563;margin:0 0 10px}
.mub-seo-price-table{width:100%;border-collapse:collapse;font-size:14px}
.mub-seo-price-table th,.mub-seo-price-table td{text-align:left;padding:8px 10px;border-bottom:1px solid #eef0f3}
.mub-seo-price-table th{background:#f9fafb;font-weight:700;color:#374151}
.mub-seo-price-table td:last-child{white-space:nowrap;font-weight:600}
.mub-seo-note{font-size:12px;color:#9ca3af;margin-top:12px}
.mub-smart-embed-widget ~ .mub-seo-catalog{display:none}
@media(max-width:560px){.mub-seo-price-table{font-size:13px}.mub-seo-price-table th,.mub-seo-price-table td{padding:6px 7px}}
/* v0.6.8.84 — pozicija slike u kartici majstora (Levo / Iznad / Sakrij); kartica uvek pune širine */
.mub-provider-card[data-img-pos]{width:100%;box-sizing:border-box}
/* IZNAD: slika preko cele širine, telo ispod */
.mub-provider-card[data-img-pos="top"]{display:block}
.mub-provider-card[data-img-pos="top"]>img,
.mub-provider-card[data-img-pos="top"]>.mub-provider-avatar{width:100%;height:170px;border-radius:14px;margin:0 0 12px}
.mub-provider-card[data-img-pos="top"] .mub-provider-card-body{width:100%}
/* SAKRIJ: nema slike, telo pune širine */
.mub-provider-card[data-img-pos="hidden"]{display:block}
.mub-provider-card[data-img-pos="hidden"] .mub-provider-card-body{width:100%}
/* LEVO (default): slika levo, telo desno — ali kartica i dalje pune širine kontejnera */
@media(min-width:561px){
.mub-provider-card[data-img-pos="left"]{display:flex;align-items:flex-start;gap:14px}
.mub-provider-card[data-img-pos="left"]>img,
.mub-provider-card[data-img-pos="left"]>.mub-provider-avatar{flex:0 0 auto;width:96px;height:96px}
.mub-provider-card[data-img-pos="left"] .mub-provider-card-body{flex:1;min-width:0}
}
/* Na telefonu slika ide preko cele širine bez obzira na izbor "levo" (da ne sužava) */
@media(max-width:560px){
.mub-provider-card[data-img-pos="left"]{display:block}
.mub-provider-card[data-img-pos="left"]>img,
.mub-provider-card[data-img-pos="left"]>.mub-provider-avatar{width:100%;height:160px;margin-bottom:10px}
}
/* v0.6.8.87 — dodatne pozicije slike majstora: levo/desno/iznad/sakrij */
.mub-provider-card[data-img-pos="right"]{display:flex;align-items:flex-start;gap:14px;flex-direction:row-reverse;}
.mub-provider-card[data-img-pos="right"]>img,
.mub-provider-card[data-img-pos="right"]>.mub-provider-avatar{flex:0 0 auto;width:96px;height:96px;}
.mub-provider-card[data-img-pos="right"] .mub-provider-card-body{flex:1;min-width:0;}
@media(max-width:560px){
.mub-provider-card[data-img-pos="right"]{display:flex!important;flex-direction:row-reverse!important;align-items:flex-start!important;gap:10px!important;}
.mub-provider-card[data-img-pos="right"]>img,
.mub-provider-card[data-img-pos="right"]>.mub-provider-avatar{width:82px!important;height:82px!important;margin:0!important;border-radius:16px!important;}
.mub-provider-card[data-img-pos="right"] .mub-provider-card-body{flex:1!important;min-width:0!important;}
.mub-provider-card[data-img-pos="top"]>img,
.mub-provider-card[data-img-pos="top"]>.mub-provider-avatar{height:150px!important;}
}
body.mub-procena-app-body .mub-provider-card[data-img-pos="top"]>img,
body.mub-procena-app-body .mub-provider-card[data-img-pos="top"]>.mub-provider-avatar{height:150px!important;}
body.mub-procena-app-body .mub-provider-card[data-img-pos="hidden"]>img,
body.mub-procena-app-body .mub-provider-card[data-img-pos="hidden"]>.mub-provider-avatar{display:none!important;}
/* v0.6.8.89 — Separate Smart/App colors, full-width provider image and processing SVG loader */
.mub-smart .mub-processing-loader{display:flex;align-items:center;gap:12px;margin:12px 0 0;padding:12px 14px;border:1px solid rgba(4,4,4,.08);border-radius:16px;background:rgba(255,255,255,var(--mub-layer-opacity,.92));box-shadow:0 8px 22px rgba(15,23,42,.08);color:#040404}
.mub-processing-loader .mub-processing-media{width:46px;height:46px;flex:0 0 46px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;overflow:hidden}
.mub-processing-loader .mub-processing-media img{width:32px!important;height:32px!important;object-fit:contain!important;animation:mubProcessSpin 1.2s linear infinite;display:block}
.mub-processing-loader .mub-processing-spinner{width:30px;height:30px;border-radius:999px;border:4px solid #e5e7eb;border-top-color:var(--mub-primary-color,#16a34a);animation:mubProcessSpin .9s linear infinite}
.mub-processing-loader strong{display:block;font-size:15px;line-height:1.2;margin-bottom:3px;color:#040404}
.mub-processing-loader span{display:block;font-size:13px;line-height:1.3;color:#64748b}
@keyframes mubProcessSpin{to{transform:rotate(360deg)}}
body.mub-procena-app-body .mub-smart button[data-parse],
body.mub-procena-app-body .mub-smart button[data-open-lead],
body.mub-procena-app-body .mub-smart button[data-submit-lead],
body.mub-procena-app-body .mub-smart .mub-actions button:not(:first-child),
body.mub-procena-app-body .mub-provider-card-v22 .mub-provider-actions-v22 button{background:var(--mub-button-color,#040404)!important;color:#fff!important}
body.mub-procena-app-body .mub-smart .mub-total{background:#040404!important;color:#fff!important}
body.mub-procena-app-body .mub-smart .mub-smart-progress span.is-active,
body.mub-procena-app-body .mub-smart .mub-smart-progress span.is-done b,
body.mub-procena-app-body .mub-smart .mub-smart-progress span.is-active b{background:var(--mub-primary-color,#fb1942)!important;color:#fff!important}
body.mub-procena-app-body .mub-smart .mub-card:hover,
body.mub-procena-app-body .mub-smart .mub-smart-options button.is-selected,
body.mub-procena-app-body .mub-provider-card.is-selected{border-color:var(--mub-primary-color,#fb1942)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--mub-primary-color,#fb1942) 18%,transparent)!important;background:var(--mub-card-bg,#fff)!important}
body.mub-procena-app-body .mub-provider-call,
body.mub-procena-app-body .mub-provider-call-v22{background:var(--mub-call-color,#16a34a)!important;color:#fff!important}
body.mub-procena-app-body .mub-smart-template-mobile_app .mub-smart-step.is-active,
body.mub-procena-app-body .mub-smart-template-mobile_app .mub-provider-card,
body.mub-procena-app-body .mub-breakdown div,
body.mub-procena-app-body .mub-smart-card,
body.mub-procena-app-body .mub-provider-suggestions{background:rgba(255,255,255,var(--mub-layer-opacity,.69))!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
body.mub-procena-app-body .mub-smart-template-mobile_app .mub-provider-card[data-img-pos="top"]{display:block!important;overflow:hidden!important}
body.mub-procena-app-body .mub-smart-template-mobile_app .mub-provider-card[data-img-pos="top"]>img,
body.mub-procena-app-body .mub-smart-template-mobile_app .mub-provider-card[data-img-pos="top"]>.mub-provider-avatar{display:block!important;float:none!important;width:100%!important;max-width:100%!important;height:190px!important;margin:0 0 12px!important;border-radius:20px!important;object-fit:cover!important;box-sizing:border-box!important}
body.mub-procena-app-body .mub-smart-template-mobile_app .mub-provider-card[data-img-pos="top"] .mub-provider-card-body{display:block!important;width:100%!important;clear:both!important;overflow:visible!important}
@media(max-width:560px){
body.mub-procena-app-body .mub-smart-template-mobile_app .mub-provider-card[data-img-pos="top"]>img,
body.mub-procena-app-body .mub-smart-template-mobile_app .mub-provider-card[data-img-pos="top"]>.mub-provider-avatar{height:180px!important;border-radius:18px!important}
}
/* v0.6.8.92 — mobile stepper, real call color priority, visible processing overlay */
.mub-smart-progress-compact{display:none}
@media(max-width:560px){
body.mub-procena-app-body .mub-smart-show-steps .mub-smart-progress{
display:none!important;
}
body.mub-procena-app-body .mub-smart-progress-compact{
display:block!important;position:relative;margin:10px 10px 14px;padding:12px 14px 14px;
border-radius:18px;background:rgba(255,255,255,var(--mub-layer-opacity,.86));
box-shadow:0 8px 22px rgba(15,23,42,.10);overflow:hidden;color:#040404;
backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
body.mub-procena-app-body .mub-smart-progress-compact strong{display:block;font-size:13px;line-height:1.15;color:#64748b;margin-bottom:2px}
body.mub-procena-app-body .mub-smart-progress-compact span{display:block;font-size:19px;line-height:1.15;font-weight:900;color:#040404}
body.mub-procena-app-body .mub-smart-progress-compact:after{content:"";position:absolute;left:14px;right:14px;bottom:7px;height:4px;border-radius:999px;background:rgba(15,23,42,.10)}
body.mub-procena-app-body .mub-smart-progress-compact i{position:absolute;left:14px;bottom:7px;height:4px;border-radius:999px;background:var(--mub-primary-color,#fb1942);z-index:1;display:block;transition:width .25s ease}
}
/* call button must always use Dugme za poziv, never Primarna */
body.mub-procena-app-body .mub-smart-template-mobile_app .mub-provider-actions .mub-provider-call,
body.mub-procena-app-body .mub-smart-template-mobile_app .mub-provider-actions .mub-provider-call-v22,
body.mub-procena-app-body .mub-smart-template-mobile_app .mub-provider-call,
body.mub-procena-app-body .mub-smart-template-mobile_app .mub-provider-call-v22{
background:var(--mub-call-color,#16a34a)!important;color:#fff!important;
box-shadow:0 10px 22px color-mix(in srgb,var(--mub-call-color,#16a34a) 30%,transparent)!important;
}
body.mub-procena-app-body .mub-smart-template-mobile_app .mub-provider-actions [data-provider-select],
body.mub-procena-app-body .mub-smart-template-mobile_app .mub-provider-actions button:not(.mub-provider-call):not(.mub-provider-call-v22){
background:var(--mub-button-color,#040404)!important;color:#fff!important;
}
.mub-processing-overlay{display:none;position:fixed;inset:0;z-index:2147483000;align-items:center;justify-content:center;padding:22px;background:rgba(255,255,255,.52);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.mub-smart.is-processing .mub-processing-overlay{display:flex!important}
.mub-processing-overlay .mub-processing-loader{width:min(390px,calc(100vw - 36px));margin:0!important;padding:18px!important;border-radius:22px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 22px 60px rgba(15,23,42,.24)!important}
.mub-processing-overlay .mub-processing-media{width:64px!important;height:64px!important;flex-basis:64px!important;border-radius:18px!important}
.mub-processing-overlay .mub-processing-media img{width:46px!important;height:46px!important}
.mub-processing-overlay .mub-processing-spinner{width:42px!important;height:42px!important}
.mub-processing-overlay strong{font-size:18px!important}
.mub-processing-overlay span{font-size:14px!important}
/* ============================================================
v0.6.8.110 — Moje cene: mobile card layout
Sprečava da tabela “Moje cene” beži/viri desno na telefonu.
============================================================ */
@media (max-width: 760px){
.mub-provider-pricebook-v0642{
width:100%!important;
max-width:100%!important;
margin:10px 0!important;
padding:10px!important;
box-sizing:border-box!important;
overflow:hidden!important;
}
.mub-provider-pricebook-v0642 .mub-pricebook-listing-card{
display:block!important;
padding:12px!important;
border-radius:14px!important;
}
.mub-provider-pricebook-v0642 .mub-pricebook-listing-card strong{
display:block!important;
font-size:18px!important;
line-height:1.25!important;
}
.mub-provider-pricebook-v0642 .mub-pricebook-row-wrap{
overflow:visible!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
}
.mub-provider-pricebook-v0642 .mub-pricebook-simple-table:not(.mub-pricebook-options-table){
min-width:0!important;
width:100%!important;
max-width:100%!important;
display:block!important;
border-collapse:separate!important;
background:transparent!important;
}
.mub-provider-pricebook-v0642 .mub-pricebook-simple-table:not(.mub-pricebook-options-table) thead{
display:none!important;
}
.mub-provider-pricebook-v0642 .mub-pricebook-simple-table:not(.mub-pricebook-options-table) tbody,
.mub-provider-pricebook-v0642 .mub-pricebook-simple-table:not(.mub-pricebook-options-table) tr,
.mub-provider-pricebook-v0642 .mub-pricebook-simple-table:not(.mub-pricebook-options-table) td{
display:block!important;
width:100%!important;
max-width:100%!important;
box-sizing:border-box!important;
}
.mub-provider-pricebook-v0642 .mub-pricebook-simple-table:not(.mub-pricebook-options-table) tr{
margin:0 0 12px!important;
padding:12px!important;
border:1px solid #e5e7eb!important;
border-radius:16px!important;
background:#fff!important;
box-shadow:0 6px 18px rgba(15,23,42,.05)!important;
overflow:hidden!important;
}
.mub-provider-pricebook-v0642 .mub-pricebook-simple-table:not(.mub-pricebook-options-table) td{
border:0!important;
padding:5px 0!important;
text-align:left!important;
vertical-align:top!important;
white-space:normal!important;
}
.mub-provider-pricebook-v0642 .mub-pricebook-simple-table:not(.mub-pricebook-options-table) td:first-child strong{
display:block!important;
font-size:17px!important;
line-height:1.25!important;
color:#111827!important;
}
.mub-provider-pricebook-v0642 .mub-pricebook-simple-table:not(.mub-pricebook-options-table) td:nth-child(2){
margin-top:7px!important;
color:#374151!important;
font-size:15px!important;
}
.mub-provider-pricebook-v0642 .mub-pricebook-simple-table:not(.mub-pricebook-options-table) td:nth-child(2)::before{
content:'MuB okvir';
display:block;
margin:0 0 2px;
font-size:12px;
font-weight:900;
color:#6b7280;
text-transform:uppercase;
letter-spacing:.03em;
}
.mub-provider-pricebook-v0642 .mub-pricebook-simple-table:not(.mub-pricebook-options-table) td:nth-child(3){
margin-top:8px!important;
padding-top:10px!important;
border-top:1px solid #eef0f3!important;
}
.mub-provider-pricebook-v0642 .mub-pricebook-simple-table:not(.mub-pricebook-options-table) td:nth-child(3)::before{
content:'Moja cena';
display:block;
margin:0 0 7px;
font-size:12px;
font-weight:900;
color:#111827;
text-transform:uppercase;
letter-spacing:.03em;
}
.mub-provider-pricebook-v0642 .mub-pricebook-unit{
white-space:normal!important;
line-height:1.35!important;
}
.mub-provider-pricebook-v0642 .mub-price-one-line{
white-space:normal!important;
flex-wrap:wrap!important;
gap:7px!important;
width:100%!important;
max-width:100%!important;
}
.mub-provider-pricebook-v0642 .mub-price-one-line.mub-dual-price{
display:grid!important;
grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto!important;
align-items:center!important;
gap:8px!important;
}
.mub-provider-pricebook-v0642 .mub-price-one-line input,
.mub-provider-pricebook-v0642 .mub-price-one-line .mub-price-rsd,
.mub-provider-pricebook-v0642 .mub-price-one-line .mub-price-eur{
width:100%!important;
max-width:none!important;
min-width:0!important;
margin:0!important;
box-sizing:border-box!important;
font-size:16px!important;
min-height:42px!important;
}
.mub-provider-pricebook-v0642 .mub-price-one-line span{
margin:0!important;
font-size:13px!important;
line-height:1.2!important;
white-space:nowrap!important;
}
.mub-provider-pricebook-v0642 .mub-dual-price .mub-voice-price-wrap{
grid-column:1 / -1!important;
width:100%!important;
display:flex!important;
margin:4px 0 0!important;
align-items:center!important;
justify-content:flex-start!important;
gap:8px!important;
}
.mub-provider-pricebook-v0642 .mub-voice-price-status{
white-space:normal!important;
line-height:1.25!important;
}
.mub-provider-pricebook-v0642 .mub-provider-work-profile,
.mub-provider-pricebook-v0642 .mub-provider-option-prices,
.mub-provider-pricebook-v0642 .mub-location-arrival-prices,
.mub-provider-pricebook-v0642 .mub-custom-service-add{
width:100%!important;
max-width:100%!important;
box-sizing:border-box!important;
overflow:hidden!important;
}
}
/* v0.6.9.0 — Fallback kartice (kad AI nije siguran u kategoriju) i partner-not-covered poruka */
.mub-fallback-cards{margin-top:16px;padding:14px;border:1px dashed #d1d5db;border-radius:14px;background:#f9fafb}
.mub-fallback-title{margin:0 0 10px;font-weight:800;color:#111827}
.mub-fallback-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mub-fallback-card{width:100%}
.mub-partner-not-covered{margin-top:16px;padding:16px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12}
.mub-partner-not-covered p{margin:0 0 12px;color:#7c2d12;font-weight:600}
.mub-continue-mub{display:inline-block;text-decoration:none;background:var(--mub-primary-color,#fb1942);color:#fff;border:0;text-align:center}
.mub-continue-mub:hover{filter:brightness(.95)}
@media(max-width:560px){.mub-fallback-grid{grid-template-columns:1fr}}
/* v0.6.9.4 — ručni izbor kategorije preko vidljivih dugmadi */
.mub-category-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:16px 0 8px}
.mub-category-btn{width:100%;border:1px solid #d1d5db;border-radius:16px;background:#fff;color:#111827;padding:14px 12px;font-size:15px;font-weight:850;text-align:center;cursor:pointer;box-shadow:0 6px 18px rgba(15,23,42,.06);transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease,color .14s ease}
.mub-category-btn:hover{transform:translateY(-1px);border-color:var(--mub-primary-color,#fb1942);box-shadow:0 10px 26px rgba(15,23,42,.10)}
.mub-category-btn.is-selected{border-color:var(--mub-primary-color,#fb1942);background:var(--mub-primary-color,#fb1942);color:#fff;box-shadow:0 12px 30px color-mix(in srgb,var(--mub-primary-color,#fb1942) 28%, transparent)}
.mub-smart-template-mobile_app .mub-category-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.mub-smart-template-mobile_app .mub-category-btn{min-height:58px;border-radius:18px;font-size:14px;padding:12px 10px}
@media(max-width:380px){.mub-smart-template-mobile_app .mub-category-buttons{grid-template-columns:1fr}}
/* v0.6.9.10 — kada je kategorija jasna, ponuditi konkretne probleme gore */
.mub-problem-suggestions{border:1px solid #e5e7eb;background:#fff;border-radius:16px;padding:14px;margin:14px 0}.mub-problem-suggestions h3{margin:0 0 4px;font-size:18px}.mub-problem-chip-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.mub-problem-chip{border:1px solid #d1d5db;background:#f9fafb;color:#111827;border-radius:999px;padding:10px 13px;font-weight:800;cursor:pointer}.mub-problem-chip:hover{border-color:var(--mub-button-color,#fb1942);box-shadow:0 0 0 2px rgba(251,25,66,.10)}@media(max-width:560px){.mub-problem-chip-grid{display:grid;grid-template-columns:1fr}.mub-problem-chip{width:100%;border-radius:12px;text-align:left}}
/* v0.7.0.0 — pricebook mobile clarity */
.mub-provider-pricebook .mub-voice-price-btn{width:auto;min-width:132px;min-height:42px;padding:9px 13px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;font-size:14px;font-weight:900}
.mub-provider-pricebook .mub-voice-price-label{display:inline-block}
.mub-provider-pricebook .mub-provider-floating-tools{position:fixed!important;z-index:999999!important;display:flex!important;visibility:visible!important;opacity:1!important}
.mub-provider-pricebook .mub-provider-floating-save strong{display:inline!important}
@media(max-width:780px){
.mub-provider-pricebook .mub-voice-price-wrap{display:flex;margin:10px 0 0;align-items:center}
.mub-provider-pricebook .mub-voice-price-btn{min-width:136px;min-height:44px;padding:10px 14px}
.mub-provider-pricebook .mub-provider-floating-tools{left:10px!important;top:58px;right:auto!important;bottom:auto!important;max-width:160px;border-radius:16px}
.mub-provider-pricebook .mub-provider-floating-save{min-width:118px;min-height:46px}
}
/* v0.7.0.2 — Procena je spremna flow */
.mub-estimate-ready{margin:16px 0 18px;padding:16px;border:1px solid #dbeafe;border-radius:18px;background:linear-gradient(180deg,#eff6ff,#ffffff);box-shadow:0 12px 30px rgba(15,23,42,.08)}
.mub-estimate-ready[hidden]{display:none!important}
.mub-estimate-ready-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}
.mub-estimate-ready-head>span{width:40px;height:40px;border-radius:999px;background:#dcfce7;display:flex;align-items:center;justify-content:center;font-size:20px;flex:0 0 auto}
.mub-estimate-ready h3{margin:0;font-size:22px;line-height:1.15;color:#0f172a}
.mub-estimate-ready p{margin:3px 0 0;color:#475569}
.mub-estimate-ready-price{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;padding:14px;border-radius:16px;background:#020617;color:#fff}
.mub-estimate-ready-price span{color:#cbd5e1;font-weight:700}
.mub-estimate-ready-price strong{font-size:24px;line-height:1.1}
.mub-estimate-ready-meta{display:grid;gap:6px;margin:10px 0;color:#334155;font-size:14px;line-height:1.35}
.mub-estimate-ready-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.mub-estimate-ready-actions button{border:0;border-radius:14px;padding:13px 12px;font-weight:900;cursor:pointer;background:#111827;color:#fff;font-size:15px}
.mub-estimate-ready-actions button+button{background:#e5e7eb;color:#111827}
.mub-detail-done{display:flex;align-items:center;gap:10px;justify-content:space-between;margin:12px 0 14px;padding:12px;border:1px solid #bbf7d0;border-radius:14px;background:#f0fdf4;color:#14532d}
.mub-detail-done strong{font-weight:900}.mub-detail-done span{color:#166534;font-size:13px;flex:1}.mub-detail-done button{border:0;border-radius:12px;background:#111827;color:#fff;font-weight:900;padding:9px 12px;cursor:pointer}
[data-smart-cards].mub-smart-cards-completed>h3,[data-smart-cards].mub-smart-cards-completed>p,[data-smart-cards].mub-smart-cards-completed>[data-smart-card-list]{display:none!important}
@media(max-width:560px){.mub-estimate-ready{border-radius:24px;padding:16px;margin:18px 0}.mub-estimate-ready-price{display:block;text-align:left;padding:18px;border-radius:20px}.mub-estimate-ready-price strong{display:block;margin-top:7px;font-size:28px}.mub-estimate-ready-actions{grid-template-columns:1fr}.mub-estimate-ready-actions button{min-height:54px;font-size:16px;border-radius:18px}.mub-detail-done{display:block}.mub-detail-done span{display:block;margin:4px 0 10px}.mub-detail-done button{width:100%;min-height:48px}}
/* v0.7.0.3 — clearer estimate source + provider final price */
.mub-smart .mub-total span{font-weight:900;letter-spacing:.01em}
.mub-provider-final-label{display:inline-flex;align-items:center;gap:6px;margin:0 0 7px;padding:5px 9px;border-radius:999px;background:#ecfdf5;color:#047857;font-size:12px;font-weight:950;letter-spacing:.01em}
.mub-provider-price strong{display:block;font-size:23px!important;line-height:1.12;color:#0f172a!important;margin:2px 0 4px}
.mub-provider-card-v22 .mub-provider-price{border:1px solid #dbeafe;background:linear-gradient(180deg,#f8fbff,#ffffff);box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}
.mub-provider-card.is-selected .mub-provider-price{border-color:var(--mub-primary-color);box-shadow:0 0 0 3px rgba(251,25,66,.10)}
.mub-smart-template-mobile_app .mub-provider-final-label{font-size:12px!important;padding:6px 10px!important;background:#ecfdf5!important;color:#047857!important;border:1px solid #bbf7d0!important}
.mub-smart-template-mobile_app .mub-provider-price{padding:13px 14px!important;border:1px solid #e2e8f0!important;border-radius:20px!important;background:#fff!important;box-shadow:0 10px 28px rgba(15,23,42,.06)!important}
.mub-smart-template-mobile_app .mub-provider-price strong{font-size:24px!important;padding:0!important;border-radius:0!important;background:transparent!important;color:#020617!important}
.mub-smart-template-mobile_app .mub-provider-price small{color:#64748b!important;font-weight:800!important}
@media(max-width:560px){.mub-total{align-items:flex-start!important}.mub-total span{font-size:15px!important}.mub-provider-price strong{font-size:25px!important}.mub-provider-final-label{font-size:12px}}
/* v0.7.0.4 — ready card no duplicate market price, show provider price hook */
.mub-estimate-ready-provider-teaser{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:center;margin:12px 0;padding:14px 16px;border-radius:18px;background:#020617;color:#fff;box-shadow:0 10px 26px rgba(2,6,23,.12)}
.mub-estimate-ready-provider-teaser span{font-size:14px;font-weight:950;color:#cbd5e1;letter-spacing:.01em}
.mub-estimate-ready-provider-teaser strong{font-size:25px;line-height:1.05;font-weight:950;white-space:nowrap;color:#fff;text-align:right}
.mub-estimate-ready-provider-teaser small{grid-column:1/-1;color:#cbd5e1;font-weight:700;line-height:1.35}
.mub-estimate-ready-provider-teaser.has-provider-price{background:linear-gradient(135deg,#022c22,#064e3b)}
.mub-estimate-ready-provider-teaser.has-provider-price span,.mub-estimate-ready-provider-teaser.has-provider-price small{color:#d1fae5}
.mub-estimate-ready-provider-teaser.has-providers{background:linear-gradient(135deg,#0f172a,#111827)}
.mub-estimate-ready-provider-teaser.no-providers{background:#111827}
@media(max-width:560px){
.mub-estimate-ready-provider-teaser{display:block;padding:18px;border-radius:22px}
.mub-estimate-ready-provider-teaser strong{display:block;text-align:left;margin-top:8px;font-size:28px}
.mub-estimate-ready-provider-teaser small{display:block;margin-top:8px;font-size:13px}
}
/* v0.7.0.6 — currency switch moved into main estimate card */
.mub-smart .mub-currency-toggle{display:none!important}
.mub-smart .mub-total-with-currency{display:block!important;padding:14px 18px!important}
.mub-smart .mub-total-main{display:flex;align-items:center;justify-content:space-between;gap:14px}
.mub-smart .mub-total-main span{font-weight:950;color:#fff}
.mub-smart .mub-total-main strong{font-weight:950;color:#fff;white-space:nowrap}
.mub-smart .mub-total-currency{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.16);color:#cbd5e1;font-size:13px}
.mub-smart .mub-total-currency span{font-weight:850;color:#e5e7eb}
.mub-smart .mub-total-currency button{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:7px 12px;font-weight:950;cursor:pointer;min-height:34px;line-height:1}
.mub-smart .mub-total-currency button.is-active{background:#fff;color:#020617;border-color:#fff}
.mub-smart .mub-total-currency small{color:#94a3b8;font-weight:700}
@media(max-width:560px){
.mub-smart .mub-total-main{display:block}
.mub-smart .mub-total-main strong{display:block;margin-top:8px;font-size:27px!important}
.mub-smart .mub-total-currency{gap:9px;margin-top:12px;padding-top:12px;font-size:13px}
.mub-smart .mub-total-currency button{padding:9px 14px;min-width:56px;min-height:40px}
}
/* v0.7.0.7 — result UX polish: GPS confirmation, clearer price sources, final lead screen */
.mub-geo-found{display:grid;gap:4px;border-color:#bbf7d0!important;background:#f0fdf4!important;color:#14532d!important}
.mub-geo-found span{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:#166534}
.mub-geo-found strong{display:block;font-size:16px;line-height:1.15;color:#052e16}
.mub-geo-found small{display:block;color:#166534;font-weight:700;line-height:1.3}
.mub-total-source-note{display:block;margin-top:6px;color:#cbd5e1!important;font-weight:750;line-height:1.35}
.mub-provider-final-label-market{background:#eff6ff!important;color:#1d4ed8!important;border:1px solid #bfdbfe!important}
.mub-provider-work-match{margin:8px 0 9px;padding:8px 10px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0;color:#334155;font-size:13px;line-height:1.35}
.mub-provider-work-match strong{color:#0f172a;font-weight:950}
.mub-provider-price-lines em{display:block;margin-bottom:2px;font-style:normal;color:#475569;font-weight:950}
.mub-lead-success{padding:22px 18px;border:1px solid #bbf7d0;border-radius:24px;background:linear-gradient(180deg,#f0fdf4,#ffffff);box-shadow:0 18px 44px rgba(15,23,42,.10);text-align:center}
.mub-lead-success-icon{width:58px;height:58px;margin:0 auto 12px;border-radius:999px;background:#dcfce7;display:flex;align-items:center;justify-content:center;font-size:30px}
.mub-lead-success h2{margin:0 0 10px!important;font-size:27px!important;color:#052e16!important}
.mub-lead-success p{margin:10px 0 0;color:#334155!important;font-weight:700;line-height:1.45}
.mub-lead-success-code{margin:12px auto;padding:14px;border-radius:18px;background:#020617;color:#fff;max-width:360px}
.mub-lead-success-code span{display:block;color:#cbd5e1;font-size:13px;font-weight:850;letter-spacing:.02em}
.mub-lead-success-code strong{display:block;margin-top:4px;font-size:24px;letter-spacing:.04em;color:#fff}
.mub-lead-success-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.mub-lead-success-actions a,.mub-lead-success-actions button{display:flex;align-items:center;justify-content:center;min-height:54px;border-radius:16px;text-decoration:none;font-weight:950;font-size:16px;border:0;cursor:pointer;box-sizing:border-box}
.mub-lead-success-call{background:var(--mub-call-color,#16a34a)!important;color:#fff!important}
.mub-lead-success-open{background:var(--mub-button-color,#040404)!important;color:#fff!important}
.mub-lead-success-actions button{background:var(--mub-button-color,#040404)!important;color:#fff!important;width:100%}
@media(max-width:560px){
.mub-lead-success{padding:24px 16px;border-radius:28px}
.mub-lead-success h2{font-size:29px!important}
.mub-lead-success-code strong{font-size:26px}
.mub-lead-success-actions{grid-template-columns:1fr}
.mub-provider-work-match{font-size:13px}
.mub-total-source-note{font-size:13px}
}
/* v0.7.0.8 — contact autofill + cleaner price hierarchy */
.mub-lead-form{display:block;margin:0;padding:0}
.mub-provider-main-total{margin:16px 0;padding:18px;border-radius:22px;background:linear-gradient(135deg,#022c22,#064e3b);color:#fff;box-shadow:0 14px 34px rgba(2,44,34,.18)}
.mub-provider-main-total span{display:block;color:#d1fae5;font-size:14px;font-weight:950;letter-spacing:.02em}
.mub-provider-main-total strong{display:block;margin-top:6px;font-size:30px;line-height:1.05;font-weight:950;color:#fff}
.mub-provider-main-total small{display:block;margin-top:8px;color:#d1fae5;font-weight:750;line-height:1.35}
.mub-smart .mub-total-market-secondary{background:#f8fafc!important;color:#0f172a!important;border:1px solid #e2e8f0!important;box-shadow:none!important}
.mub-smart .mub-total-market-secondary .mub-total-main span,
.mub-smart .mub-total-market-secondary .mub-total-main strong{color:#0f172a!important}
.mub-smart .mub-total-market-secondary .mub-total-currency{border-top:1px solid #e2e8f0!important;color:#475569!important}
.mub-smart .mub-total-market-secondary .mub-total-currency span{color:#334155!important}
.mub-smart .mub-total-market-secondary .mub-total-currency button{background:#fff!important;color:#0f172a!important;border-color:#cbd5e1!important}
.mub-smart .mub-total-market-secondary .mub-total-currency button.is-active{background:#111827!important;color:#fff!important;border-color:#111827!important}
.mub-smart .mub-total-market-secondary .mub-total-currency small,
.mub-smart .mub-total-market-secondary .mub-total-source-note{color:#64748b!important}
.mub-smart .mub-smart-options button small:empty{display:none!important}
@media(max-width:560px){
.mub-provider-main-total{padding:19px;border-radius:26px;margin:18px 0}
.mub-provider-main-total strong{font-size:32px}
.mub-smart .mub-total-market-secondary .mub-total-main strong{font-size:23px!important}
}
/* v0.7.0.10 — compact mobile result: back-to-top remains visible */
.mub-smart .mub-breakdown{display:none!important}
.mub-smart .mub-total-market-primary{display:block!important;margin:10px 0 8px!important;padding:12px 14px!important;border-radius:18px!important;background:#ffffff!important;color:#0f172a!important;border:1px solid #e2e8f0!important;box-shadow:0 8px 22px rgba(15,23,42,.06)!important}
body.mub-procena-app-body .mub-smart .mub-total-market-primary{background:#ffffff!important;color:#0f172a!important}
.mub-smart .mub-total-market-primary .mub-total-main{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important}
.mub-smart .mub-total-market-primary .mub-total-main span{color:#0f172a!important;font-size:14px!important;font-weight:950!important;line-height:1.2!important}
.mub-smart .mub-total-market-primary .mub-total-main strong{color:#020617!important;font-size:25px!important;line-height:1.05!important;font-weight:950!important;white-space:normal!important;text-align:right!important}
.mub-smart .mub-total-market-primary .mub-total-source-note{display:block!important;margin-top:5px!important;color:#64748b!important;font-size:12px!important;font-weight:750!important;line-height:1.25!important}
.mub-smart .mub-total-market-primary .mub-total-currency{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;margin-top:8px!important;padding-top:8px!important;border-top:1px solid #e2e8f0!important;color:#475569!important;font-size:12px!important}
.mub-smart .mub-total-market-primary .mub-total-currency span{color:#334155!important;font-weight:900!important}
.mub-smart .mub-total-market-primary .mub-total-currency button{min-height:30px!important;min-width:44px!important;padding:6px 10px!important;border-radius:999px!important;background:#fff!important;color:#0f172a!important;border:1px solid #cbd5e1!important;font-size:13px!important;font-weight:950!important;line-height:1!important}
.mub-smart .mub-total-market-primary .mub-total-currency button.is-active{background:#111827!important;color:#fff!important;border-color:#111827!important}
.mub-smart .mub-total-market-primary .mub-total-currency small{color:#64748b!important;font-size:12px!important;font-weight:750!important}
.mub-provider-main-total-compact{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:4px 10px!important;align-items:center!important;margin:8px 0 10px!important;padding:10px 12px!important;border-radius:16px!important;background:#f0fdf4!important;color:#052e16!important;border:1px solid #bbf7d0!important;box-shadow:none!important}
.mub-provider-main-total-compact span{display:block!important;color:#166534!important;font-size:13px!important;font-weight:950!important;line-height:1.15!important;letter-spacing:0!important}
.mub-provider-main-total-compact strong{display:block!important;margin:0!important;color:#052e16!important;font-size:21px!important;line-height:1.05!important;font-weight:950!important;white-space:nowrap!important;text-align:right!important}
.mub-provider-main-total-compact small{grid-column:1/-1!important;display:block!important;margin:0!important;color:#166534!important;font-size:12px!important;font-weight:750!important;line-height:1.25!important}
.mub-estimate-ready{margin:8px 0 10px!important;padding:10px 12px!important;border-radius:16px!important;background:#f8fbff!important;border:1px solid #dbeafe!important;box-shadow:none!important}
.mub-estimate-ready-head{gap:8px!important;margin-bottom:6px!important;align-items:center!important}
.mub-estimate-ready-head>span{width:30px!important;height:30px!important;font-size:17px!important;flex-basis:30px!important}
.mub-estimate-ready h3{font-size:17px!important;line-height:1.15!important;margin:0!important;color:#0f172a!important}
.mub-estimate-ready p{display:none!important}
.mub-estimate-ready-meta{gap:4px!important;margin:6px 0!important;font-size:12.5px!important;line-height:1.25!important;color:#334155!important}
.mub-estimate-ready-actions{grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:8px!important}
.mub-estimate-ready-actions button{min-height:38px!important;padding:9px 10px!important;border-radius:12px!important;font-size:13.5px!important}
.mub-smart .mub-total-market-secondary{display:none!important}
@media(max-width:560px){
.mub-smart .mub-total-market-primary{margin:8px 0 7px!important;padding:11px 12px!important;border-radius:16px!important}
.mub-smart .mub-total-market-primary .mub-total-main strong{font-size:23px!important}
.mub-smart .mub-total-market-primary .mub-total-currency{gap:6px!important;margin-top:7px!important;padding-top:7px!important}
.mub-provider-main-total-compact{margin:7px 0 9px!important;padding:10px 12px!important;border-radius:15px!important}
.mub-provider-main-total-compact strong{font-size:19px!important}
.mub-estimate-ready{margin:7px 0 9px!important;padding:10px 12px!important;border-radius:15px!important}
.mub-estimate-ready-actions button{min-height:36px!important;font-size:13px!important;border-radius:11px!important}
}
/* v0.7.0.11 — precise result scroll only; back-to-top remains visible */
/* v0.7.0.12 — subtle result colors, compact layout unchanged */
.mub-smart .mub-total-market-primary{
background:#f7faff!important;
border-color:#dbe8f6!important;
box-shadow:0 8px 22px rgba(30,64,175,.06)!important;
}
body.mub-procena-app-body .mub-smart .mub-total-market-primary{
background:#f7faff!important;
}
.mub-smart .mub-total-market-primary .mub-total-main span{
color:#0f172a!important;
}
.mub-smart .mub-total-market-primary .mub-total-main strong{
color:#020617!important;
}
.mub-smart .mub-total-market-primary .mub-total-source-note{
color:#5f6f86!important;
}
.mub-smart .mub-total-market-primary .mub-total-currency{
border-top-color:#dbe8f6!important;
}
.mub-provider-main-total-compact{
background:#effdf5!important;
border-color:#aef3c8!important;
}
.mub-estimate-ready{
background:#ffffff!important;
border-color:#dbeafe!important;
}
.mub-estimate-ready-head>span{
background:#dcfce7!important;
}
/* v0.7.0.13 — add-service position + edit-details fix */
.mub-items-editor-anchor{height:1px;margin:0;padding:0;overflow:hidden}
.mub-add-item{
margin:8px 0 10px!important;
padding:10px!important;
border:1px dashed #cbd5e1!important;
border-radius:14px!important;
background:#f8fafc!important;
}
.mub-add-toggle{
width:100%!important;
min-height:40px!important;
padding:9px 12px!important;
border:0!important;
border-radius:11px!important;
background:#fff!important;
color:#0f172a!important;
font-weight:900!important;
box-shadow:0 1px 0 rgba(15,23,42,.05)!important;
}
.mub-add-panel{
margin-top:8px!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;
gap:8px!important;
align-items:center!important;
}
.mub-add-panel[hidden]{display:none!important}
.mub-add-panel select{
margin-top:0!important;
min-height:42px!important;
border-radius:11px!important;
}
.mub-add-confirm{
min-height:42px!important;
padding:9px 13px!important;
border:0!important;
border-radius:11px!important;
background:#111827!important;
color:#fff!important;
font-weight:900!important;
}
.mub-smart-card.is-current{box-shadow:0 0 0 2px rgba(251,25,66,.12),0 12px 28px rgba(15,23,42,.08)!important;border-color:#fb1942!important}
@media(max-width:560px){
.mub-add-item{margin:7px 0 9px!important;padding:9px!important;border-radius:13px!important}
.mub-add-panel{grid-template-columns:1fr!important}
.mub-add-confirm{width:100%!important}
}
/* v0.7.0.14 — item edit visibility + edit details scroll */
.mub-smart .mub-item.is-new{
border-color:#fb1942!important;
background:#fff7fb!important;
box-shadow:0 0 0 2px rgba(251,25,66,.10),0 12px 26px rgba(15,23,42,.08)!important;
}
.mub-smart .mub-item.is-new .mub-qty{
background:#ffffff!important;
border-radius:12px!important;
padding:5px!important;
}
.mub-smart [data-smart-cards]:not(:empty){
margin-top:10px!important;
}
/* v0.7.0.15 — quantity input + provider price priority */
.mub-qty-input{
width:54px!important;
height:36px!important;
border:1px solid #cbd5e1!important;
border-radius:9px!important;
text-align:center!important;
font-weight:900!important;
font-size:16px!important;
color:#0f172a!important;
background:#fff!important;
padding:0 4px!important;
}
.mub-add-qty-label{
min-height:42px!important;
display:flex!important;
align-items:center!important;
gap:6px!important;
padding:0 10px!important;
border:1px solid #cbd5e1!important;
border-radius:11px!important;
background:#fff!important;
color:#475569!important;
font-weight:900!important;
white-space:nowrap!important;
}
.mub-add-qty-label input{
width:58px!important;
border:0!important;
outline:0!important;
text-align:center!important;
font-size:16px!important;
font-weight:900!important;
color:#0f172a!important;
background:transparent!important;
padding:0!important;
}
.mub-provider-group-price{
color:#047857!important;
}
@media(max-width:560px){
.mub-add-panel{grid-template-columns:1fr 1fr!important}
.mub-add-panel select{grid-column:1/-1!important}
.mub-add-confirm{width:100%!important}
}
/* v0.7.2.5: GPS potvrda dobija jasno dugme Nastavi odmah ispod pronađene lokacije. */
.mub-geo-continue-wrap{display:flex;justify-content:center;margin-top:12px}
.mub-geo-continue-btn{appearance:none;border:0;border-radius:999px;background:#0f172a;color:#fff;font-weight:900;padding:12px 28px;min-width:170px;box-shadow:0 10px 22px rgba(15,23,42,.18);cursor:pointer}
.mub-geo-continue-btn:active{transform:translateY(1px)}
.mub-smart-template-mobile_app .mub-geo-continue-wrap{margin-top:14px}
.mub-smart-template-mobile_app .mub-geo-continue-btn{width:min(260px,80%);font-size:17px;padding:15px 28px}
/* v0.7.2.7 — cena: dolazak kao poseban prikaz + kompaktniji rezultat */
.mub-smart .mub-total-arrival-note{display:block!important;margin-top:5px!important;color:#166534!important;font-size:12px!important;font-weight:850!important;line-height:1.25!important}
.mub-smart .mub-total-arrival-note strong{font-weight:950!important;color:#166534!important}
.mub-provider-main-total-compact small{font-size:11.5px!important;line-height:1.22!important}
.mub-estimate-ready-provider-teaser small{font-size:12px!important;line-height:1.28!important}
.mub-smart .mub-total-market-primary .mub-total-currency{margin-top:5px!important;padding-top:5px!important;border-top:0!important}
.mub-smart .mub-total-market-primary .mub-total-source-note{margin-top:5px!important}
@media(max-width:560px){
.mub-smart .mub-total-market-primary{padding:10px 12px!important;margin:7px 0 7px!important}
.mub-smart .mub-total-market-primary .mub-total-main span{font-size:13px!important}
.mub-smart .mub-total-market-primary .mub-total-main strong{font-size:21px!important}
.mub-smart .mub-total-market-primary .mub-total-currency{gap:5px!important;margin-top:4px!important;padding-top:4px!important}
.mub-smart .mub-total-market-primary .mub-total-currency button{min-height:28px!important;min-width:42px!important;padding:5px 9px!important;font-size:12.5px!important}
.mub-smart .mub-total-market-primary .mub-total-source-note{font-size:11.5px!important;line-height:1.22!important}
.mub-smart .mub-total-arrival-note{font-size:11.5px!important;margin-top:4px!important}
}
body.mub-procena-app-body .mub-pwa-hint{display:none!important}
/* v0.7.2.8 — compact result price row + local/travel summary colors */
.mub-smart .mub-total-market-primary .mub-total-main{
display:grid!important;
grid-template-columns:minmax(92px, 34%) minmax(0,1fr)!important;
align-items:center!important;
gap:8px!important;
}
.mub-smart .mub-total-market-primary .mub-total-main strong{
white-space:nowrap!important;
text-align:right!important;
line-height:1!important;
letter-spacing:-.035em!important;
}
.mub-smart .mub-total-market-primary .mub-total-currency{
border-top:0!important;
margin-top:4px!important;
padding-top:2px!important;
}
.mub-smart .mub-total-market-primary .mub-total-source-note{
margin-top:4px!important;
}
.mub-smart .mub-total-arrival-note{
margin-top:4px!important;
}
.mub-estimate-ready-provider-teaser.has-local-providers{
background:linear-gradient(135deg,#ecfdf5,#d1fae5)!important;
color:#064e3b!important;
border:1px solid #a7f3d0!important;
box-shadow:0 10px 24px rgba(16,185,129,.12)!important;
}
.mub-estimate-ready-provider-teaser.has-local-providers span,
.mub-estimate-ready-provider-teaser.has-local-providers small,
.mub-estimate-ready-provider-teaser.has-local-providers strong{
color:#064e3b!important;
}
.mub-estimate-ready-provider-teaser.has-travel-providers{
background:linear-gradient(135deg,#0f172a,#111827)!important;
color:#fff!important;
}
.mub-estimate-ready-provider-teaser.has-travel-providers span,
.mub-estimate-ready-provider-teaser.has-travel-providers small{color:#cbd5e1!important;}
.mub-estimate-ready-provider-teaser.has-travel-providers strong{color:#fff!important;}
@media(max-width:560px){
.mub-smart .mub-total-market-primary{padding:9px 11px!important;margin:6px 0 6px!important;}
.mub-smart .mub-total-market-primary .mub-total-main{grid-template-columns:minmax(88px, 31%) minmax(0,1fr)!important;gap:6px!important;}
.mub-smart .mub-total-market-primary .mub-total-main span{font-size:12.5px!important;line-height:1.12!important;}
.mub-smart .mub-total-market-primary .mub-total-main strong{font-size:clamp(20px,6.05vw,25px)!important;}
.mub-smart .mub-total-market-primary .mub-total-currency{gap:5px!important;margin-top:3px!important;padding-top:1px!important;}
.mub-smart .mub-total-market-primary .mub-total-currency button{min-height:27px!important;min-width:40px!important;padding:5px 9px!important;}
.mub-smart .mub-total-market-primary .mub-total-source-note{font-size:11.2px!important;line-height:1.18!important;}
.mub-smart .mub-total-arrival-note{font-size:11.2px!important;line-height:1.18!important;}
}
/* v0.7.2.9 — add-on breakdown cards: dolazak, hitnost, parking, otežan pristup */
.mub-smart .mub-addon-card-grid{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;margin-top:7px!important}
.mub-smart .mub-addon-card{display:flex!important;align-items:center!important;gap:8px!important;padding:8px 10px!important;border-radius:13px!important;border:1px solid #dbeafe!important;background:#eff6ff!important;color:#1e3a8a!important;font-weight:850!important;line-height:1.2!important;box-shadow:0 6px 14px rgba(15,23,42,.04)!important}
.mub-smart .mub-addon-card .mub-addon-ico{flex:0 0 26px!important;width:26px!important;height:26px!important;border-radius:9px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:rgba(30,64,175,.10)!important;color:inherit!important}
.mub-smart .mub-addon-card-text{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;width:100%!important}
.mub-smart .mub-addon-card-text b{font-size:12px!important;line-height:1.2!important;color:inherit!important}
.mub-smart .mub-addon-card-text small{font-size:12px!important;line-height:1.25!important;font-weight:950!important;color:inherit!important;text-align:right!important}
.mub-smart .mub-addon-card-arrival{background:#ecfdf5!important;border-color:#bbf7d0!important;color:#166534!important}
.mub-smart .mub-addon-card-urgency{background:#fff1f2!important;border-color:#fecdd3!important;color:#be123c!important}
.mub-smart .mub-addon-card-urgency-week{background:#fffbeb!important;border-color:#fde68a!important;color:#92400e!important}
.mub-smart .mub-addon-card-hard-access{background:#fff7ed!important;border-color:#fed7aa!important;color:#9a3412!important}
.mub-smart .mub-addon-card-parking-zone{background:#f8fafc!important;border-color:#cbd5e1!important;color:#334155!important}
.mub-smart .mub-addon-zone-crvena{background:#fff1f2!important;border-color:#fecdd3!important;color:#991b1b!important}
.mub-smart .mub-addon-zone-zuta{background:#fefce8!important;border-color:#fde68a!important;color:#854d0e!important}
.mub-smart .mub-addon-zone-zelena{background:#f0fdf4!important;border-color:#bbf7d0!important;color:#166534!important}
.mub-smart .mub-addon-zone-plava{background:#eff6ff!important;border-color:#bfdbfe!important;color:#1d4ed8!important}
.mub-smart .mub-provider-price-lines .mub-addon-card-grid{margin-top:5px!important}
.mub-smart .mub-provider-price-lines .mub-addon-card{font-size:12px!important}
.mub-smart .mub-total-market-primary .mub-addon-card-grid{margin-top:6px!important}
.mub-smart .mub-total-market-primary .mub-addon-card{padding:6px 8px!important;border-radius:11px!important}
.mub-smart .mub-total-market-primary .mub-addon-card-text b,
.mub-smart .mub-total-market-primary .mub-addon-card-text small{font-size:11.5px!important}
@media(max-width:560px){
.mub-smart .mub-addon-card{padding:7px 8px!important;gap:7px!important}
.mub-smart .mub-addon-card .mub-addon-ico{width:24px!important;height:24px!important;flex-basis:24px!important}
.mub-smart .mub-addon-card-text{gap:8px!important}
}