/* =============================================================
   QUANTUM — main.css (CSS bổ sung cho module, KHÔNG đè style.css)
   Màu sắc: dùng CSS variables từ config.json (setting_color.css)
   ============================================================= */

/* === HEADER: logo ảnh (khi admin upload logo) === */
.logo__img { max-height: 56px; width: auto; display: block; }
.logo--footer .logo__img { max-height: 44px; }

/* === HEADER: search form (wrapper input + submit) === */
.search__form > .d-flex { flex: 1 1 auto; }

/* === MODULE: newsletter (form đăng ký tư vấn) === */
.form-newsletter .form-control { border-radius: 8px; font-size: .9rem; }
.form-newsletter .form-newsletter__notification { margin: 0; }
.form-newsletter .valid { font-size: .85rem; }
.form-newsletter .valid.error { color: #dc3545; margin-top: 6px; }
.form-newsletter .valid.newsletter-success { color: #28a745; margin-top: 6px; }

/* === MODULE: pagination (hệ thống render <ul class="pagination">) === */
.pagination-wrap .pagination .page-item.active .page-link,
.pagination-wrap .pagination li.active a,
.pagination-wrap .pagination li.active span {
    background: var(--qc-green);
    border-color: var(--qc-green);
    color: #fff;
}
.pagination-wrap .pagination li a,
.pagination-wrap .pagination li span {
    color: var(--qc-slate);
    padding: .5rem .75rem;
    border: 1px solid var(--qc-border);
    margin-left: -1px;
    display: block;
}