/*!
 * Nourish Ingredients Theme — Main CSS
 * Loaded after style.css
 *
 * @package NourishIngredients
 */

/* ============================================================
 * Pagination
 * ============================================================ */
.ni-pagination {
    display: flex;
    justify-content: center;
    gap: var(--ni-space-2);
    margin-top: var(--ni-space-12);
}
.ni-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 var(--ni-space-3);
    border: 1px solid var(--ni-border);
    border-radius: var(--ni-radius-sm);
    color: var(--ni-text);
    text-decoration: none;
    font-weight: 500;
    transition: all var(--ni-transition);
}
.ni-pagination .page-numbers:hover {
    background: var(--ni-bg-warm);
    border-color: var(--ni-primary);
    color: var(--ni-primary);
}
.ni-pagination .page-numbers.current {
    background: var(--ni-primary);
    border-color: var(--ni-primary);
    color: var(--ni-text-inverse);
}

/* ============================================================
 * Comment form polish
 * ============================================================ */
.comment-form label { display: block; margin-bottom: var(--ni-space-2); font-weight: 600; }
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
    width: 100%;
    padding: var(--ni-space-3) var(--ni-space-4);
    border: 1px solid var(--ni-border);
    border-radius: var(--ni-radius-sm);
    font-family: inherit;
    font-size: var(--ni-text-base);
    background: var(--ni-bg);
}
.comment-form .submit,
.comment-reply-link {
    display: inline-flex;
    align-items: center;
    padding: var(--ni-space-3) var(--ni-space-6);
    background: var(--ni-accent);
    color: var(--ni-text-inverse);
    border-radius: var(--ni-radius-sm);
    border: none;
    cursor: pointer;
    font-weight: 600;
    text-decoration: none;
}
.comment-form .submit:hover { background: var(--ni-accent-dark); }

/* ============================================================
 * Form status messages
 * ============================================================ */
.ni-form-status.is-success { color: var(--ni-success); }
.ni-form-status.is-error   { color: var(--ni-error); }

/* ============================================================
 * Inline notice (admin-style alert)
 * ============================================================ */
.ni-notice {
    background: var(--ni-bg-warm);
    border-left: 4px solid var(--ni-accent);
    padding: var(--ni-space-4) var(--ni-space-6);
    border-radius: var(--ni-radius-sm);
    margin: var(--ni-space-6) 0;
}
.ni-notice--info  { border-left-color: var(--ni-primary); }
.ni-notice--warn  { border-left-color: var(--ni-warning); }
.ni-notice--error { border-left-color: var(--ni-error); }

/* ============================================================
 * Animations
 * ============================================================ */
@keyframes ni-fade-in {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}
.ni-fade-in {
    animation: ni-fade-in 0.4s ease-out;
}

/* ============================================================
 * Print
 * ============================================================ */
@media print {
    .ni-header, .ni-footer, .ni-trust, .ni-cta, .ni-pagination { display: none; }
    body { background: white; color: black; font-size: 12pt; }
    .ni-product-detail__gallery { display: none; }
}