/* ─── WDC Pill Toggle ─────────────────────────────── */
.wdc-pill-toggle {
    display: inline-flex;
    align-items: center;
    background: #fff;
    border: 2px solid #111;
    border-radius: 999px;
    padding: 3px;
    gap: 0;
    overflow: hidden;
}

.wdc-pill-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 999px;
    text-decoration: none;
    color: #111;
    background: transparent;
    transition: background 0.22s, color 0.22s;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    position: relative;
}

.wdc-pill-btn img,
.wdc-pill-btn svg {
    width: 22px;
    height: 22px;
    display: block;
    object-fit: contain;
    /* default (inactive): dark icon */
    filter: brightness(0);
}

/* Active side — black pill, white icon */
.wdc-pill-btn.wdc-pill-active {
    background: #111;
    color: #fff;
}
.wdc-pill-btn.wdc-pill-active img,
.wdc-pill-btn.wdc-pill-active svg {
    filter: brightness(0) invert(1); /* dark → white */
}

/* Inactive side — white, dark icon (already set above) */
.wdc-pill-btn:not(.wdc-pill-active):hover {
    background: #f0f0f0;
}

/* Text symbol (₹ etc.) */
.wdc-sym-text {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
}
.wdc-pill-btn.wdc-pill-active .wdc-sym-text {
    color: #fff;
}

/* ─── Dropdown style ──────────────────────────────── */
.wdc-dropdown {
    border: 1px solid #ccd0d4;
    border-radius: 4px;
    padding: 6px 10px;
    font-size: 13px;
    cursor: pointer;
    background: #fff;
}

/* ─── Price symbol ────────────────────────────────── */
.cpd-sym img,
.wdc-price-sym img {
    height: 0.85em;
    width: auto;
    vertical-align: middle;
    display: inline-block;
    margin-right: 1px;
}

/* Elementor widget label */
.wdc-switcher-label {
    font-size: 13px;
    margin-right: 6px;
    color: #555;
}