/*
 Theme Name: Hello Elementor Child
 Theme URI: https://elementor.com/
 Description: Child theme for Hello Elementor. Keeps your custom code safe from parent theme updates.
 Author: Your Name
 Author URI: https://example.com/
 Template: hello-elementor
 Version: 1.0.0
 License: GNU General Public License v2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: hello-elementor-child
*/

/* Put your child theme CSS below */

/* Osnovni izgled bedža */
.mtel-wrap .mtel-btn .mtel-count{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:1.6em;height:1.6em;padding:0 .45em;border-radius:999px;
  font-size:.78em;font-weight:700;line-height:1;margin-left:.45em;
  background:#F1F5F9;color:#0F172A;border:0;transition:all .18s;
}

/* Tamni skin (chips_style="dark") */
.mtel-wrap.mtel-chip-dark .mtel-btn .mtel-count{
  background:rgba(255,255,255,.14); color:#fff; border:0;
}

/* Aktivno dugme (svetli skin) – dugme je tamno, bedž ~proziran beli */
.mtel-wrap:not(.mtel-chip-dark) .mtel-btn.is-active .mtel-count{
  background:rgba(255,255,255,.22); color:#fff; border:0;
}

/* Aktivno dugme (tamni skin) – dugme je koralno (#F43F5E), bedž ~proziran beli */
.mtel-wrap.mtel-chip-dark .mtel-btn.is-active .mtel-count{
  background:rgba(255,255,255,.18); color:#fff; border:0;
}

/* Hover malo “diže” bedž zajedno sa dugmetom */
.mtel-wrap .mtel-btn:hover .mtel-count{ transform:translateY(-1px); }