/**
 * Veteriner Detay - Yorumlar Bölümü
 */

.yildizlar i.filled,
.yildizlar i.fas {
    color: #ffc107;
}

.yildizlar i:not(.filled):not(.fa-star-half-alt) {
    color: #ddd;
}

.yorum-ekle-formu {
    background: var(--surface-pink);
    border: 1px solid var(--neutral-150);
    border-radius: var(--radius-lg);
    padding: 16px 18px;
    margin-bottom: 24px;
}

.yorum-ekle-formu.yorum-form-panel-acik {
    padding: 20px 22px;
}

.yorum-ekle-ozet {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.yorum-ekle-ozet-metin {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 14px;
    line-height: 1.45;
    color: var(--neutral-600);
    max-width: 520px;
}

.yorum-ekle-ozet-metin strong {
    font-size: 16px;
    font-weight: 600;
    color: var(--neutral-900);
}

.btn-yorum-ac-kompakt {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--primary-500);
    color: #fff;
    border: none;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    font-family: inherit;
    white-space: nowrap;
    transition: background 0.2s;
}

.btn-yorum-ac-kompakt:hover {
    background: var(--primary-600);
}

.yorum-form-detay[hidden] {
    display: none !important;
}

.yorum-form-detay:not([hidden]) {
    padding-top: 14px;
    margin-top: 14px;
    border-top: 1px solid var(--neutral-150);
}

.yorum-form-detay-baslik {
    margin: 0 0 6px;
    font-size: 17px;
    font-weight: 600;
    color: var(--neutral-900);
}

.yorum-form-detay-alt {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: flex-end;
    margin-top: 4px;
}

.btn-yorum-iptal {
    background: #fff;
    border: 1px solid var(--neutral-200);
    color: var(--neutral-700);
    padding: 10px 18px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    font-family: inherit;
}

.btn-yorum-iptal:hover {
    background: var(--neutral-50);
}

.yorum-ekle-formu h3 {
    margin: 0 0 16px 0;
    font-size: 18px;
    color: var(--neutral-900);
}

.yorum-randevu-aciklama {
    font-size: 14px;
    color: var(--neutral-600);
    margin: -8px 0 16px 0;
    line-height: 1.45;
}

.yorum-randevu-select {
    width: 100%;
    max-width: 420px;
    padding: 10px 12px;
    border: 1px solid var(--neutral-200);
    border-radius: 8px;
    font-size: 15px;
    font-family: inherit;
    background: #fff;
}

.yorum-randevu-tek {
    margin: 0;
    padding: 10px 14px;
    background: var(--neutral-50);
    border: 1px solid var(--neutral-200);
    border-radius: 8px;
    font-size: 14px;
    color: var(--neutral-800);
    max-width: 420px;
}

.yildiz-secim {
    display: flex;
    gap: 6px;
    margin: 8px 0 12px 0;
}

.yildiz-secim .yildiz-btn {
    background: none;
    border: none;
    padding: 4px;
    cursor: pointer;
    font-size: 26px;
    line-height: 1;
    color: #c9c9c9;
    transition: color 0.15s, transform 0.12s;
}

.yildiz-secim .yildiz-btn i {
    pointer-events: none;
}

.yildiz-secim .yildiz-btn.dolu {
    color: #ffc107;
}

.yildiz-secim .yildiz-btn:hover {
    transform: scale(1.08);
}

.yildiz-secim .yildiz-btn.dolu:hover {
    color: #ffb300;
}

.yildiz-secim .yildiz-btn:not(.dolu):hover {
    color: #e6ac00;
}

.yorum-ekle-formu .form-grup {
    margin-bottom: 16px;
}

.yorum-ekle-formu label {
    display: block;
    font-weight: 500;
    margin-bottom: 6px;
    color: var(--neutral-700);
}

.yorum-ekle-formu textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid var(--neutral-200);
    border-radius: 8px;
    font-family: inherit;
    resize: vertical;
}

.btn-yorum-gonder {
    background: var(--primary-500);
    color: #fff;
    border: none;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 500;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.btn-yorum-gonder:hover {
    background: var(--primary-600);
}

.yorum-form-message {
    margin: 12px 0;
    font-size: 14px;
}

.yorum-form-message.basarili {
    color: #0abb75;
}

.yorum-form-message.hata {
    color: #e74c3c;
}

.yorum-bilgi {
    color: var(--neutral-600);
    margin-bottom: 20px;
    font-size: 14px;
}

.yorum-bilgi .link-btn {
    background: none;
    border: none;
    color: var(--primary-500);
    text-decoration: underline;
    cursor: pointer;
    font-size: inherit;
}

.yorum-bilgi.yorum-tesekkur {
    color: #0abb75;
    font-weight: 500;
}

.yorum-yok {
    color: var(--neutral-500);
    font-style: italic;
    padding: 20px 0;
}

.yorum-yanit {
    margin-top: 16px;
    padding: 12px;
    background: #f3123d0a;
    border-left: 1px dashed var(--primary-500);
}

.yorum-yanit strong {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    color: var(--neutral-700);
}

.yorum-yanit p {
    margin: 0;
    font-size: 14px;
    color: var(--neutral-600);
    line-height: 1.5;
}

.yorum-listesi {
    margin-top: 20px;
}

.yorum-ogesi {
    background: #fff;
    border: 1px solid var(--neutral-150);
    border-radius: var(--radius-lg);
    padding: 20px;
    margin-bottom: 15px;
    transition: var(--transition);
}

.yorum-ogesi:hover {
    box-shadow: var(--shadow-sm);
}

.yorum-ogesi.yorum-gizli {
    display: none;
}

.yorum-ust {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 15px;
}

.yorumcu-bilgi {
    display: flex;
    align-items: center;
    gap: 12px;
}

.yorumcu-avatar {
    width: 48px;
    height: 48px;
    min-width: 48px;
    border-radius: 50%;
    background: var(--surface-pink);
    color: var(--primary-500);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 18px;
    overflow: hidden;
    flex-shrink: 0;
}

.yorumcu-avatar-resim {
    padding: 0;
    background: var(--neutral-100);
}

.yorumcu-avatar-resim img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.yorumcu-detay h4 {
    margin: 0;
    color: var(--neutral-900);
    font-size: 16px;
    font-weight: 500;
}

.yorum-tarihi {
    color: var(--neutral-500);
    font-size: 13px;
}

.yorum-puan {
    font-size: 14px;
    display: flex;
    gap: 2px;
    align-items: center;
}

.yorum-puan i {
    margin-right: 0;
}

/* Konteyner rengi alt öğelere miras kalmasın: sadece dolu yıldızlar sarı */
.yorum-puan i.filled,
.yorum-puan i.fa-star-half-alt {
    color: #ffc107;
}

.yorum-puan i:not(.filled):not(.fa-star-half-alt) {
    color: #d1d5db;
}

.yorum-metin {
    color: var(--neutral-600);
    line-height: 1.6;
    margin: 0;
    font-size: 14px;
}

.daha-fazla-yorum-btn {
    width: 100%;
    padding: 12px;
    background: var(--neutral-100);
    border: 1px solid var(--neutral-150);
    border-radius: 8px;
    color: var(--neutral-600);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: var(--transition);
}

.daha-fazla-yorum-btn:hover {
    background: var(--surface-pink);
    color: var(--primary-500);
    border-color: var(--primary-500);
}

@media (max-width: 768px) {
    .yorum-ust {
        flex-direction: column;
        gap: 10px;
    }
}