/**
 * Kokken — Single Product Page
 * Availability badge + single-product layout tweaks
 */

/* ══════════════════════════════════════════════════════════
   AVAILABILITY BADGE  (.kk-availability)
   ══════════════════════════════════════════════════════════ */
.kk-availability {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: 6px 0 12px;
    padding: 6px 13px 6px 10px;
    border-radius: 20px;
    font-size: .82rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .01em;
}

/* Pulsing dot */
.kk-avail__dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

/* ── Άμεσα διαθέσιμο (green) ── */
.kk-avail--immediate {
    background: #edfaf3;
    color: #1a7a45;
    border: 1px solid #b2e8cc;
}
.kk-avail--immediate .kk-avail__dot {
    background: #27ae60;
    box-shadow: 0 0 0 0 rgba(39,174,96,.6);
    animation: kk-pulse-green 1.8s ease-out infinite;
}

/* ── 1–3 ημέρες (amber) ── */
.kk-avail--soon {
    background: #fffbec;
    color: #7a5a00;
    border: 1px solid #f0d88a;
}
.kk-avail--soon .kk-avail__dot {
    background: #e6a817;
    box-shadow: 0 0 0 0 rgba(230,168,23,.6);
    animation: kk-pulse-amber 1.8s ease-out infinite;
}

/* ── 4–10 ημέρες (orange) ── */
.kk-avail--later {
    background: #fff4ed;
    color: #7a3800;
    border: 1px solid #f5c09a;
}
.kk-avail--later .kk-avail__dot {
    background: #e8650a;
    box-shadow: 0 0 0 0 rgba(232,101,10,.6);
    animation: kk-pulse-orange 1.8s ease-out infinite;
}

/* ── Εξαντλημένο (red) ── */
.kk-avail--out {
    background: #fdf2f2;
    color: #7a1a1a;
    border: 1px solid #f0b8b8;
}
.kk-avail--out .kk-avail__dot {
    background: #c0392b;
    /* χωρίς animation — το προϊόν δεν είναι διαθέσιμο */
}

/* ── Pulse keyframes ── */
@keyframes kk-pulse-green {
    0%   { box-shadow: 0 0 0 0 rgba(39,174,96,.55); }
    70%  { box-shadow: 0 0 0 7px rgba(39,174,96,0); }
    100% { box-shadow: 0 0 0 0 rgba(39,174,96,0); }
}
@keyframes kk-pulse-amber {
    0%   { box-shadow: 0 0 0 0 rgba(230,168,23,.55); }
    70%  { box-shadow: 0 0 0 7px rgba(230,168,23,0); }
    100% { box-shadow: 0 0 0 0 rgba(230,168,23,0); }
}
@keyframes kk-pulse-orange {
    0%   { box-shadow: 0 0 0 0 rgba(232,101,10,.55); }
    70%  { box-shadow: 0 0 0 7px rgba(232,101,10,0); }
    100% { box-shadow: 0 0 0 0 rgba(232,101,10,0); }
}