/**
 * @file: recipe-display.css
 * @description: Стилі для відображення рецептів на frontend
 * @created: 2025-11-01
 */

/* ========================================
   ПРИХОВАТИ PRIVATE NOTES
   ======================================== */

/* Приховуємо Private Notes блок від WPRM */
.wprm-recipe-private-notes,
.wprm-recipe-private-notes-container {
    display: none !important;
}

/* Також приховуємо якщо є клас з префіксом */
[class*="private-notes"],
[class*="private_notes"] {
    display: none !important;
}

/* ========================================
   ПРИХОВАТИ RATING BLOCK
   ======================================== */

/* Приховуємо чорний блок "Спробували цей рецепт?" (call-to-action) */
.wprm-recipe-call-to-action,
.wprm-call-to-action {
    display: none !important;
}

/* НЕ приховуємо rating stars - вони потрібні для відображення! */
/* Тільки приховуємо форму для голосування */
.wprm-recipe-rating-form {
    display: none !important;
}

/* ========================================
   ДОДАТКОВІ ТАКСОНОМІЇ (PILLS)
   ======================================== */

/* Контейнер для pills - в 1 рядок, як у WPRM meta */
.gotuimo-meta-pills-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
    margin-bottom: 0;
    align-items: center;
}

/* Окремий pill - стиль як у WPRM */
.gotuimo-meta-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: transparent;
    color: inherit;
    padding: 0;
    border-radius: 0;
    font-size: 14px;
    line-height: 1.6;
    white-space: nowrap;
}

.gotuimo-meta-pill strong {
    font-weight: 600;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .gotuimo-meta-pills-container {
        flex-direction: column;
        align-items: flex-start;
    }
}