/* =========================================================================
   Formlar, bildirimler ve uzman görüşleri
   ========================================================================= */

/* --- Bildirim şeridi --- */
.flash {
    padding: var(--sp-4) var(--sp-5);
    border-radius: var(--radius);
    border: 1px solid var(--border);
    margin-bottom: var(--sp-6);
    font-size: var(--text-base);
    line-height: var(--leading-snug);
}
.flash--success { background: var(--rx-yesil-bg);   color: var(--rx-yesil-fg);   border-color: var(--rx-yesil-edge); }
.flash--error   { background: var(--rx-kirmizi-bg); color: var(--rx-kirmizi-fg); border-color: var(--rx-kirmizi-edge); }
.flash--info    { background: var(--bg-sunken);     color: var(--text-muted); }

/* --- Form --- */
.form {
    background: var(--bg-elevated);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: var(--sp-6);
}

.form__row { margin-bottom: var(--sp-5); }

.form__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 var(--sp-4);
}
@media (max-width: 620px) {
    .form__grid { grid-template-columns: 1fr; }
}

.form__label {
    display: block;
    font-weight: 580;
    font-size: var(--text-sm);
    margin-bottom: var(--sp-2);
}

.form__input {
    width: 100%;
    padding: var(--sp-3) var(--sp-4);
    background: var(--bg);
    border: 1px solid var(--border-strong);
    border-radius: var(--radius);
    font-size: var(--text-base);
    color: var(--text);
    transition: border-color var(--transition), box-shadow var(--transition);
}
.form__input:focus {
    outline: none;
    border-color: var(--brand-400);
    box-shadow: var(--ring);
}

.form__textarea { resize: vertical; min-height: 140px; line-height: var(--leading-normal); }

.form__hint {
    display: block;
    margin-top: var(--sp-2);
    font-size: var(--text-xs);
    color: var(--text-subtle);
    line-height: var(--leading-snug);
}

.form__error {
    display: block;
    margin-top: var(--sp-2);
    font-size: var(--text-xs);
    color: var(--rx-kirmizi-fg);
    font-weight: 550;
}

/* Yan yana giriş + düğmeler (yönetim paneli) */
.form--inline {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2);
    align-items: center;
    background: none;
    border: 0;
    padding: 0;
}
.form--inline .form__input { flex: 1; min-width: 200px; }

/* --- Uzman görüşleri --- */
.reviews {
    display: flex;
    flex-direction: column;
    gap: var(--sp-4);
    margin-bottom: var(--sp-6);
}

.review {
    background: var(--bg-elevated);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: var(--sp-5);
}

.review__head {
    display: flex;
    align-items: flex-start;
    gap: var(--sp-3);
    margin-bottom: var(--sp-3);
}

.review__avatar {
    width: 40px; height: 40px;
    flex-shrink: 0;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--brand-500), var(--brand-700));
    color: #fff;
    font-weight: 680;
    font-size: var(--text-md);
}

.review__who { flex: 1; min-width: 0; }

.review__name {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--sp-2);
    font-weight: 620;
    line-height: var(--leading-snug);
}

.review__verified {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 1px var(--sp-2);
    border-radius: var(--radius-pill);
    background: var(--rx-yesil-bg);
    color: var(--rx-yesil-fg);
    border: 1px solid var(--rx-yesil-edge);
    font-size: var(--text-xs);
    font-weight: 620;
}
.review__verified svg { width: 11px; height: 11px; }

.review__meta {
    display: block;
    font-size: var(--text-sm);
    color: var(--text-subtle);
    margin-top: 2px;
}

.review__date {
    font-size: var(--text-xs);
    color: var(--text-subtle);
    white-space: nowrap;
}

.review__body {
    color: var(--text-muted);
    line-height: var(--leading-normal);
}

.review-form { margin-top: var(--sp-2); }
.review-form .btn { margin-top: var(--sp-4); }