Записаться
Шаг 1: Выберите услугу (25%)
/* 1. Zamena plavih i sivih varijabli unutar Appointments kontejnera */
.am-custom-soft-wrapper-appointments #amelia-container,
.am-custom-soft-wrapper-appointments .am-fs__wrapper,
.am-custom-soft-wrapper-appointments [class^="am-"] {
--am-c-primary: #c0a062 !important;
--am-c-btn-prim: #c0a062 !important;
--am-c-btn-first: #c0a062 !important;
--am-c-btn-second: #ffffff !important;
--am-c-btn-first-op80: rgba(192, 160, 98, 0.8) !important;
--am-c-btn-first-op30: rgba(192, 160, 98, 0.3) !important;
--am-c-btn-first-op20: rgba(192, 160, 98, 0.2) !important;
--am-font-family: 'Jost', sans-serif !important;
}/* 2. Blokada plave boje na tasterima drugog vidžeta */
.am-custom-soft-wrapper-appointments .am-button--primary,
.am-custom-soft-wrapper-appointments .am-button-continue,
.am-custom-soft-wrapper-appointments button[style*="--am-c-btn-first"] {
background-color: #c0a062 !important;
background: #c0a062 !important;
color: #ffffff !important;
border: none !important;
border-radius: 0px !important;
text-transform: uppercase !important;
letter-spacing: 1.2px !important;
font-size: 11px !important;
font-weight: 500 !important;
transition: background-color 0.25s ease, color 0.25s ease !important;
}.am-custom-soft-wrapper-appointments .am-button--primary:hover,
.am-custom-soft-wrapper-appointments .am-button-continue:hover,
.am-custom-soft-wrapper-appointments button[style*="--am-c-btn-first"]:hover {
background-color: #1a1a1a !important;
background: #1a1a1a !important;
color: #ffffff !important;
}/* 3. Popravka padajućeg dropdown menija za Appointments stranu */
.el-select-dropdown,
.el-cascader__dropdown,
.el-cascader-panel,
.el-cascader-menu {
background-color: #fdfbfa !important;
background: #fdfbfa !important;
border: 1px solid rgba(192, 160, 98, 0.2) !important;
}.el-cascader-menu__wrap,
.el-scrollbar__wrap {
background-color: #fdfbfa !important;
background: #fdfbfa !important;
}.el-cascader-node,
.el-cascader-node__label,
.el-select-dropdown__item,
.el-cascader-menu__list {
color: #2c2c2c !important;
font-family: 'Jost', sans-serif !important;
}.el-cascader-node:hover,
.el-cascader-node:focus,
.el-select-dropdown__item:hover {
background-color: rgba(192, 160, 98, 0.08) !important;
color: #c0a062 !important;
}.el-cascader-node.is-active,
.el-select-dropdown__item.is-selected {
color: #c0a062 !important;
font-weight: 600 !important;
}/* =====================================================================
MOBILNA OPTIMIZACIJA — NEŽNA BELA POZADINA SA 95% OPACITY
===================================================================== */
@media (max-width: 991px) {
.am-custom-soft-wrapper-appointments {
background-color: rgba(255, 255, 255, 0.95) !important; /* Meka bela */
background: rgba(255, 255, 255, 0.95) !important;
border: 1px solid rgba(192, 160, 98, 0.15) !important; /* Prefinjen zlatni okvir */
border-radius: 12px !important; /* Blago zaobljene ivice na mobilnom */
padding: 20px 15px !important; /* Kompaktniji mobilni prostor */
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06) !important; /* Diskretna senka */
}
}(function() {
var steps = [
{ label: 'Korak 1: Izaberi uslugu', percent: '25%', width: '25%' },
{ label: 'Korak 2: Datum i Vreme', percent: '50%', width: '50%' },
{ label: 'Korak 3: Tvoji Podaci', percent: '75%', width: '75%' },
{ label: 'Korak 4: Plaćanje', percent: '100%', width: '100%' }
];function updateProgress() {
var checkers = document.querySelectorAll('.am-custom-soft-wrapper-appointments .am-fs-sb__step-checker, .am-custom-soft-wrapper-appointments .am-fs-sb__step-checker-selected');
var activeIndex = -1;checkers.forEach(function(el, i) {
if (el.classList.contains('am-fs-sb__step-checker-selected')) {
activeIndex = i;
}
});if (activeIndex === -1) return;var step = steps[activeIndex] || steps[0];
document.getElementById('amelia-step-label-2').textContent = step.label;
document.getElementById('amelia-step-percent-2').textContent = step.percent;
document.getElementById('amelia-progress-bar-2').style.width = step.width;
}var observer = new MutationObserver(updateProgress);function init() {
var target = document.querySelector('.am-custom-soft-wrapper-appointments .am-fs-sb');
if (target) {
observer.observe(target, { subtree: true, attributes: true, attributeFilter: ['class'] });
updateProgress();
} else {
setTimeout(init, 500);
}
}init();
})();
