/* 1. Kill the theme's giant absolute positioning */
.woof_list_checkbox li input[type="checkbox"] {
    position: relative !important; /* Move it back into the line */
    width: 16px !important;        /* Force standard size */
    height: 16px !important;       /* Force standard size */
    margin: 0 8px 0 0 !important;
    appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
    display: inline-block !important;
    vertical-align: middle !important;
    left: auto !important;         /* Reset the left: 0px */
    top: auto !important;
    float: none !important;
}

/* 2. Fix the Label that was being covered */
.woof_list_checkbox li label {
    display: inline-block !important;
    position: relative !important;
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
    line-height: 20px !important; /* Adjust to match checkbox height */
    vertical-align: middle !important;
    cursor: pointer !important;
}

/* 3. Remove any "Ghost" boxes the theme created */
.woof_list_checkbox li label::before, 
.woof_list_checkbox li label::after {
    display: none !important; /* This kills the theme's custom-drawn squares */
}

/* 4. Fix the LI container height */
.woof_list_checkbox li {
    height: auto !important;       /* Kills the 55px height */
    min-height: 24px !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
}


/* 1. Remove the box/border from the list item */
.woof_list_checkbox li {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 2px 0 !important;
    margin: 0 !important;
}

/* 2. Remove borders from the label (where themes often hide them) */
.woof_list_checkbox li label,
.woof_checkbox_label {
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* 3. Ensure the container holding the items doesn't have a border */
.woof_block_html_items {
    border: none !important;
}

/* 4. Optional: Add a very subtle hover effect instead of a border */
.woof_list_checkbox li:hover {
    background-color: #f9f9f9 !important; /* Extremely light grey */
    cursor: pointer;
}


/* FIX HOVER STATE ON FILTER AND RESET BUTTONS */
/* 1. Target the HUSKY Search Button specifically */
.woof_submit_search_form_container button {
    background-color: rgb(30, 144, 255) !important; /* Your Brand Blue */
    color: rgb(255, 255, 255) !important;           /* White text */
    border: 2px solid rgb(255, 255, 255) !important;
    transition: all 0.25s ease-in-out !important;
}

/* 2. The Corrected Hover State */
.woof_submit_search_form_container button:hover {
    background-color: #f5f5f5 !important;           /* White-ish background */
    border-color: #888888 !important;               /* Gray border */
    color: #000000 !important;                      /* Black letters */
}

/* 3. Handle the Reset Button too (so they match) */
.woof_reset_search_form {
    background-color: transparent !important;
    border: 2px solid #888 !important;
    color: #333 !important;
    text-align: center;
    line-height: 46px; /* Adjusting for border/padding to match height */
}

.woof_reset_search_form:hover {
    background-color: #333 !important;
    color: #fff !important;
}