/* ===========================================
   COCOS-OFF: Dezactivare temporară cocos
   Șterge acest fișier la reactivare (4 MAI)
   =========================================== */

/* --- BENTO: Cocos gri + overlay dramatic --- */
.bento-cell.cocos-disabled {
    position: relative;
    pointer-events: none;
}

    .bento-cell.cocos-disabled img {
        filter: grayscale(100%) brightness(0.35) !important;
        transition: none !important;
    }

    .bento-cell.cocos-disabled .bento-overlay {
        background: rgba(0,0,0,0.6) !important;
    }
    /* Ascunde arrow și subtitlul vechi */
    .bento-cell.cocos-disabled .bento-arrow {
        display: none !important;
    }

    .bento-cell.cocos-disabled .bento-sub:not(.cocos-revine-text) {
        display: none !important;
    }
/* Text REVINE PE 4 MAI — mare și vizibil */
.cocos-revine-text {
    color: #ff4444 !important;
    font-weight: 800 !important;
    font-size: 1.4rem !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    text-shadow: 0 2px 8px rgba(0,0,0,0.8) !important;
    animation: pulsRevine 2s ease-in-out infinite !important;
}

@keyframes pulsRevine {
    0%, 100% {
        opacity: 0.8;
    }

    50% {
        opacity: 1;
    }
}

@media (min-width: 769px) {
    .cocos-revine-text {
        font-size: 1.8rem !important;
        letter-spacing: 3px !important;
    }
    /* SWAP BENTO: Lemn pe prima poziție (mai lat), Cocos pe a doua */
    .bento-cell.bento-lemn {
        grid-column: 1 / 8 !important;
        grid-row: 1 !important;
    }

    .bento-cell.bento-cocos {
        grid-column: 8 / 13 !important;
        grid-row: 1 !important;
    }
}

/* --- PACHETE: Selector cocos dezactivat --- */
label[for="optiune-cocos"] {
    opacity: 0.35 !important;
    pointer-events: none !important;
    position: relative;
}

    label[for="optiune-cocos"]::after {
        content: "Indisponibil";
        position: absolute;
        bottom: 4px;
        left: 50%;
        transform: translateX(-50%);
        font-size: 0.65rem;
        color: #ff4444;
        font-weight: 700;
        text-transform: uppercase;
        white-space: nowrap;
    }

/* --- Cercuri mobile: cocos gri --- */
.cerc-carbuni {
    opacity: 0.35;
    pointer-events: none;
}