/* ==========================================================================
   Gornja traka, header, pretraga, footer
   ========================================================================== */

/* ---------- Gornja traka ---------- */
.mt-topbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 24px; font-size: 13px; color: #5c5762; min-height: 40px; }
.mt-topbar__side { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 20px; }
.mt-topbar__item { display: inline-flex; align-items: center; gap: 8px; color: #5c5762; text-decoration: none; }
a.mt-topbar__item:hover { color: var(--mt-primary); }
@media (max-width: 767px) {
	.mt-topbar--hide-m,
	.elementor-widget-mt-top-bar:has(.mt-topbar--hide-m),
	.e-con:has(> .elementor-widget-mt-top-bar .mt-topbar--hide-m),
	.e-con:has(> .e-con-inner > .elementor-widget-mt-top-bar .mt-topbar--hide-m) { display: none !important; }
}
.mt-topbar__icon { color: var(--mt-primary); }

/* ---------- Header ---------- */
.mt-header { display: flex; align-items: center; gap: 16px 32px; min-height: 64px; }
.mt-header__logo { display: flex; align-items: center; flex: none; }
.mt-header__logo img { height: 42px; width: auto; display: block; }
.mt-header__burger { display: none; background: var(--mt-lilac-3); }
.mt-header__actions { display: flex; align-items: center; gap: 6px; flex: none; margin-left: auto; }
.mt-header__action { display: inline-flex; align-items: center; gap: 10px; height: 48px; padding: 0 12px; border-radius: var(--mt-radius); color: var(--mt-graphite); text-decoration: none; }
.mt-header__action:hover { background: #f1eaf6; color: var(--mt-primary); }
.mt-header__label { display: flex; flex-direction: column; font-size: 12px; line-height: 1.25; color: var(--mt-muted); }
.mt-header__label b { font-size: 14px; color: var(--mt-ink); }
.mt-header__carticon { position: relative; display: inline-flex; }
.mt-cart-count {
	position: absolute; top: -8px; right: -10px; min-width: 18px; height: 18px; padding: 0 4px; box-sizing: border-box; border-radius: 9px;
	background: var(--mt-primary); color: #fff; font-size: 11px; font-weight: 800; display: flex; align-items: center; justify-content: center;
}
.mt-cart-count[data-count="0"] { background: var(--mt-faint); }

/* ---------- Pretraga ---------- */
.mt-search { position: relative; display: flex; flex: 1 1 320px; max-width: 640px; margin: 0 auto; }
.mt-search__input {
	flex: 1; min-width: 0; height: 50px; border: 1px solid var(--mt-line-2); border-right: 0; border-radius: 12px 0 0 12px;
	padding: 0 18px; font: 500 15px var(--mt-font-body); background: #faf8fc; color: var(--mt-graphite); box-sizing: border-box;
}
.mt-search__input:focus { outline: 2px solid var(--mt-primary); outline-offset: -1px; background: #fff; }
.mt-search__input::-webkit-search-cancel-button { cursor: pointer; }
.mt-search__btn { width: 60px; height: 50px; border: 0; border-radius: 0 12px 12px 0; background: var(--mt-primary); color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.mt-search__btn:hover { background: var(--mt-primary-dark); }
.mt-search__results {
	position: absolute; top: calc(100% + 8px); left: 0; right: 0; z-index: calc(var(--mt-header-z) + 5); background: #fff; border: 1px solid var(--mt-line);
	border-radius: var(--mt-radius-lg); box-shadow: var(--mt-shadow-lg); padding: 10px; max-height: 70vh; overflow-y: auto;
}
.mt-search__group { margin: 6px 8px 4px; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--mt-faint); }
.mt-search__item { display: flex; align-items: center; gap: 12px; padding: 8px; border-radius: 12px; text-decoration: none; color: var(--mt-ink); }
.mt-search__item:hover, .mt-search__item[aria-selected="true"] { background: var(--mt-lilac-2); }
.mt-search__thumb { width: 48px; height: 48px; flex: none; border-radius: 10px; background: var(--mt-lilac-3); display: flex; align-items: center; justify-content: center; overflow: hidden; color: var(--mt-primary); }
.mt-search__thumb img { max-width: 86%; max-height: 86%; object-fit: contain; }
.mt-search__name { flex: 1; min-width: 0; font-size: 14px; font-weight: 600; line-height: 1.35; }
.mt-search__price { font: 700 15px var(--mt-font-display); white-space: nowrap; }
.mt-search__price s { font: 500 12px var(--mt-font-body); color: var(--mt-faint); margin-right: 6px; }
.mt-search__all { display: block; text-align: center; padding: 12px; margin-top: 6px; border-top: 1px solid #f0ecf3; font-weight: 700; font-size: 14px; color: var(--mt-primary); text-decoration: none; }
.mt-search__empty { padding: 14px; color: var(--mt-muted); font-size: 14px; }

@media (max-width: 1024px) {
	.mt-header { flex-wrap: wrap; gap: 10px; min-height: 0; }
	.mt-header__burger { display: inline-flex; }
	.mt-header__logo { flex: 1; justify-content: center; }
	.mt-header__logo img { height: 28px; }
	.mt-header__actions { margin-left: 0; }
	.mt-header__label { display: none; }
	.mt-header__action { width: 44px; padding: 0; justify-content: center; }
	.mt-search { order: 5; flex-basis: 100%; max-width: none; }
	.mt-search__input, .mt-search__btn { height: 46px; }
	.mt-hide-mobile { display: none !important; }
}

/* ---------- Footer ---------- */
.mt-footer { color: #b9b3be; font-size: 14px; }
.mt-footer a { color: #b9b3be; text-decoration: none; }
.mt-footer a:hover { color: #fff; }
.mt-footer__top { display: flex; flex-wrap: wrap; gap: 40px 56px; }
.mt-footer__about { flex: 2 1 260px; display: flex; flex-direction: column; gap: 16px; line-height: 1.6; }
.mt-footer__about p { margin: 0; }
.mt-footer__logo { height: 38px; width: auto; }
.mt-footer__contact { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.mt-footer__contact li { display: flex; gap: 10px; align-items: flex-start; }
.mt-footer__contact svg { color: var(--mt-primary-light); margin-top: 3px; flex: none; }
.mt-footer__social { display: flex; gap: 8px; }
.mt-footer__social a { width: 40px; height: 40px; border-radius: 10px; border: 1px solid #3a3142; display: inline-flex; align-items: center; justify-content: center; }
.mt-footer__social a:hover { background: var(--mt-primary); border-color: var(--mt-primary); }
.mt-footer__col { flex: 1 1 150px; display: flex; flex-direction: column; gap: 14px; }
.mt-footer__col > b { color: #fff; font-size: 15px; }
.mt-footer__links { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.mt-footer__bottom { border-top: 1px solid var(--mt-dark-3); margin-top: 40px; padding-top: 24px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px; font-size: 13px; }
.mt-footer__pay { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.mt-footer__pay li { border: 1px solid #3a3142; border-radius: 8px; padding: 6px 12px; color: #e4dfe8; font-weight: 600; }