/* Bordbaaz Game Finder v6 — isolated RTL UI */
.bbgf,
.bbgf *{
    box-sizing:border-box !important;
}
.bbgf{
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    padding:0 !important;
    direction:rtl !important;
    font-family:inherit !important;
    color:#29272d !important;
}
.bbgf-content{
    width:100% !important;
    margin:0 !important;
    padding:20px 30px 30px !important;
    background:#f7f8fc !important;
    border:1px solid #f0f0f6 !important;
    border-radius:18px !important;
}
.bbgf-heading{
    width:100% !important;
    text-align:center !important;
    margin:0 0 18px !important;
}
.bbgf-heading h2{
    margin:0 0 6px !important;
    padding:0 !important;
    font-size:28px !important;
    line-height:1.3 !important;
    font-weight:800 !important;
    color:#29272d !important;
}
.bbgf-heading p{
    margin:0 !important;
    padding:0 !important;
    font-size:13px !important;
    line-height:1.8 !important;
    color:#aaa7ac !important;
}

/* Four columns, visually right-to-left:
   category | players | level | mechanism */
.bbgf-panel{
    width:100% !important;
    display:grid !important;
    /* left → right: mechanism | level | players | categories */
    grid-template-columns:1fr 1fr 1fr 1.58fr !important;
    grid-template-areas:"mechanism level players categories" !important;
    gap:14px !important;
    direction:ltr !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    padding:0 !important;
    min-height:255px !important;
}
.bbgf-filter{
    direction:rtl !important;
    width:100% !important;
    min-width:0 !important;
    min-height:225px !important;
    padding:14px 15px !important;
    background:#fff !important;
    border:1px solid #f0eff5 !important;
    border-radius:15px !important;
    box-shadow:0 5px 16px rgba(42,35,65,.025) !important;
}
.bbgf-filter-categories{grid-area:categories !important}
.bbgf-filter-players{grid-area:players !important}
.bbgf-filter-level{grid-area:level !important}
.bbgf-filter-mechanism{grid-area:mechanism !important}

.bbgf-filter-title{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:28px !important;
    margin:0 0 17px !important;
    padding:0 !important;
    font-size:15px !important;
    line-height:1.5 !important;
    font-weight:700 !important;
    color:#333039 !important;
}
.bbgf-filter-title b{
    position:absolute !important;
    right:0 !important;
    top:-1px !important;
    width:24px !important;
    height:24px !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:7px !important;
    background:#f1effc !important;
    color:#d9a7d1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:11px !important;
    line-height:1 !important;
}

/* Category buttons */
.bbgf-category-grid{
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
    margin:0 !important;
    padding:0 !important;
}
.bbgf-category{
    width:100% !important;
    min-width:0 !important;
    min-height:64px !important;
    margin:0 !important;
    padding:6px 4px !important;
    border:1px solid #dfe2ea !important;
    border-radius:10px !important;
    background:#fff !important;
    color:#77757d !important;
    font-family:inherit !important;
    font-size:11px !important;
    line-height:1.35 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    cursor:pointer !important;
    box-shadow:none !important;
}
.bbgf-category:hover,
.bbgf-category.is-active{
    border-color:#dda6d1 !important;
    box-shadow:0 0 0 2px #f4deef !important;
    color:#6d4a68 !important;
}
.bbgf-cat-icon,
.bbgf-category-icon-svg{
    display:block !important;
    width:20px !important;
    height:20px !important;
    margin:0 auto !important;
    padding:0 !important;
    color:#aaa8ad !important;
    flex:0 0 20px !important;
}
.bbgf-category-icon-svg{
    overflow:visible !important;
}
.bbgf-category.is-active .bbgf-category-icon-svg{
    color:#c58abc !important;
}
.bbgf-category.is-active .bbgf-cat-icon{color:#c58abc !important}

/* Players */
.bbgf-options{
    width:100% !important;
    display:grid !important;
    gap:8px !important;
    margin:0 !important;
    padding:0 !important;
}
.bbgf-players{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
.bbgf-option{
    width:100% !important;
    min-width:0 !important;
    min-height:43px !important;
    margin:0 !important;
    padding:7px 5px !important;
    border:1px solid #dfe2ea !important;
    border-radius:10px !important;
    background:#fff !important;
    color:#77757d !important;
    font-family:inherit !important;
    font-size:12px !important;
    line-height:1.3 !important;
    cursor:pointer !important;
    box-shadow:none !important;
}
.bbgf-player-option{
    min-height:55px !important;
}
.bbgf-option:hover,
.bbgf-option.is-active{
    border-color:#dda6d1 !important;
    box-shadow:0 0 0 2px #f4deef !important;
    color:#6d4a68 !important;
    background:#fff !important;
}

/* Level */
.bbgf-levels{grid-template-columns:1fr !important}
.bbgf-level-option{
    min-height:43px !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    text-align:right !important;
    direction:rtl !important;
}
.bbgf-level-label{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    text-align:right !important;
    direction:rtl !important;
    flex:1 1 auto !important;
}
.bbgf-placeholder{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    color:#c9d2df !important;
    letter-spacing:2px !important;
    direction:ltr !important;
    text-align:left !important;
    flex:0 0 auto !important;
}

/* Mechanism */
.bbgf-select-wrap{
    position:relative !important;
    width:100% !important;
    height:43px !important;
}
.bbgf-select-wrap:after{
    content:"" !important;
    position:absolute !important;
    left:17px !important;
    top:16px !important;
    width:7px !important;
    height:7px !important;
    border-right:1.5px solid #aaa8ad !important;
    border-bottom:1.5px solid #aaa8ad !important;
    transform:rotate(45deg) !important;
    pointer-events:none !important;
}
.bbgf-select{
    appearance:none !important;
    -webkit-appearance:none !important;
    display:block !important;
    width:100% !important;
    height:43px !important;
    min-height:43px !important;
    margin:0 !important;
    padding:0 17px 0 42px !important;
    border:1px solid #e2e3ea !important;
    border-radius:10px !important;
    background:#fff !important;
    color:#8b898f !important;
    font-family:inherit !important;
    font-size:12px !important;
    line-height:43px !important;
    outline:none !important;
    box-shadow:none !important;
    direction:rtl !important;
}

/* Results */
.bbgf-results-wrap{
    width:100% !important;
    margin:20px 0 0 !important;
    padding:0 !important;
}
.bbgf-results-head{
    width:100% !important;
    min-height:20px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    margin:0 0 9px !important;
    padding:0 !important;
}
.bbgf-reset{
    border:0 !important;
    background:transparent !important;
    color:#a26799 !important;
    cursor:pointer !important;
    font-family:inherit !important;
    font-size:11px !important;
    line-height:1.5 !important;
    padding:0 !important;
    margin:0 !important;
}
.bbgf-products{
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    gap:20px !important;
    align-items:start !important;
    margin:0 !important;
    padding:0 !important;
    direction:ltr !important;
}
.bbgf-product{
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    text-align:right !important;
    direction:rtl !important;
}
.bbgf-product-image{
    display:flex !important;
    width:100% !important;
    height:120px !important;
    margin:0 !important;
    padding:0 !important;
    align-items:center !important;
    justify-content:center !important;
    background:#fff !important;
    border-radius:9px !important;
    overflow:hidden !important;
    text-decoration:none !important;
}
.bbgf-product-image img,
.bbgf-product-img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:contain !important;
}
.bbgf-product-title{
    display:block !important;
    width:100% !important;
    min-height:39px !important;
    margin:7px 0 0 !important;
    padding:0 !important;
    color:#3d3a40 !important;
    text-align:right !important;
    text-decoration:none !important;
    font-size:12px !important;
    line-height:1.65 !important;
    font-weight:500 !important;
}
.bbgf-rating{
    width:100% !important;
    height:18px !important;
    margin:0 !important;
    padding:0 !important;
    text-align:right !important;
}
.bbgf-rating .star-rating{
    float:none !important;
    display:inline-block !important;
    width:5.4em !important;
    margin:0 !important;
    font-size:13px !important;
}
.bbgf-price{
    width:100% !important;
    margin:1px 0 0 !important;
    padding:0 !important;
    color:#96578d !important;
    font-size:12px !important;
    line-height:1.5 !important;
    font-weight:800 !important;
}
.bbgf-price del{color:#aaa !important;font-size:10px !important}
.bbgf-empty{
    grid-column:1/-1 !important;
    width:100% !important;
    padding:30px !important;
    text-align:center !important;
    background:#fff !important;
    border-radius:12px !important;
    color:#888 !important;
}
.bbgf-loading{
    width:100% !important;
    padding:8px 0 !important;
    text-align:center !important;
    color:#999 !important;
    font-size:12px !important;
}

/* Unified radius for all filter controls */
.bbgf-category,
.bbgf-option,
.bbgf-select,
.bbgf-select-wrap{
    border-radius:10px !important;
}

/* Prevent common WooCommerce theme rules from turning product cards into inline blocks */
.bbgf .product,
.bbgf li.product{
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
}

/* Responsive */
@media(max-width:1150px){
    .bbgf-panel{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        grid-template-areas:
            "categories players"
            "level mechanism" !important;
    }
    .bbgf-products{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
}
@media(max-width:760px){
    .bbgf-content{padding:16px !important}
    .bbgf-panel{
        grid-template-columns:1fr !important;
        grid-template-areas:
            "categories"
            "players"
            "level"
            "mechanism" !important;
        padding:16px !important;
    }
    .bbgf-filter{min-height:auto !important}
    .bbgf-products{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:13px !important}
    .bbgf-product-image{height:145px !important}
}
@media(max-width:430px){
    .bbgf-content{padding:12px !important}
    .bbgf-panel{padding:0 !important}
    .bbgf-category-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
    .bbgf-products{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}

/* v6.2: heading intentionally removed */
.bbgf .bbgf-heading{display:none !important}
.bbgf-content{margin-top:0 !important}