/* Mevcut CSS İçeriği Başlangıç */
.reviewpropopup{
	padding: 15px;
	background-color: #fff;
	width: 450px;
	margin:0 auto;
	position: relative;
}
.reviewpro{
	background:#fff;
}
.form-group .col-sm-3, .col-md-3, .reviewpropopup .col-sm-3, .col-md-3{
	width:20%!important;
	padding:10px!important;
	float:left!important;
}
.col-sm-4, .col-md-4{
	width:33%!important;
	padding:10px;
	float:left;
}
.col-sm-5, .col-md-5{
	width:37%!important;
	padding:10px;
	float:left;
}
.reviewpropopup label{
	padding-right:0!important;
}
.col-sm-7, .col-md-7{
	width:53%!important;
	padding:10px;
	float:left;
}
.col-xs-12{
	width:100%!important;
}
.col-sm-10, .col-md-10{
	width:80%!important;
	padding:10px;
	float:left;
}

.col-sm-2, .col-md-2{
	width:20%!important;
	padding:10px;
	float:left;
}
.wi_row{
	width:100%;
	margin-left: 0;
	margin-right: 0;
}
.col_9{
	float: left!important;
    width: 65%!important;
    padding: 5px!important;
}
.col-sm-6{
	width:50%!important;
	padding:10px;
	float:left;
}
.col-sm-8{
	width:60%!important;
	padding:10px;
	float:left;
}
.form-group .col-sm-9,.reviewpropopup  .col-sm-9{
	width:70%!important;
	float:left!important;
}
.nopadding{
	padding:0!important;
}
.rating .full{
	padding-top:0!important;
}
.reviewpropopup input,.reviewpropopup textarea{
	width:96%!important;
}
.reviewpropopup textarea{
	height:auto;
}
.text-right{
	text-align:right;
}
.text-left{
	text-align:left;
}
.text-center{
	text-align:center;
}
.reviewpropopup .popup-modal-dismiss{
	position: absolute;
	right: 10px;
	padding: 10px;
}
.reviewpropopup h2{
	margin: 0px;
	margin-bottom: 20px;
}

.reviewpropopup.width600{
	width: 500px;
}

.reviewpropopup.width600 h3{
	margin:0px;
}

.sortreview .btn, .sortreview .btn:active, .sortreview .btn:focus, .sortreview .btn:hover{
	background-image:none;
	margin-right:10px;
	border-radius:0;
}
.clearfilter, .clearfilter:hover{
	background-image:none;
	border-color:#ddd;
	border-radius:0;
}

.btn-rating, .btn-rating:hover, .btn-rating:active, .btn-rating:focus{
	background-color: #229ac8;
	border-color:#229ac8;
	color:#fff;
	text-shadow:none;
}
.btn-rating.active{
	background-color:#fff;
	border-color:#ddd;
	box-shadow:0 0 0 1px rgba(0,0,0,0.08);
	color:#888;
	text-shadow:none;
}

.sortreview .clearfilter{
	background-size: 18px 18px;
    display: none;
    height: 18px;
    vertical-align: text-top;
    width: 18px;
	background-color:#888;
	border-radius:20px;
	font-size:12px;
	color:#fff;
}
.sortreview  .btn-rating .filterclose{
	display:none;
}
.sortreview .btn-rating.active .filterclose{
	display:inline-block !important;
}

.oc2 .required label:before{
	color:none!important;
}

/* Yıldız Derecelendirmesi */
.reviewpropopup .rating {
  border: none;
  float: left;
}

.reviewpropopup .rating > input { display: none; } 
.reviewpropopup .rating > .full:before { 
  margin: 3px;
  font-size: 0.9em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005"; 
}

.reviewpropopup .rating > .half:before { 
  content: "\f089";
  position: absolute;
}

.reviewpropopup .rating > .full { 
  color: #ddd; 
 float: right; 
}

.reviewpropopup .rating > input:checked ~ .full, 
.reviewpropopup .rating:not(:checked) > .full:hover, 
.reviewpropopup .rating:not(:checked) > .full:hover ~ .full { color: #FFD700;  } 

.reviewpropopup .rating > input:checked + .full:hover, 
.reviewpropopup .rating > input:checked ~ .full:hover,
.reviewpropopup .rating > .full:hover ~ input:checked ~ .full, 
.reviewpropopup .rating > input:checked ~ .full:hover ~ .full { color: #FFED85;  } 

.overallrating{
	padding: 15px;
	background-color: #f1f1f1;
	margin-bottom: 15px;
}
.overallrating .reviewpro_heading{
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}
.overallrating .avgstar{
	text-align:center;
}
.overallrating .avgstar i{
	font-size: 22px;
	color: #000;
	margin-right: 10px;
	color: #FFCC00!important;
}
.overallrating .fromreview{
	text-align: center;
	font-size: 14px;
}
.diferent_bar{
	cursor:pointer;
}
.diferent_bar .barname{
	float: left;
	width: 20%;
	margin-right: 10px;
}
.diferent_bar .barrating{
	float: left;
	width: calc( 70% - 10px );
	background-color: #fff;
	height: 8px;
	margin-top: 6px;
	box-shadow: inset 0 0 3px #999;
}
.diferent_bar .barrating div{
	height: 8px;
}
.diferent_bar .barpercent{
	float: left;
	margin-left: 10px;
	width: calc( 10% - 10px );
}
.reviewpro{
	border: 1px solid #ccc;
	margin-bottom: 15px;
}
.reviewpro .reviewhead{
	padding: 10px;
	background-color: #f1f1f1;
}
.reviewpro .reviewhead .adminreply{
	font-weight: normal;
	cursor: pointer;
}
.reviewpro .reviewcontent{
	padding: 10px;
}
.reviewpro .reviewcontent.ownpage{
	min-height:160px;
}
.reviewpro .reviewcontent.ownpage .reviewvote{
	padding:5px 13px;
}
.reviewpro .authorname{
	font-weight: bold;
	margin: 0px;
}
.reviewpro p{
	margin: 0px;
}
.reviewpro .authorname .authorverify{
	background-color: #666666;
	padding: 4px 8px;
	border-radius: 5px;
	text-transform: uppercase;
	color: #fff;
	font-size: 9px;
	margin:0 10px;
}
.reviewpro .authorname .reviewdate{
	font-size: 12px;
	font-weight: normal;
	color: #666;
	font-style: italic;
	float: right;
}
.reviewpro .reviewtitle{
	font-weight: bold;
}
.reviewpro .reviewbarsec{
	float: left;
	width: 35%;
	margin-right: 10px;
}
.reviewpro .partuclarreview{
	float: left;
	width: calc( 65% - 10px );
}
.reviewpro .partuclarreview i{
	color: #FFCC00!important;
	font-size: 16px;
	margin-right: 2px;
}
.reviewpro .reviewvote{
	border: 1px solid #ccc;
	padding: 5px 15px;
	border-radius: 20px;
	margin-right: 5px;
	cursor: pointer;
}
.reviewpro .reviewvote i{
	margin-left: 5px;
}
.reviewpro .reviewvote.yes i{
	color: green;
}
.reviewpro .reviewvote.no i{
	color: red;
}
.reviewpro .reviewcaption{
	margin-top: 20px;
}
.reviewpro .abuse{
	cursor: pointer;
}
.reviewpro .replyadmin:first-child{
	margin-top: 30px;
}
.reviewpro .replyadmin{
	padding: 15px;
	background-color: #f1f1f1;
	margin: 10px 0;
}
.reviewpro .replyadmin:last-child{
	margin-bottom: 0px;
}
.reviewpro .expandreply{
	text-align:center;
	cursor: pointer;
}
.reviewpro .errorvote{
	margin-top: 15px;
}

.reviewimage img{
	padding: 10px;
	border: 1px solid #ccc;
}
.reviewdownloadfile{
	cursor: pointer;
}
.reviewpro .ownpage .reviewbarsec{
	width:55%;
}
.reviewpro .ownpage .partuclarreview{
	width:calc( 45% - 10px );
}
#column-left .featured-reviews .col-lg-4, #column-right .featured-reviews .col-lg-4{
	width:100%;
}

/* Mobil Cihazlar için Responsive Tasarım */
@media screen and (max-width: 768px) {
    /* Genel Düzen */
    .reviewpropopup {
        width: 95% !important;
        margin: 0 auto;
        padding: 10px;
    }

    /* Kolon Genişlikleri */
    .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, 
    .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10 {
        width: 100% !important;
        float: none !important;
        padding: 5px !important;
    }

    /* Form Elemanları */
    .reviewpropopup input, 
    .reviewpropopup textarea {
        width: 100% !important;
    }

    /* Butonlar */
    .btn-rating, .sortreview .btn {
        width: 100% !important;
        margin-bottom: 10px;
    }

    /* Yıldız Derecelendirmesi */
    .diferent_bar {
        display: flex;
        align-items: center;
    }
    .diferent_bar .barname {
        width: 30%;
        margin-right: 10px;
    }
    .diferent_bar .barrating {
        width: 50%;
    }
    .diferent_bar .barpercent {
        width: 20%;
    }

    /* İnceleme Kartları */
    .reviewpro .reviewbarsec,
    .reviewpro .partuclarreview {
        width: 100% !important;
        float: none;
        margin-right: 0;
    }

    .reviewpro .reviewbarsec {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .reviewpro .partuclarreview {
        text-align: center;
    }

    .reviewpro .partuclarreview i {
        font-size: 14px; /* Yıldız boyutunu küçülttüm */
    }
}

    /* Küçük ekranlarda alt alta gelme durumu */
    @media screen and (max-width: 480px) {
        .reviewpro .reviewbarsec,
        .reviewpro .partuclarreview {
            width: 100% !important;
            float: none !important;
            text-align: center;
            padding: 5px 0;
        }
    }

    /* Popup Kapatma Butonu */
    .reviewpropopup .popup-modal-dismiss {
        position: absolute;
        top: 10px;
        right: 10px;
    }

    /* Genel Mobil Düzenlemeler */
    .reviewpro .authorname .reviewdate {
        float: none;
        display: block;
        margin-top: 5px;
    }

    .reviewpro .authorname .authorverify {
        display: inline-block;
        margin: 0 5px;
    }
}

/* Küçük Ekranlar için İlave Düzenlemeler */
@media screen and (max-width: 480px) {
    .reviewpropopup {
        padding: 5px;
    }

    .overallrating .avgstar i {
        font-size: 18px;
    }

    .reviewpro .authorname .authorverify {
        display: block;
        margin: 5px 0;
    }

    /* Daha Sıkı Mobil Düzen */
    .diferent_bar {
        flex-wrap: wrap;
    }
    .diferent_bar .barname,
    .diferent_bar .barrating,
    .diferent_bar .barpercent {
        width: 100%;
        margin: 5px 0;
    }

    .reviewpropopup .rating > .full:before {
        font-size: 0.8em;
    }
}

/* Dokunmatik Cihazlar için İyileştirmeler */
@media (hover: none) and (pointer: coarse) {
    .reviewvote {
        padding: 10px 15px;
        margin-bottom: 10px;
    }

    .diferent_bar {
        touch-action: manipulation;
    }

    /* Dokunmatik Cihazlar için Daha Büyük Tıklanabilir Alanlar */
    .reviewpro .reviewvote,
    .reviewpro .abuse,
    .reviewpro .expandreply {
        min-height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

/* Ekran Okuyucular ve Erişilebilirlik */
@media screen and (prefers-reduced-motion: reduce) {
    * {
        transition: none !important;
    }
}