/*
Theme Name:   Zox News Child
Theme URI:    https://themeforest.net/user/mvpthemes/
Description:  Zox News Child Theme
Author:       MVP Themes
Author URI:   https://themeforest.net/user/mvpthemes/portfolio
Template:     zox-news
Version:      1.1.0
License:      GNU General Public License v3 or later
License URI:  http://www.gnu.org/licenses/gpl-3.0.html
Tags:         two-columns, custom-background, custom-colors, custom-menu, featured-images, theme-options, threaded-comments, translation-ready
Text Domain:  zox-news-child
*/

/* I-08 end-to-end pipeline test — 2026-06-02 */

/* Container styling */
.facetwp-facet-rating {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* creates three columns */
    grid-gap: 10px; /* space between the 'buttons' */
    padding: 10px;
    max-width: 600px; /* adjust as needed */
    margin: auto; /* centering the grid */
}

/* Button-like appearance for each checkbox */
.facetwp-facet-rating .facetwp-checkbox {
    /*background-color: #007BFF;*/
    border: #eee 1px solid;
    color: white;
    padding: 9px 19px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.2s; /* smooth transition for hover and click */
}

/* Disabled state styling */
.facetwp-facet-rating .facetwp-checkbox.disabled {
    background-color: #6c757d; /* Bootstrap secondary gray */
    cursor: not-allowed;
}

/* Hover state */
.facetwp-facet-rating .facetwp-checkbox:not(.disabled):hover {
    background-color: #0056b3; /* a darker shade of blue */
    border-color: #0056b3;
    transform: scale(1.05); /* slight increase in size */
}

/* Active or selected state simulation */
.facetwp-facet-rating .facetwp-checkbox:not(.disabled):active {
    background-color: #004085; /* even darker blue */
    border-color: #0056b3;
    transform: scale(0.95); /* slight decrease in size */
}

/* Counter styling (optional) */
.facetwp-facet-rating .facetwp-counter {
    font-size: 0.8em; /* smaller font size for the counter */
    opacity: 0.8;
}

/* Display value styling (optional) */
.facetwp-facet-rating .facetwp-display-value {
    font-weight: bold; /* emphasizes the rating value */
}