/* WCI Product List — κοινό CSS: popup μοντέλων, γραμμή φίλτρου OEM, πεδία σελίδας προϊόντος.
   Φορτώνει στις λίστες ΚΑΙ στη σελίδα προϊόντος. Δεν περιέχει κανόνες που κρύβουν στοιχεία του θέματος. */

/* ------------------------------------------------------------------
   0.2.0 — popup μοντέλων
   ------------------------------------------------------------------ */
.wci-models-link,
.wci-models-link:visited {
    color: #218322;
    font-weight: 700;
    text-decoration: underline;
    cursor: help;
}

.wci-models-link:hover,
.wci-models-link:focus-visible,
.wci-models-link[aria-expanded="true"] {
    color: #145214;
}

.wci-models-link:focus-visible {
    outline: 2px solid #218322;
    outline-offset: 2px;
    border-radius: 2px;
}

.wci-models-popover {
    position: fixed;
    z-index: 99999;
    box-sizing: border-box;
    width: max-content;
    max-width: min(440px, calc(100vw - 16px));
    max-height: min(50vh, 360px);
    overflow-y: auto;
    padding: 10px 12px;
    border: 1px solid #a6a6a6;
    border-radius: 5px;
    background: #fff;
    color: #222;
    font-size: 12px;
    line-height: 1.4;
    text-align: left;
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.18);
}

.wci-models-popover[hidden] {
    display: none;
}

.wci-models-group + .wci-models-group {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #e3e3e3;
}

.wci-models-group__brand {
    display: block;
    margin-bottom: 4px;
    font-size: 12px;
    color: #218322;
}

.wci-models-group__list {
    display: flex;
    flex-wrap: wrap;
    gap: 3px 4px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.wci-models-group__list li {
    margin: 0;
    padding: 0;
    border-radius: 3px;
    background: #f1f4ec;
    white-space: nowrap;
}

/* Απλό κείμενο (όταν δεν υπάρχει σύνδεσμος) κρατά το ίδιο padding */
.wci-models-group__list li.wci-models-plain {
    padding: 1px 7px;
}

.wci-models-group__list li a,
.wci-models-group__list li a:visited {
    display: block;
    padding: 1px 7px;
    border-radius: 3px;
    color: #222;
    text-decoration: none;
}

.wci-models-group__list li a:hover,
.wci-models-group__list li a:focus-visible {
    background: #218322;
    color: #fff;
    text-decoration: none;
}

@media (prefers-reduced-motion: no-preference) {
    .wci-models-popover:not([hidden]) {
        animation: wci-models-in 0.12s ease-out;
    }

    @keyframes wci-models-in {
        from { opacity: 0; transform: translateY(-3px); }
        to   { opacity: 1; transform: none; }
    }
}

/* ------------------------------------------------------------------
   0.3.0 — γραμμή ενεργού φίλτρου OEM
   ------------------------------------------------------------------ */
.wci-filter-notice {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 14px;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 12px;
    padding: 8px 12px;
    border: 1px solid #a6a6a6;
    border-left: 4px solid #218322;
    border-radius: 5px;
    background: #fff;
    color: #222;
    font-size: 13px;
}

.wci-filter-notice a {
    color: #0756a5;
    font-weight: 600;
    white-space: nowrap;
}

/* ------------------------------------------------------------------
   0.4.0 — πεδία στη σελίδα προϊόντος (μέσα στο .product_meta)
   ------------------------------------------------------------------ */
.product_meta .wci-meta-row {
    display: block;
}

.product_meta .wci-meta-row .wci-product-row__models {
    display: inline;
}

.wci-meta-row--oem a + a {
    margin-left: 0;
}

/* ------------------------------------------------------------------
   0.5.0 — μπάρα αποθέματος (λίστα + σελίδα προϊόντος)
   κόκκινο = 0 · πορτοκαλί = μέχρι το ελάχιστο · πράσινο = πάνω από το ελάχιστο
   Το πλήθος των τμημάτων (1/2/3) δίνει την ίδια πληροφορία χωρίς χρώμα.
   ------------------------------------------------------------------ */
.wci-stock {
    --wci-stock-off: #d5d8d2;
    --wci-stock-on: #9aa0a6;
    display: inline-flex;
    gap: 2px;
    vertical-align: middle;
    line-height: 0;
    cursor: help;
}

.wci-stock__seg {
    display: block;
    width: 14px;
    height: 6px;
    border-radius: 2px;
    background: var(--wci-stock-off);
}

.wci-stock--out { --wci-stock-on: #c62828; }
.wci-stock--low { --wci-stock-on: #d97706; }
.wci-stock--ok  { --wci-stock-on: #2e8b3a; }

.wci-stock--out .wci-stock__seg:nth-child(1),
.wci-stock--low .wci-stock__seg:nth-child(-n+2),
.wci-stock--ok .wci-stock__seg {
    background: var(--wci-stock-on);
}

/* Συμπαγής μπάρα αντί για τμήματα (φίλτρο wci_product_list_stock_bar_style = 'solid') */
.wci-stock--solid {
    gap: 0;
}

.wci-stock--solid .wci-stock__seg {
    background: var(--wci-stock-on);
    border-radius: 0;
}

.wci-stock--solid .wci-stock__seg:first-child { border-radius: 3px 0 0 3px; }
.wci-stock--solid .wci-stock__seg:last-child  { border-radius: 0 3px 3px 0; }

.wci-stock--lg .wci-stock__seg {
    width: 22px;
    height: 8px;
}

.wci-stock-single {
    margin: 0 0 1em;
}

@media (forced-colors: active) {
    .wci-stock__seg {
        background: GrayText;
    }

    .wci-stock--out .wci-stock__seg:nth-child(1),
    .wci-stock--low .wci-stock__seg:nth-child(-n+2),
    .wci-stock--ok .wci-stock__seg {
        background: Highlight;
    }
}