/* CIReview Pro - Design Modern 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 #eee;border-radius:12px}
#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:#333b3d;font-weight:600}
#cireview-graph .progress{display:inline-block;margin-bottom:0;height:6px;border-radius:100px;background:#f0f0f0;box-shadow:none;overflow:hidden;flex:1}
#cireview-graph .progress .progress-bar{background-color:#333b3d;border-radius:100px;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 #eee;margin-bottom:24px;background:#fafafa;border-radius:12px;overflow:hidden}
.cireview-wrap .cireview-aggerate-title{padding:14px 20px;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;background:transparent;border-bottom:1px solid #eee;color:#aaa !important}
.cireview-wrap .cireview-aggerate-title a{color:#aaa !important;text-decoration:none}
.cireview-wrap .cireview-aggerate-title a:hover{color:#333b3d !important}
.cireview-wrap .cireview-aggerate .mrl-0{margin-left:10;margin-right:0}
.cireview-wrap label.control-label{font-weight:600;padding:0;text-align:left;font-size:12px;color:#888}
.cireview-wrap .giverating{cursor:pointer;color:#333b3d;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.cireview-wrap .cireviews a{color:#333b3d}
.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:500;margin-bottom:8px;margin-top:15px;color:#999;text-transform:uppercase;letter-spacing:.4px}
.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:#333b3d}
.cireview-wrap .cireviews .average.final-avrge .ciratingcount{font-size:15px;font-weight:700;color:#333b3d}
.ciratingcount{margin-left:5px;vertical-align:middle;color:#999}

/* ── CUSTOMER IMAGES ── */
#cireview-customerimages{border:1px solid #eee;padding:20px;background:#fafafa;margin-bottom:20px;border-radius:12px}
#cireview-customerimages h3{font-size:11px;text-transform:uppercase;font-weight:700;margin-top:0;margin-bottom:14px;letter-spacing:.8px;color:#aaa}
#cireview-customerimages .cigallery{cursor:pointer;border-radius:8px;text-decoration: none;padding:4px;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)}
#cireview-customerimages .cigallery img{object-fit:cover;width:100px;height:100px;display:block;max-width:unset}
.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:8px;overflow:hidden}
.cigallery_modal.customerimage .cigalleryimg .cigallery_img{width:70%;display:inline-block}

/* ── TOP REVIEW ── */
.cireview-top{border:1px solid #eee;border-left:none;border-radius:12px;overflow:hidden;margin-bottom:24px;box-shadow:0 2px 16px rgba(0,0,0,.04)}
.cireview-top .citop-heading{background:#fafafa;padding:14px 20px;font-size:11px;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid #eee}
.cireview-top .cireview-inner{border-left:3px solid #333b3d;position:relative;padding-top:10px;background:#fff;margin-left: 15px;}
.cireview-top .cireview-inner .citop-count{width:26px;height:26px;text-align:center;position:absolute;left:-15px;background:#333b3d;border-radius:50%;color:#fff;font-weight:700;font-size:13px;line-height:26px;top:18px}
.cireview-top .outof{text-align:center;color:#333b3d;padding:16px 10px}
.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}
.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:#333b3d}
.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 #eee;margin-bottom:12px;padding:0;word-wrap:break-word;border-radius:12px;overflow:hidden;box-shadow:0 1px 8px rgba(0,0,0,.04);background:#fff;transition:box-shadow .2s ease}
.cireview-wrap .cireview-list:hover{box-shadow:0 4px 16px rgba(0,0,0,.08)}
.journal-wrap .cireview-wrap .cireview-list{background:#fff}
.cireview-wrap .cireview-list .row > div{padding:20px 24px}
.cireview-wrap .cireview-list .col-sm-12:first-child{padding-bottom:0}
.cireview-wrap .cireview-list .verified{margin-bottom:16px}
.cireview-wrap .cireview-list > .row > div > span:not(.fa):not(.fa-stack):not(.ciratingcount):not(.vote-action):not(.vote-result){display:block;margin-bottom:12px;font-size:13px;color:#999}
.cireview-wrap .cireview-list h4{font-size:13px;margin-bottom:16px;line-height:1.4}
.cireview-wrap .cireview-list h4 .control-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#bbb;font-weight:700;margin-bottom:2px}
.cireview-wrap .cireview-list .average.rating{margin-bottom:16px}
.cireview-wrap .cireview-list .average.rating li{margin-bottom:10px}
.cireview-wrap .cireview-list .average.rating li .control-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#bbb;font-weight:700;margin-bottom:6px}
.cireview-wrap .cireview-list .average.rating li .fa-stack{display:inline-block}
.cireview-wrap .cireview-list p{font-size:14px;line-height:1.7;color:#555;margin-bottom:0}
.verified{display:inline-flex;align-items:center;gap:4px;background:#f0f4f0;color:#333b3d;padding:3px 10px;border-radius:100px;margin-bottom:12px;font-size:11px;font-weight:700;letter-spacing:.3px;border:1px solid rgba(51,59,61,.15)}
.verified i{font-size:10px}
.cireviewattach_images{border-top:1px solid #f5f5f5;padding-top:16px;padding-left:0;list-style:none;margin-top:0}
.cireviewattach_images li{display:inline-block}
.cireviewattach_images li a img{width:80px;height:80px;object-fit:cover;border-radius:6px;display:block;max-width:unset;max-height:unset}
.cireview-wrap .cireview-list .cireview-vote{padding-top:12px;border-top:1px solid #f5f5f5;font-size:13px;color:#888}
.cireview-wrap .cireview-list .vote-result{margin-left:8px;font-size:12px;color:#bbb}

/* ── 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 #333b3d;padding:3px 12px;background:transparent;border-radius:100px;transition:all .15s ease}
.cireview-wrap .cireviews .vote-action .yes-btn:hover{background:#333b3d;color:#fff !important}
.cireview-wrap .cireviews .vote-action .yes-btn,.cireview-wrap .cireviews .vote-action .yes-btn i{color:#333b3d}
.cireview-wrap .cireviews .vote-action .no-btn{border:1.5px solid #ddd;padding:3px 12px;background:transparent;border-radius:100px;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:#333b3d}

/* ── FILTERS ── */
.ci_multiplex.row{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:flex-end !important;
    margin:0 0 20px 0 !important;
    padding:16px 20px !important;
    background:#fafafa;
    border:1px solid #eee;
    border-radius:12px;
    float:none !important;
    gap:12px;
}
.ci_multiplex.row::before,
.ci_multiplex.row::after{display:none !important}
.ci_multiplex .col-md-3{
    float:none !important;
    width:auto !important;
    flex:1;
    padding:0 !important;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
}
.ci_multiplex .ci-rfilters{
    flex:0 0 auto !important;
    width:auto !important;
    float:none !important;
    padding:0 !important;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
}
.ci_multiplex .form-group{
    margin-bottom:0 !important;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    flex:1;
}
.ci_multiplex label.control-label{
    font-size:11px !important;
    font-weight:700 !important;
    color:#aaa !important;
    text-transform:uppercase;
    letter-spacing:.5px;
    margin-bottom:6px !important;
    max-height:none !important;
    min-width:0 !important;
    flex-basis:auto !important;
    padding:0 !important;
    display:block !important;
    line-height:1.4 !important;
}
.ci_multiplex .ci-rfilters label,
.ci_multiplex .ci-rfilters br{display:none !important}
/* input search */
.ci_multiplex .cireviewsearch #cireviewsearch.input-group{
    display:flex !important;
    flex-direction:row !important;
    width:100% !important;
}
.ci_multiplex .cireviewsearch #cireviewsearch input.form-control{
    height:38px !important;
    border:1px solid #e5e5e5 !important;
    border-right:none !important;
    border-radius:8px 0 0 8px !important;
    font-size:13px !important;
    background:#fff !important;
    color:#333 !important;
    flex:1;
    width:auto !important;
}
.ci_multiplex .cireviewsearch #cireviewsearch .input-group-btn{
    display:flex !important;
    flex-direction:row !important;
    width:auto !important;
    float:none !important;
}
.ci_multiplex .cireviewsearch #cireviewsearch .input-group-btn button{
    height:38px !important;
    width:38px !important;
    border-radius:0 8px 8px 0 !important;
    background:#333b3d !important;
    border:none !important;
    color:#fff !important;
    box-shadow:none !important;
    padding:0 !important;
    display:flex !important;
    align-items:center;
    justify-content:center;
}
/* select */
.ci_multiplex select.form-control{
    height:38px !important;
    border:1px solid #e5e5e5 !important;
    border-radius:8px !important;
    font-size:13px !important;
    background:#fff !important;
    color:#333 !important;
    padding:0 10px !important;
    width:100% !important;
    cursor:pointer;
}
/* buton sterge */
.ci_multiplex .ci-clearfilters{
    height:38px !important;
    border-radius:8px !important;
    background:#333b3d !important;
    font-size:12px !important;
    padding:0 16px !important;
    white-space:nowrap;
    width:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px;
    box-shadow:none !important;
}

/* ── STARS ── */
.fa-star,
.fa-star-o,
.rating .fa-star,
.rating .fa-star-o,
.fa-star + .fa-star-o,
.rating .fa-star + .fa-star-o,
.fa-stack .fa-star,
.fa-stack .fa-star-o,
.fa-stack .fa-stack-2x,
.cireview-list .fa-star,
.cireview-list .fa-star-o,
.cireview-list .fa-stack .fa-star,
.cireview-list .fa-stack .fa-star-o,
.cireview-list .fa-stack .fa-stack-2x,
.cireview-list .average.rating .fa-star,
.cireview-list .average.rating .fa-star-o,
.cireview-list .average.rating .fa-stack-2x,
.cireview-wrap .cireview-list .rating .fa-star,
.cireview-wrap .cireview-list .rating .fa-star-o,
.cireview-wrap .cireview-list .rating .fa-star + .fa-star-o {color:#ffd700 !important}
.cireview-top .fa-stack,
.cireview-list .fa-stack{font-size:15px;width:1.2em;height:1em;line-height:1}
.cireview-top .fa-stack .fa-stack-2x,
.cireview-list .fa-stack .fa-stack-2x{font-size:1.4em}

.fa-star::before,
.cireview-list .fa-star::before,
.cireview-list .average.rating .fa-star::before,
#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" !important}

.fa-star-o::before,
.cireview-list .fa-star-o::before,
.cireview-list .average.rating .fa-star-o::before,
#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" !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 #f0f0f0;color:#aaa;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:#333b3d}
.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:#333b3d}
.cireview-posneg{padding:16px 20px;border:1px solid #eee;margin-bottom:16px;background:#fafafa;border-radius:12px}

/* ── 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:left;width:75%}
.cireview-top .outof{float:left;width:25%}
.cireview-wrap .cireviews .all-rating .stars{float:right}
.cireview-wrap .cireviews .all-rating-wrap{border-left:1px solid #f0f0f0}
}
@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 #f0f0f0}
.cireview-wrap .cireviews .all-rating-wrap:first-child{border-top:none}
.ci_multiplex.row{flex-wrap:wrap !important}
.ci_multiplex .col-md-3,
.ci_multiplex .ci-rfilters{width:100% !important;flex:0 0 100% !important}
}