/**
 * Soulmkt_AmshopbyBotProtect v2.0.0
 *
 * CSS to style <span> filter buttons to match original <a> link appearance,
 * including checkbox pseudo-elements from the soulcore theme.
 *
 * @category   Soulmkt
 * @package    Soulmkt_AmshopbyBotProtect
 * @version    2.0.0
 */

/* === Base span filter button styling === */
.block-layered-nav span.amshopby-filter-btn {
    cursor: pointer;
    display: block;
    text-decoration: none;
    color: #333;
    padding: 5px 0;
    line-height: 1.4;
}

.block-layered-nav span.amshopby-filter-btn:hover {
    text-decoration: underline;
}

/* Focus styles for keyboard accessibility */
.block-layered-nav span.amshopby-filter-btn:focus {
    outline: 1px dotted #333;
    outline-offset: 1px;
}

/* === Checkbox visual (empty square) - mirrors "li a:before" from filter.css === */
.block-layered-nav li span.amshopby-filter-btn::before {
    border: 1px solid #ebebeb !important;
    content: '' !important;
    display: table !important;
    float: left !important;
    font-family: 'Font Awesome 5 Pro' !important;
    height: 20px !important;
    margin-right: 5px !important;
    margin-top: 0px !important;
    transition: all 0.2s !important;
    width: 20px !important;
}

/* === Checkbox checked (check icon) - mirrors "li a.amshopby-attr-selected:before" === */
.sidebar .block-layered-nav li span.amshopby-filter-btn.amshopby-attr-selected:before {
    content: '\f00c';
    font-family: 'Font Awesome 5 Pro';
    font-size: 12px;
    font-weight: 500;
    text-align: center;
}

/* === Category multiselect selected - mirrors "li.amshopby-cat-multiselected a:before" === */
.sidebar .block-layered-nav li.amshopby-cat-multiselected span.amshopby-filter-btn:before {
    content: '\f00c';
    font-family: 'Font Awesome 5 Pro';
    font-size: 12px;
    font-weight: 500;
    text-align: center;
}

/* === Category multiselect selected font weight === */
.sidebar .block-layered-nav li.amshopby-cat-multiselected span.amshopby-filter-btn {
    font-weight: 600;
}

/* === State (active filters) remove button === */
.block-layered-nav span.amshopby-filter-btn.btn-remove {
    display: inline-block;
    padding: 0;
}

.block-layered-nav span.amshopby-filter-btn.btn-remove:before {
    border: none;
    display: none;
}

.block-layered-nav span.amshopby-filter-btn.btn-remove:after {
    color: #000;
    content: '\f00d';
    display: block;
    font-family: 'Font Awesome 5 Pro';
    font-size: 16px;
    line-height: 20px;
    opacity: .5;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
}

.block-layered-nav span.amshopby-filter-btn.btn-remove-inline {
    display: inline-block;
    padding: 0;
}

.block-layered-nav span.amshopby-filter-btn.btn-remove-inline:before {
    border: none;
    display: none;
}

/* === Clear All button - mirrors ".sidebar .block-content .actions a" === */
.block-layered-nav span.amshopby-filter-btn.amshopby-clear-all {
    border: 1px solid;
    float: right;
    font-size: var(--size-12, 12px);
    margin: 10px 0px 0px;
    padding: 5px 10px;
    transition: all 0.3s;
    display: inline-block;
}

.block-layered-nav span.amshopby-filter-btn.amshopby-clear-all:before {
    display: none;
}

/* === Count styling for spans === */
.block-layered-nav li span.amshopby-filter-btn .count {
    font-weight: 600;
}

/* === Swatch styling === */
.block-layered-nav span.amshopby-filter-btn.swatch-link {
    display: inline-block;
    padding: 0;
}

.block-layered-nav span.amshopby-filter-btn.swatch-link:before {
    display: none;
}

/* === Images filter styling === */
span.amshopby-filter-btn img {
    vertical-align: middle;
}

/* === Two-column layout === */
.amshopby-column span.amshopby-filter-btn {
    display: inline;
}

.amshopby-column span.amshopby-filter-btn:before {
    display: none;
}