/* CIReview Pro - Design Mondex 2026 | Pronet Design */
*{box-sizing:border-box}
*:before,*:after{box-sizing:border-box}

/* ── GRAPH ── */
#cireview-graph{margin-bottom:28px;padding:24px;background:#fff;border:1px solid #e6e7ea;border-radius:0}
#cireview-graph .cireviewgraph{display:inline-block;vertical-align:middle}
.cireview-infomsg{display:inline-block;text-align:center;font-size:14px;color:#888;padding:12px}
#cireview-graph li{cursor:pointer;margin-bottom:10px;display:flex;align-items:center;gap:10px;list-style:none;padding:0}
#cireview-graph li:before{display:none}
#cireview-graph li:hover .progress-value{color:#1a1a1a;font-weight:600}
#cireview-graph .progress{display:inline-block;margin-bottom:0;height:6px;border-radius:0;background:#e6e7ea;box-shadow:none;overflow:hidden;flex:1}
#cireview-graph .progress .progress-bar{background-color:#d4a750;border-radius:0;transition:width .5s cubic-bezier(.4,0,.2,1)}
#cireview-graph .progress-value{font-size:12px;color:#aaa;min-width:32px;text-align:right;font-weight:500}

/* ── AGGREGATE ── */
.cireview-wrap .cireview-aggerate{border:1px solid #e6e7ea;margin-bottom:24px;background:#f7f7f8;border-radius:0;overflow:hidden}
.cireview-wrap .cireview-aggerate-title{padding:14px 20px;font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;background:transparent;border-bottom:1px solid #e6e7ea;color:#55585b !important}
.cireview-wrap .cireview-aggerate-title a{color:#55585b !important;text-decoration:none;pointer-events:none;cursor:default}
.cireview-wrap .cireview-aggerate-title a:hover{color:#1a1a1a !important}
.cireview-wrap .cireview-aggerate .mrl-0{margin-left:0;margin-right:0;padding:12px 20px}
.cireview-wrap label.control-label{font-weight:400;padding:0;text-align:left;font-size:13px;color:#55585b}
.cireview-wrap .giverating{cursor:pointer;color:#55585b;font-weight:400;text-decoration:underline;text-underline-offset:3px}
.cireview-wrap .cireviews a{color:#55585b}
.cireview-wrap .cireviews h4{margin-bottom:7px}
.journal-wrap .cireview-wrap .cireviews h4{font-size:12px}
.cireview-wrap .cireviews .fa-stack{width:1.5em;height:2em}
.cireview-wrap .cireviews .average li{margin-bottom:5px}
.cireview-wrap .cireviews .average.final-avrge .control-label{display:block;text-align:center;font-size:13px;font-weight:400;margin-bottom:8px;margin-top:15px;color:#55585b;text-transform:none;letter-spacing:0}
.cireview-wrap .cireviews .average.final-avrge .fa-stack{width:3.5em;height:3em}
.cireview-wrap .cireviews .average.final-avrge .fa-stack i{font-size:24px;color:#d4a750}
.cireview-wrap .cireviews .average.final-avrge .ciratingcount{font-size:15px;font-weight:700;color:#1a1a1a}
.ciratingcount{margin-left:5px;vertical-align:middle;color:#999}

/* ── CUSTOMER IMAGES ── */
#cireview-customerimages{border:1px solid #e6e7ea;padding:20px;background:#f7f7f8;margin-bottom:20px;border-radius:0}
#cireview-customerimages h3{font-size:13px;text-transform:none;font-weight:600;margin-top:0;margin-bottom:14px;letter-spacing:0;color:#55585b}
#cireview-customerimages .cigallery{cursor:pointer;border-radius:0;overflow:hidden;display:inline-block;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.06)}
#cireview-customerimages .cigallery:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.12)}
.cigallery_modal h4{margin-top:0}
.cigallery_btns .nextButton,.cigallery_btns .prevButton{position:absolute;top:50%;z-index:1;color:#fff}
.cigallery_btns .nextButton i,.cigallery_btns .prevButton i{font-size:22px}
.cigallery_btns .nextButton{right:5%}
.cigallery_btns .prevButton{left:5%}
.cigallery_modal.customerimage .cigalleryimg{background:#1a1a1a;position:relative;text-align:center;border-radius:0;overflow:hidden}
.cigallery_modal.customerimage .cigalleryimg .cigallery_img{width:70%;display:inline-block}

/* ── TOP REVIEW ── */
.cireview-top{border:1px solid #e6e7ea;border-left:none;border-radius:0;overflow:visible;margin-bottom:24px;box-shadow:none}
.cireview-top .citop-heading{background:#f7f7f8;padding:14px 20px;font-size:13px;font-weight:600;color:#55585b;text-transform:none;letter-spacing:0;border-bottom:1px solid #e6e7ea}
.cireview-top .cireview-inner{border-left:2px solid #e6e7ea;position:relative;padding-top:10px;background:#fff}
.cireview-top .cireview-inner .citop-count{width:5%;min-width:34px;height:34px;text-align:center;position:absolute;left:0;background:#d4a750;border-radius:0;color:#fff;font-weight:700;font-size:15px;line-height:34px;top:16px}
.cireview-top .outof{text-align:center;color:#d4a750;padding:16px 10px;width:auto}
.cireview-top .outof:empty{display:none}
.cireview-top .outof .trate{font-size:52px;line-height:1;font-weight:700;color:#1a1a1a}
.cireview-top .outof .trate sup{top:-1.6em;font-size:14px;color:#bbb}
.cireview-top .outof .top-rating i{font-size:20px}
.cireview-top .ci-custom-mat{padding:16px 20px 16px 0}
.cireview-top .citop-reviewtitle{font-size:15px;padding-bottom:6px;font-weight:700;color:#1a1a1a;line-height:1.4}
.cireview-top .citop-description{font-size:14px;line-height:1.7;padding-bottom:8px;color:#666}
.cireview-top .author{display:inline-block;font-weight:700;font-size:13px;color:#1a1a1a}
.cireview-top .ci-date{display:inline-block;padding-left:10px;font-size:12px;color:#bbb}

/* ── REVIEW CARDS ── */
#cireview .cireview-list{padding:20px;word-wrap:break-word}
.cireview-wrap .cireview-list{border:1px solid #e6e7ea;margin-bottom:12px;padding:0;word-wrap:break-word;border-radius:0;overflow:hidden;box-shadow:none;background:#fff;transition:box-shadow .2s ease}
.cireview-wrap .cireview-list:hover{box-shadow:0 4px 16px rgba(0,0,0,.06)}
.journal-wrap .cireview-wrap .cireview-list{background:#fff}
.verified{display:inline-flex;align-items:center;gap:4px;background:#f7f7f8;color:#55585b;padding:3px 10px;border-radius:0;margin-bottom:12px;font-size:11px;font-weight:600;letter-spacing:.3px;border:1px solid #e6e7ea}
.verified i{font-size:10px}
.cireviewattach_images{border-top:1px solid #e6e7ea;padding-top:12px;padding-left:0;list-style:none;margin-top:14px}

/* ── VOTE BUTTONS ── */
.cireview-wrap .cireviews .vote-action .btn{padding:3px;font-size:12px;border:none;box-shadow:none;background:transparent}
.cireview-wrap .cireviews .vote-action .yes-btn{border:1.5px solid #d4a750;padding:3px 12px;background:transparent;border-radius:0;transition:all .15s ease}
.cireview-wrap .cireviews .vote-action .yes-btn:hover{background:#d4a750;color:#fff !important}
.cireview-wrap .cireviews .vote-action .yes-btn,.cireview-wrap .cireviews .vote-action .yes-btn i{color:#d4a750}
.cireview-wrap .cireviews .vote-action .no-btn{border:1.5px solid #ddd;padding:3px 12px;background:transparent;border-radius:0;transition:all .15s ease}
.cireview-wrap .cireviews .vote-action .no-btn:hover{border-color:#999}
.cireview-wrap .cireviews .vote-action .no-btn,.cireview-wrap .cireviews .vote-action .no-btn i{color:#ccc}
.cireview-wrap .cireviews .vote-action .yes-btn i,.cireview-wrap .cireviews .vote-action .no-btn i{font-size:15px}
.cireview-abuse{text-align:right;cursor:pointer;font-size:12px;color:#ddd;transition:color .15s}
.cireview-abuse:hover{color:#d4a750}

/* ── FILTERS ── */
.ci_multiplex.row{
    display:grid !important;
    grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(0,1fr) auto !important;
    align-items:end !important;
    column-gap:12px;
    row-gap:0;
    margin:0 0 20px 0 !important;
    padding:16px 20px !important;
    background:#f7f7f8;
    border:1px solid #e6e7ea;
    border-radius:0;
    float:none !important;
}
.ci_multiplex.row::before,
.ci_multiplex.row::after{display:none !important}
.ci_multiplex .col-md-3,
.ci_multiplex .ci-rfilters{
    float:none !important;
    width:auto !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-end !important;
    min-width:0 !important;
}
.ci_multiplex .cireviewsearch,
.ci_multiplex .form-group{
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-end !important;
    min-width:0 !important;
    margin:0 !important;
}
.ci_multiplex label.control-label{
    font-size:11px !important;
    font-weight:600 !important;
    color:#aaa !important;
    text-transform:uppercase !important;
    letter-spacing:.5px !important;
    margin:0 0 8px 0 !important;
    padding:0 !important;
    display:block !important;
    line-height:1.4 !important;
    min-height:16px !important;
}
.ci_multiplex .ci-rfilters label,
.ci_multiplex .ci-rfilters br{display:none !important}
.ci_multiplex .cireviewsearch #cireviewsearch.input-group{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 54px !important;
    align-items:stretch !important;
    width:100% !important;
}
.ci_multiplex .cireviewsearch #cireviewsearch input.form-control,
.ci_multiplex select.form-control,
.ci_multiplex .ci-clearfilters,
.ci_multiplex .cireviewsearch #cireviewsearch .input-group-btn button{
    height:52px !important;
    min-height:52px !important;
    max-height:52px !important;
}
.ci_multiplex .cireviewsearch #cireviewsearch input.form-control{
    border:1px solid #e6e7ea !important;
    border-right:none !important;
    border-radius:0 !important;
    font-size:13px !important;
    background:#fff !important;
    color:#333 !important;
    width:100% !important;
    min-width:0 !important;
    padding:0 16px !important;
}
.ci_multiplex .cireviewsearch #cireviewsearch .input-group-btn{
    display:block !important;
    width:54px !important;
    min-width:54px !important;
    float:none !important;
}
.ci_multiplex .cireviewsearch #cireviewsearch .input-group-btn button{
    width:54px !important;
    border-radius:0 !important;
    background:#d4a750 !important;
    border:none !important;
    color:#fff !important;
    box-shadow:none !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}
.ci_multiplex select.form-control{
    border:1px solid #e6e7ea !important;
    border-radius:0 !important;
    font-size:13px !important;
    background:#fff !important;
    color:#333 !important;
    padding:0 16px !important;
    width:100% !important;
    cursor:pointer;
}
.ci_multiplex .ci-clearfilters{
    border-radius:0 !important;
    background:#d4a750 !important;
    border:1px solid #d4a750 !important;
    font-size:13px !important;
    padding:0 18px !important;
    white-space:nowrap;
    width:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px;
    box-shadow:none !important;
    color:#fff !important;
    align-self:end !important;
}
.ci_multiplex .ci-clearfilters:hover{
    background:#b8923e !important;
    border-color:#b8923e !important;
}

/* ── STARS ── */
.fa-star{color:#d4a750}
.rating .fa-star{color:#d4a750}
.fa-star + .fa-star-o{color:#d4a750}
.rating .fa-star + .fa-star-o{color:#d4a750}
#cireview-graph .fa-star-o::before,#cireview-top .fa-star-o::before,
#cireview-aggerate .rating .fa-star-o::before,#form-cireview .rating .fa-star-o::before,
#cireview-modal .cirating-input .fa-star-o::before,.cigallery_modal.customerimage .fa-star-o::before,
.cireview-wrap .average.rating .fa-star-o::before,.cireview-wrap .stars.rating .fa-star-o::before{content:"\f006"}
#cireview-graph .fa-star::before,#cireview-top .fa-star::before,
#cireview-aggerate .rating .fa-star::before,#form-cireview .rating .fa-star::before,
#cireview-modal .cirating-input .fa-star::before,.cigallery_modal.customerimage .fa-star::before,
.cireview-wrap .average.rating .fa-star::before,.cireview-wrap .stars.rating .fa-star::before{content:"\f005"}

/* ── AVATAR initiale ── */
.ciname_fl{
    background:#d4a750 !important;
    color:#fff !important;
    border-radius:50% !important;
    -webkit-border-radius:50% !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:36px !important;
    height:36px !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1 !important;
    flex-shrink:0 !important;
    vertical-align:middle !important;
    text-transform:uppercase !important;
}

/* ── MISC ── */
.cifa{font-size:16px;width:1em;height:1em;margin-right:2px}
.cirating-input{padding-top:7px}
.journal-wrap .cireview-wrap .cireview-aggerate-title{margin:0}
.journal-wrap .j-margin{padding-top:15px;padding-bottom:15px}
.journal-wrap p{margin-bottom:10px!important}
.journal-wrap .cireview-form h2{margin:10px 0}
.journal-wrap .hidden{display:none!important}
.journal-wrap .hide{display:none}
.journal-wrap .text-right{text-align:right}
.journal-wrap .text-left{text-align:left}
.journal-wrap .text-center{text-align:center}
.journal-wrap .buttons{display:block;width:100%;padding:0;background:none}
.journal-wrap .form-group:before,.journal-wrap .form-group:after{display:table;content:" "}
.journal-wrap .form-group:after{clear:both}
.journal-wrap .row > div{padding:15px;position:relative}
.journal-wrap .img-responsive{display:inline-block;max-width:100%;height:auto}
.journal-wrap .list-inline{margin:0;padding:0;list-style:none}
.journal-wrap .list-inline li{display:inline-block}
.journal-wrap .cireview-wrap .cireviews .all-rating-wrap{padding:15px}
.journal-wrap .cireview-wrap .cireview-list{background:#fff}
.pagination-results{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-top:24px;padding-top:16px;border-top:1px solid #e6e7ea;color:#55585b;font-size:13px}
.flex{display:flex;flex-wrap:wrap;justify-content:flex-start}
.cireview-column-wrap .cistars{display:inline-block}
.cireview-column-wrap .reviewtitle{display:inline-block;vertical-align:middle;font-weight:600;font-size:13px;color:#333;margin-left:5px}
.cireview-column-wrap .reviewtitle a{color:#d4a750}
.cireview-column-wrap p{margin-bottom:2px;color:#1a1a1a;width:100%;word-wrap:break-word}
.cireview-column-wrap .cipublished{color:#bbb;width:100%;font-size:12px}
.cireview-column-wrap .ciproductname{color:#1a1a1a;font-size:14px;font-weight:600;width:100%}
.cireview-column-wrap .ciproductname a{color:#d4a750}
.cireview-posneg{padding:16px 20px;border:1px solid #e6e7ea;margin-bottom:16px;background:#f7f7f8;border-radius:0}

/* ── RESPONSIVE ── */
@media(min-width:768px){
#cireview-graph .cireviewgraph{width:60%}
#cireview-graph .progress{width:60%}
.cireview-infomsg{width:38%}
.cireview-top .ci-custom-mat{float:none;width:auto;margin-left:7%}
.cireview-top .outof{float:left;width:auto}
.cireview-top .outof:empty{display:none}
.cireview-wrap .cireviews .all-rating .stars{float:right}
.cireview-wrap .cireviews .all-rating-wrap{border-left:1px solid #e6e7ea}
}
@media(max-width:767px){
#cireview-graph .cireviewgraph{width:100%}
#cireview-graph .progress{width:44%}
.cireview-infomsg{width:100%}
.cireview-top .outof .trate{font-size:36px}
.cireview-top .outof .trate sup{top:-1.2em;font-size:13px}
.cireview-abuse{text-align:center;padding-top:10px}
.cireview-wrap .cireviews .all-rating-wrap{border-top:1px solid #e6e7ea}
.cireview-wrap .cireviews .all-rating-wrap:first-child{border-top:none}
.ci_multiplex.row{display:grid !important;grid-template-columns:1fr !important;row-gap:12px;flex-wrap:wrap !important}
.ci_multiplex .col-md-3,
.ci_multiplex .ci-rfilters{width:100% !important;flex:0 0 100% !important}
.cireview-top .cireview-inner{padding-left:16px}
.cireview-top .cireview-inner .citop-count{left:8px !important}
.cireview-top .ci-custom-mat{margin-left:42px !important;padding:14px 16px 16px 0 !important}
.cireview-top .outof:not(:has(.trate)){display:none !important}
}