/*!
 * PSM Badges Fix - Force Icon Spacing
 * This file forces the icon spacing to work properly
 */

/* بازنویسی با اولویت بالا */
.psm-term-badge .psm-term-icon-emoji,
.psm-term-badge .psm-term-icon-img {
    margin-left: 12px !important;
    margin-right: 7PX !important;
}

/* RTL Override */
.rtl .psm-term-badge .psm-term-icon-emoji,
.rtl .psm-term-badge .psm-term-icon-img {
    margin-left: 0 !important;
    margin-right: 12px !important;
}

/* Ensure proper spacing in all contexts */
body .psm-term-badge .psm-term-icon-emoji,
body .psm-term-badge .psm-term-icon-img {
    margin-left: 0px !important;
}

body.rtl .psm-term-badge .psm-term-icon-emoji,
body.rtl .psm-term-badge .psm-term-icon-img {
    margin-left: 0 !important;
    margin-right: 12px !important;
}

/* Display flex for proper alignment */
.psm-term-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 0.6em 0.8em !important;
    margin: 0 !important;
}

/* Add comma separator */
.psm-term-badge:not(:last-child)::after {
    content: '،' !important;
    margin: 0 8px !important;
    color: #666 !important;
    font-weight: normal !important;
}

/* RTL padding remains symmetric too */
body.rtl .psm-term-badge,
.rtl .psm-term-badge {
    padding: 0.6em 0.8em !important;
}

/* Hover color override */
.psm-term-badge:hover {
    border-color: #d3d3d3 !important;
    color: #333 !important;
    box-shadow: 0 4px 12px rgba(211, 211, 211, 0.3) !important;
}

/* Default style inline layout override */
.psm-terms-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
    align-items: baseline !important;
}

.psm-term-item {
    margin-bottom: 0 !important;
    padding: 0 !important;
    border-bottom: none !important;
    display: inline-block !important;
    vertical-align: baseline !important;
}

.psm-term-item:not(:last-child)::after {
    content: '،' !important;
    margin: 0 8px !important;
    color: #666 !important;
    vertical-align: baseline !important;
    display: inline !important;
}

/* Remove hover and set text color */
.psm-term-link {
    color: #333 !important;
    text-decoration: none !important;
    display: inline !important;
    vertical-align: baseline !important;
    transition: none !important;
    pointer-events: auto !important;
}

/* COMPLETELY REMOVE ALL HOVER EFFECTS */
.psm-term-link:hover,
.psm-term-link:focus,
.psm-term-link:active,
.psm-term-link:visited {
    color: #333 !important;
    text-decoration: none !important;
    transform: none !important;
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Override any parent hover effects */
.psm-taxonomy-terms .psm-term-link:hover,
.psm-terms-list .psm-term-link:hover,
.psm-term-item .psm-term-link:hover {
    color: #333 !important;
    text-decoration: none !important;
}

/* Force override all possible hover states */
* .psm-term-link:hover,
body .psm-term-link:hover,
html .psm-term-link:hover {
    color: #333 !important;
    text-decoration: none !important;
    background: transparent !important;
    transform: none !important;
    transition: none !important;
}

/* Remove any WordPress default link hover */
a.psm-term-link:hover,
a.psm-term-link:focus,
a.psm-term-link:active {
    color: #333 !important;
    text-decoration: none !important;
    background: none !important;
}

/* Remove Elementor hover effects if present */
.elementor-widget a.psm-term-link:hover,
.elementor-text-editor a.psm-term-link:hover {
    color: #333 !important;
    text-decoration: none !important;
}