/* ============================================================
   STICK — POST-IT OFFICE EDITION v3 (Custom Order 2025)
   1 Μπλε → 2 Κίτρινο → 3 Πράσινο → 4 Ροζ → 5 Orange + Hover lift-up
============================================================ */
.ulse-stick {
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin: 30px auto;
    padding: 10px 0;
}

.ulse-stick .stick-note {
    position: relative;
    padding: 28px 34px;
    width: 100%;
    max-width: 780px;
    font-size: 18px;
    line-height: 1.75;
    border-radius: 8px;
    box-shadow:
        0 6px 14px rgba(0,0,0,0.22),
        0 12px 24px rgba(0,0,0,0.14);
    background-image:
        radial-gradient(circle at 35% 25%, rgba(255,255,255,0.5), transparent 60%),
        repeating-linear-gradient(90deg, rgba(255,255,255,0.08) 0, rgba(0,0,0,0.04) 2px, transparent 3px);
    background-blend-mode: screen;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-origin: center center;
}

/* Hover Lift-Up Effect (όλα τα χαρτάκια) */
.ulse-stick .stick-note:hover {
    transform: translateY(-12px) scale(1.02) !important;
    box-shadow:
        0 20px 40px rgba(0,0,0,0.28),
        0 30px 50px rgba(0,0,0,0.20);
    z-index: 10;
}

/* ============================================================= */
/* 1 ΠΡΩΤΟ ΧΑΡΤΑΚΙ → Μπλε + tape-orange αριστερά + στροφή δεξιά  */
/* ============================================================= */
.ulse-stick .stick-note:nth-child(5n+1) {
    background-color: #d5eeff;                    /* Sky Blue */
    transform: rotate(2.2deg);
}
.ulse-stick .stick-note:nth-child(5n+1)::before {
    content: "";
    background-image: url("../img/stick/tape-orange.png");
    width: 76px;
    height: 56px;
    top: -16px;
    left: 20px;                     /* ΑΡΙΣΤΕΡΑ */
    transform: translateX(0);
}

/* ============================================================= */
/* 2 ΔΕΥΤΕΡΟ → Κίτρινο + pin-green δεξιά + στροφή αριστερά       */
/* ============================================================= */
.ulse-stick .stick-note:nth-child(5n+2) {
    background-color: #fff6b0;                    /* Classic Yellow */
    transform: rotate(-2deg);
}
.ulse-stick .stick-note:nth-child(5n+2)::before {
    background-image: url("../img/stick/pin-green.png");
    width: 52px;
    height: 52px;
    top: -14px;
    left: auto;
    right: 24px;                    /* ΔΕΞΙΑ */
    transform: translateX(0);
}

/* ============================================================= */
/* 3 ΤΡΙΤΟ → Πράσινο + clip-red στο κέντρο + ίσιο                 */
/* ============================================================= */
.ulse-stick .stick-note:nth-child(5n+3) {
    background-color: #d9ffdf;                    /* Mint Green */
    transform: rotate(0deg);
}
.ulse-stick .stick-note:nth-child(5n+3)::before {
    background-image: url("../img/stick/clip-red.png");
    width: 48px;
    height: 48px;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
}

/* ============================================================= */
/* 4 ΤΕΤΑΡΤΟ → Ροζ + clip-blue αριστερά + στροφή δεξιά            */
/* ============================================================= */
.ulse-stick .stick-note:nth-child(5n+4) {
    background-color: #ffdce5;                    /* Soft Pink */
    transform: rotate(1.8deg);
}
.ulse-stick .stick-note:nth-child(5n+4)::before {
    background-image: url("../img/stick/clip-blue.png");
    width: 46px;
    height: 50px;
    top: -14px;
    left: 18px;                     /* ΑΡΙΣΤΕΡΑ */
    transform: translateX(0);
}

/* ============================================================= */
/* 5 ΠΕΜΠΤΟ → Office Orange + pin-red στο κέντρο + ίσιο (δικό σου combo) */
/* ============================================================= */
.ulse-stick .stick-note:nth-child(5n+5) {
    background-color: #ffe4ba;                    /* Office Orange */
    transform: rotate(0deg);
}
.ulse-stick .stick-note:nth-child(5n+5)::before {
    background-image: url("../img/stick/pin-red.png");
    width: 54px;
    height: 54px;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
}

/* ============================================================= */
/* Γενικός κανόνας για όλα τα ::before (για να μην κληρονομούνται λάθος) */
/* ============================================================= */
.ulse-stick .stick-note::before {
    content: "";
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
    z-index: 2;
}