/**
 * Βοηθός αναζήτησης — μία γραμμή κάτω από τον μετρητή αποτελεσμάτων.
 *
 * Σκόπιμα διακριτικό: είναι πρόταση, όχι διαφήμιση. Δανείζεται το
 * --color-primary του θέματος ώστε να μη μοιάζει ξένο σώμα.
 */

.kps-assist {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px 16px;

    margin: 10px 0 18px;
    padding: 12px 16px;

    border: 1px solid var(--color-primary, #6b3fa0);
    border-left-width: 4px;
    border-radius: 6px;
    background: rgba(107, 63, 160, .04);

    font-size: 15px;
    line-height: 1.45;
}

.kps-assist-body {
    flex: 1 1 260px;
}

.kps-assist-lead {
    font-weight: 600;
}

.kps-assist-label {
    color: var(--color-primary, #6b3fa0);
    font-weight: 700;
}

.kps-assist-count {
    color: #555;
}

/* Η εξήγηση όταν δεν υπάρχει το ζητούμενο. Δεν είναι σφάλμα — είναι
   απάντηση — αλλά ξεχωρίζει από το «βρέθηκαν». */
.kps-assist--explain {
    border-color: #b8860b;
    background: rgba(184, 134, 11, .05);
}

.kps-assist--explain .kps-chip {
    border-color: #b8860b;
    color: #8a6508;
}

.kps-assist--explain .kps-chip:hover {
    background: #b8860b;
    color: #fff;
}

.kps-assist--explain .kps-assist-refine {
    border-top-color: rgba(184, 134, 11, .2);
}

.kps-assist-msg {
    font-weight: 500;
}

/* Απάντηση σε ερώτηση. Πεζό βάρος γραμμάτων και περισσότερος αέρας: είναι
   κείμενο για διάβασμα, όχι ειδοποίηση. */
.kps-assist--answer {
    border-color: var(--color-primary, #6b3fa0);
    background: rgba(107, 63, 160, .04);
}

.kps-assist--answer .kps-assist-msg {
    font-weight: 400;
    line-height: 1.6;
    white-space: pre-line;
}

/* Όσο περιμένουμε: διακριτικό, χωρίς χρώμα που τραβάει το μάτι. */
.kps-assist--pending {
    border-color: #ccc;
    background: rgba(0, 0, 0, .02);
    opacity: .75;
}

.kps-assist--pending .kps-assist-msg {
    font-weight: 400;
    color: #666;
}

.kps-assist-apply,
.kps-assist-undo {
    flex: 0 0 auto;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    padding: 10px 18px;
    border-radius: 4px;
    transition: opacity .15s ease;
}

.kps-assist-apply {
    border: none;
    background: var(--color-primary, #6b3fa0);
    color: #fff;
}

.kps-assist-undo {
    border: 1px solid var(--color-primary, #6b3fa0);
    background: transparent;
    color: var(--color-primary, #6b3fa0);
}

.kps-assist-apply:hover,
.kps-assist-undo:hover {
    opacity: .85;
}

/* Η ερώτηση στένεψης: το «θέλετε συγκεκριμένη διάσταση;» του chatbot, σε
   κουμπιά. Κάθε κουμπί δείχνει πόσα προϊόντα θα μείνουν — καμία επιλογή
   δεν αδειάζει τη σελίδα. */
.kps-assist-refine {
    flex: 1 1 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;

    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(107, 63, 160, .15);
}

.kps-assist-ask {
    font-size: 14px;
    color: #555;
    margin-right: 2px;
}

.kps-chip {
    cursor: pointer;
    font-size: 13px;
    line-height: 1;
    padding: 7px 12px;
    border-radius: 999px;
    border: 1px solid var(--color-primary, #6b3fa0);
    background: #fff;
    color: var(--color-primary, #6b3fa0);
    transition: background .15s ease, color .15s ease;
}

.kps-chip:hover {
    background: var(--color-primary, #6b3fa0);
    color: #fff;
}

/* Το κουτάκι βάρους που φτιάχνεται δυναμικά: ίδιο με τα υπόλοιπα, αλλά
   με μια διακριτική ένδειξη ότι ήρθε από τη βοήθεια. */
.kps-ai-weight label::after {
    content: '✦';
    margin-left: 6px;
    font-size: 11px;
    color: var(--color-primary, #6b3fa0);
}

@media (max-width: 600px) {
    .kps-assist {
        align-items: stretch;
    }

    .kps-assist-apply,
    .kps-assist-undo {
        width: 100%;
    }
}