/*
 * Road Ready Picks: lop thuong hieu tren lat-review-child (nap sau style cua child).
 * Bo token DUY NHAT cua site (rule H2). Khong sua style.css cua theme vi theme tu cap nhat.
 * Accent navy #1F4E79 thay do #e71d1d cua demo LAT Review. Nut CTA dung cam dat #B5532F:
 * chu trang tren nen nay dat tuong phan ~6:1 (WCAG AA).
 */
:root {
    --qgp-brand: #1F4E79;
    --qgp-brand-deep: #163A5A;
    --qgp-brand-light: #E8EFF6;
    --qgp-cta: #B5532F;
    --qgp-cta-hover: #9A4527;
    --qgp-cta-shadow: #7E3820;
    --qgp-on-cta: #FFFFFF;
}

/* Token cua lat-review-child va theme cha, chi o che do sang (giu dark mode cua cha neu co). */
:root:not([data-theme="dark"]) {
    --gold: var(--qgp-brand);
    --gold-deep: var(--qgp-brand-deep);
    --sale: var(--qgp-brand);
    --color-primary: var(--qgp-brand);
    --color-primary-hover: var(--qgp-brand-deep);
    --color-primary-dark: var(--qgp-brand-deep);
    --color-primary-light: var(--qgp-brand-light);
    --color-primary-rgb: 13, 115, 119;
    --color-accent: var(--qgp-brand);
    --color-accent-hover: var(--qgp-brand-deep);
    --color-accent-light: var(--qgp-brand-light);
    --acms-primary-rgb: 13, 115, 119;
    --acms-star-active: var(--qgp-brand);
}

/* Logo: bo hang sao trang tri cua wordmark demo. */
.logo .logo-score {
    display: none !important;
}

/* Footer: an icon mang xa hoi demo (link "#") khi chua co tai khoan that. */
footer .social a[href="#"] {
    display: none;
}

/* Nut "Check price on Amazon" (class qgp-btn do filter the_content gan). */
.entry-content a.qgp-btn,
.page-body a.qgp-btn,
a.qgp-btn {
    display: block;
    max-width: 420px;
    margin: 14px 0 22px;
    padding: 14px 18px;
    background: var(--qgp-cta);
    color: var(--qgp-on-cta) !important;
    text-align: center;
    font-weight: 700;
    font-size: 17px;
    line-height: 1.3;
    border-radius: 10px;
    text-decoration: none !important;
    box-shadow: 0 2px 0 var(--qgp-cta-shadow);
}

a.qgp-btn:hover,
a.qgp-btn:focus {
    background: var(--qgp-cta-hover);
    color: var(--qgp-on-cta) !important;
}

@media (max-width: 600px) {
    a.qgp-btn {
        max-width: none;
        width: 100%;
    }
}

/* Khung san pham theo khuon thay, chep tu site 1 */
:root { --qgp-line:#E4E4E4; --qgp-good:#1E7A4F; --qgp-bad:#B5532F; --color-primary:var(--qgp-brand); --color-primary-dark:var(--qgp-brand-deep); --color-primary-light:var(--qgp-brand-light); }
.entry-content ul.qgp-specs,
ul.qgp-specs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px 24px;
    margin: 12px 0 16px;
    padding: 14px 16px;
    border: 1px solid var(--qgp-line);
    border-radius: 10px;
    background: var(--color-primary-light);
    list-style: none;
    font-size: 15px;
    line-height: 1.4;
}
ul.qgp-specs li {
    margin: 0;
    padding: 0;
}
ul.qgp-specs li::before {
    content: none;
}
ul.qgp-specs strong {
    color: var(--color-primary-dark);
}
ul.qgp-pros,
ul.qgp-cons,
ul.qgp-fit,
ul.qgp-skip {
    margin: 0 0 16px;
    padding: 0;
    list-style: none;
}
ul.qgp-pros li,
ul.qgp-cons li,
ul.qgp-fit li,
ul.qgp-skip li {
    position: relative;
    margin-bottom: 6px;
    padding-left: 24px;
    line-height: 1.45;
}
ul.qgp-pros li::before,
ul.qgp-cons li::before,
ul.qgp-fit li::before,
ul.qgp-skip li::before {
    position: absolute;
    left: 0;
    font-weight: 800;
}
ul.qgp-pros li::before { content: '\2713'; color: var(--qgp-good); }
ul.qgp-cons li::before { content: '\2715'; color: var(--qgp-bad); }
ul.qgp-fit li::before { content: '\2192'; color: var(--color-primary); }
ul.qgp-skip li::before { content: '\2298'; color: var(--qgp-bad); }
.qgp-verdict {
    margin: 4px 0 28px;
    padding: 12px 16px;
    border-left: 4px solid var(--color-primary);
    border-radius: 0 8px 8px 0;
    background: var(--color-primary-light);
}
.entry-content ul.qgp-specs,
    ul.qgp-specs {
        grid-template-columns: 1fr;
    }

/* An cot diem trong bang so sanh: site khong hien diem so (khuon thay). */
.acms-list .compare-table th:nth-child(3),
.acms-list .compare-table td:nth-child(3) {
    display: none;
}
