#bwaproductfaq {
    margin-top   : 50px;
    margin-left  : auto;
    margin-right : auto;
}

#bwaproductfaq .faq_title {
    color       : var(--color-primary);
    font-size   : 28px;
    font-style  : normal;
    font-weight : 700;
    line-height : 42px;
    margin      : 50px 0 20px;
}

.product_faq_accordion {
    cursor     : pointer;
    width      : 100%;
    text-align : left;
    outline    : none;
    transition : 0.4s;
}

.product_faq_question {
    color           : var(--color-primary);
    font-size       : 15px;
    font-style      : normal;
    font-weight     : 500;
    line-height     : 180%;
    margin          : 0;
    padding         : 15px 25px 15px 20px;
    background      : #F9F7F4;
    border-radius   : 10px;
    display         : flex;
    align-items     : center;
    justify-content : space-between;
    gap             : 5px;
}

.product_faq_panel {
    padding          : 0 18px;
    background-color : #F9F7F4;
    max-height       : 0;
    overflow         : hidden;
    transition       : max-height 0.2s ease-out;
    border-radius    : 0 0 10px 10px;
}

.product_faq_panel_wrapper {
    padding : 18px 0;
}

.product_faq_panel_wrapper p {
    font-size   : 13px;
    font-style  : normal;
    font-weight : 500;
    line-height : 180%;
    margin : 0;
}

.product_faq_voirplus.custom_btn,
.product_faq_voirmoins.custom_btn {
    cursor        : pointer;
    padding       : 7px 18px;
    border        : 1px solid;
    margin-top    : 20px;
    margin-left   : auto;
    margin-right  : auto;
    font-size     : 15px;
    font-style    : normal;
    font-weight   : 500;
    line-height   : 180%;
    border-radius : 10px;
    width         : fit-content;
}

.product_faq_voirplus.custom_btn.hidden,
.product_faq_voirmoins.custom_btn.hidden {
    display : none;
}

.product_faq {
    display        : flex;
    flex-direction : column;
    gap            : 15px;
    margin-bottom  : 10px;
}

.product_faq_accordion.accordion_opened .product_faq_question {
    border-radius : 10px 10px 0 0;
}

.product_faq_accordion svg {
    transition : transform 0.2s ease-in-out;
}

.product_faq_accordion.accordion_opened svg {
    transform : rotate(180deg);
}

.product_faq_accordion_container {
    margin-bottom : 0;
}

.product_faq_accordion_container.hidden {
    display : none;
}

/**
 * Product FAQ Admin Styles - Product Search & Selection
 */

/* Product Search Input */
.product-search-input {
    width     : 100% !important;
    max-width : 500px;
}

/* Search Results Container */
.product-search-results {
    position   : absolute;
    z-index    : 1000;
    background : #fff;
    border     : 1px solid #ccc;
    border-top : none;
    max-height : 300px;
    overflow-y : auto;
    width      : 100%;
    max-width  : 500px;
    box-shadow : 0 2px 4px rgba(0, 0, 0, 0.1);
    display    : none;
    margin-top : -1px;
}

.product-search-results ul {
    list-style : none;
    margin     : 0;
    padding    : 0;
}

.product-search-results li {
    padding       : 10px 12px;
    border-bottom : 1px solid #eee;
    cursor        : pointer;
    display       : flex;
    align-items   : center;
    gap           : 10px;
    transition    : background-color 0.2s;
}

.product-search-results li:hover {
    background-color : #f5f5f5;
}

.product-search-results li:last-child {
    border-bottom : none;
}

.product-search-results .product-id {
    font-weight : bold;
    color       : #555;
    min-width   : 60px;
    font-size   : 12px;
}

.product-search-results .product-name {
    flex      : 1;
    color     : #333;
    font-size : 13px;
}

.product-search-results .add-product {
    padding     : 3px 12px;
    font-size   : 16px;
    line-height : 1;
    font-weight : bold;
    min-width   : 30px;
}

.product-search-results li.already-selected {
    background-color : #f9f9f9;
    opacity          : 0.7;
}

.product-search-results li.already-selected .product-name {
    color : #999;
}

.product-search-results .no-results {
    padding    : 20px;
    color      : #999;
    text-align : center;
    font-style : italic;
}

/* Selected Products Container */
.selected-products-container,
#faq-selected-products-container {
    padding       : 10px 0;
    margin-bottom : 10px;
}

.selected-products-list,
#faq-selected-products-container.selected-products-list {
    display   : flex;
    flex-wrap : wrap;
    gap       : 10px;
}

.selected-product-tag {
    display          : inline-flex;
    align-items      : center;
    gap              : 10px;
    background-color : #5cb85c;
    color            : white;
    padding          : 8px 15px;
    border-radius    : 4px;
    font-size        : 14px;
    cursor           : default;
    transition       : all 0.2s;
    box-shadow       : 0 1px 3px rgba(0, 0, 0, 0.1);
}

.selected-product-tag:hover {
    background-color : #4cae4c;
    box-shadow       : 0 2px 5px rgba(0, 0, 0, 0.15);
}

.selected-product-tag .product-info {
    display     : flex;
    align-items : center;
    gap         : 8px;
}

.selected-product-tag .product-info strong {
    background    : rgba(255, 255, 255, 0.25);
    padding       : 2px 8px;
    border-radius : 3px;
    font-size     : 12px;
}

.selected-product-tag .product-name {
    font-weight : 500;
}

.selected-product-tag .remove-product {
    cursor      : pointer;
    margin-left : 5px;
    opacity     : 0.8;
    font-size   : 14px;
    padding     : 3px;
    transition  : opacity 0.2s;
}

.selected-product-tag .remove-product:hover {
    opacity : 1;
}

/* Form positioning fixes */
.form-group .product-search-results {
    position : absolute;
}

/* Responsive adjustments */
@media (max-width : 768px) {
    .product-search-input,
    .product-search-results {
        max-width : 100%;
    }

    .selected-products-list {
        flex-direction : column;
    }

    .selected-product-tag {
        width           : 100%;
        justify-content : space-between;
    }
}