/*
Theme Name: Review DigiTech
Theme URI: https://reviewandchoice.com/
Description: Trang chủ magazine hiện đại cho Review and Choice, lấy bài viết/coupon trực tiếp từ WordPress.
Version: 1.1.17
Template: newsexo
Text Domain: review-digitech
*/

:root { --rdt-ink:#101114; --rdt-paper:#fff; --rdt-soft:#f4f5f7; --rdt-line:#e7e9ed; --rdt-red:#e31b23; --rdt-blue:#1479e8; --rdt-muted:#6c7280; }
.rdt-home { background:var(--rdt-paper); color:var(--rdt-ink); font-family:Arial, Helvetica, sans-serif; padding:0 0 4rem; }
.rdt-shell { max-width:1320px; margin:0 auto; padding:0 22px; }
.rdt-kicker { border-bottom:1px solid var(--rdt-line); background:#fff; }
.rdt-kicker__inner { min-height:42px; display:flex; align-items:center; gap:14px; font-size:13px; }
.rdt-label { display:inline-flex; align-items:center; background:var(--rdt-red); color:#fff; font-size:11px; letter-spacing:.08em; font-weight:800; padding:7px 11px; text-transform:uppercase; }
.rdt-kicker p { margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#30343c; }
.rdt-section { margin-top:42px; }
.rdt-section-head { display:flex; align-items:center; justify-content:space-between; border-bottom:2px solid var(--rdt-ink); margin-bottom:20px; }
.rdt-section-head h2 { margin:0; font-size:21px; line-height:1; padding:0 0 12px; font-weight:800; letter-spacing:-.025em; }
.rdt-section-head a { color:var(--rdt-blue); font-size:13px; font-weight:700; text-decoration:none; padding-bottom:11px; }
.rdt-hero { display:grid; grid-template-columns:1.55fr .95fr; gap:18px; }
.rdt-hero__side { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.rdt-card { min-width:0; }
.rdt-card a { color:inherit; text-decoration:none; }
.rdt-image { position:relative; overflow:hidden; background:linear-gradient(135deg,#152744 0%,#346ba6 54%,#b8d5ef 100%); }
.rdt-image::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(3,7,17,.72),rgba(3,7,17,0) 62%); pointer-events:none; }
.rdt-image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.rdt-card:hover img { transform:scale(1.035); }
.rdt-placeholder { width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,.9); text-align:center; padding:18px; font-size:17px; font-weight:800; background:linear-gradient(135deg,#07172d,#1676d2); }
.rdt-hero__main .rdt-image { height:440px; }
.rdt-hero__side .rdt-image { height:206px; }
.rdt-overlay { position:absolute; z-index:2; inset:auto 0 0; padding:24px; color:#fff; }
.rdt-overlay .rdt-category { color:#fff; }
.rdt-overlay h1,.rdt-overlay h3 { color:#fff; margin:8px 0 0; font-weight:800; line-height:1.08; letter-spacing:-.035em; }
.rdt-overlay h1 { font-size:34px; max-width:780px; }
.rdt-overlay h3 { font-size:17px; }
.rdt-category { display:inline-block; color:var(--rdt-blue); text-transform:uppercase; font-size:11px; line-height:1; font-weight:800; letter-spacing:.09em; }
.rdt-meta { font-size:11px; letter-spacing:.02em; color:var(--rdt-muted); margin-top:9px; }
.rdt-overlay .rdt-meta { color:rgba(255,255,255,.85); }
.rdt-content-grid { display:grid; grid-template-columns:minmax(0,2.05fr) minmax(270px,.95fr); gap:42px; align-items:start; }
.rdt-feed { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 22px; }
.rdt-feed .rdt-image { height:206px; margin-bottom:13px; }
.rdt-feed h3 { font-size:20px; line-height:1.18; font-weight:800; letter-spacing:-.025em; margin:8px 0 0; }
.rdt-feed .rdt-excerpt { margin:10px 0 0; color:#626975; font-size:14px; line-height:1.55; }
.rdt-sidebar { border-left:1px solid var(--rdt-line); padding-left:25px; }
.rdt-trending { list-style:none; padding:0; margin:0; counter-reset:rdt; }
.rdt-trending li { counter-increment:rdt; padding:0 0 17px 43px; margin-bottom:17px; border-bottom:1px solid var(--rdt-line); position:relative; }
.rdt-trending li::before { content:"0" counter(rdt); color:var(--rdt-red); position:absolute; left:0; top:-3px; font-size:24px; line-height:1; font-weight:800; letter-spacing:-.07em; }
.rdt-trending a { color:var(--rdt-ink); font-size:15px; line-height:1.25; font-weight:800; text-decoration:none; }
.rdt-trending a:hover { color:var(--rdt-red); }
.rdt-social { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:31px; }
.rdt-social div { padding:12px 7px; color:#fff; text-align:center; font-size:11px; font-weight:700; }
.rdt-social div:nth-child(1){background:#1877f2}.rdt-social div:nth-child(2){background:#111}.rdt-social div:nth-child(3){background:#d62976}
.rdt-newsletter { margin-top:42px; color:#fff; background:var(--rdt-ink); padding:32px; display:flex; align-items:center; justify-content:space-between; gap:25px; }
.rdt-newsletter h2 { font-size:25px; margin:0; font-weight:800; letter-spacing:-.03em; }
.rdt-newsletter p { margin:7px 0 0; color:#c8ccd3; font-size:14px; }
.rdt-newsletter a { background:var(--rdt-red); color:#fff; text-decoration:none; padding:13px 18px; font-size:13px; font-weight:800; white-space:nowrap; }
.rdt-footer { background:#0b0c0e; color:#c3c6cb; padding:34px 0; font-size:13px; }
.rdt-footer__inner { display:flex; align-items:center; justify-content:space-between; gap:15px; }
.rdt-footer a { color:#fff; text-decoration:none; }
/* Make NewsExo's existing chrome match the new magazine homepage. */
.home .site-header { background:#0b0c0e !important; }
.home .logo-banner { background:#fff; padding:26px 0; }
.home .navbar.navbar-dark { background:#101114; }
.home .navbar.navbar-dark .nav .menu-item .nav-link { font-size:13px; font-weight:700; letter-spacing:.015em; }
.home .site-branding .site-title a,.home .site-branding .site-description { color:#111 !important; }
@media(max-width:991px){ .rdt-hero { grid-template-columns:1fr; } .rdt-hero__main .rdt-image { height:400px; } .rdt-content-grid { grid-template-columns:1fr; } .rdt-sidebar { border-left:0; border-top:1px solid var(--rdt-line); padding:25px 0 0; } .rdt-trending { display:grid; grid-template-columns:repeat(2,1fr); gap:0 18px; } }
@media(max-width:640px){ .rdt-shell { padding:0 15px; } .rdt-hero__main .rdt-image { height:320px; } .rdt-hero__side { gap:12px; } .rdt-hero__side .rdt-image { height:148px; } .rdt-overlay { padding:16px; } .rdt-overlay h1 { font-size:25px; } .rdt-overlay h3 { font-size:14px; } .rdt-feed { grid-template-columns:1fr; } .rdt-feed .rdt-image { height:220px; } .rdt-trending { grid-template-columns:1fr; } .rdt-newsletter,.rdt-footer__inner { display:block; } .rdt-newsletter a { display:inline-block; margin-top:18px; } }





/* Keep headlines readable inside the magazine cards. */
.rdt-overlay h1 { font-size:30px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
.rdt-overlay h3 { font-size:15px; line-height:1.25; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden; }
.rdt-feed h3 { font-size:18px; line-height:1.25; }

/* Each hero title stays inside its own card. */
.rdt-hero .rdt-card { position:relative; }

/* Prevent parent-theme rules from stacking hero captions. */
.rdt-hero .rdt-card > a { display:block !important; position:relative !important; overflow:hidden !important; }
.rdt-hero .rdt-overlay { position:absolute !important; inset:auto 0 0 0 !important; z-index:5 !important; }
.rdt-hero__main .rdt-overlay h1 { font-size:30px !important; line-height:1.08 !important; margin:8px 0 0 !important; }
.rdt-hero__side .rdt-overlay h3 { font-size:15px !important; line-height:1.22 !important; margin:6px 0 0 !important; }

/* Coupon pages retain the MyCoupon layout while the front page remains a magazine. */
:root { --rdt-coupon-green: #07a31b; }
.review-digitech-store-page { background: #f5f6f4; color: #202124; }
.review-digitech-store-page .rdt-store-header { background: #fff; border-bottom: 1px solid #eceeea; }
.review-digitech-store-page .rdt-store-header__inner { width: min(100% - 32px, 1320px); margin: 0 auto; min-height: 94px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.review-digitech-store-page .rdt-store-header__brand { color: #202124; text-decoration: none; font-size: 26px; font-weight: 700; letter-spacing: -.02em; }
.review-digitech-store-page .rdt-store-header__logo { display: block; width: auto; height: auto; max-width: 220px; max-height: 64px; object-fit: contain; }
.review-digitech-store-page .rdt-store-menu { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; }
.review-digitech-store-page .rdt-store-menu a { color: #202124; display: block; padding: 9px 13px; border-radius: 999px; font-size: 14px; font-weight: 700; text-decoration: none; text-transform: uppercase; }
.review-digitech-store-page .rdt-store-menu a:hover, .review-digitech-store-page .rdt-store-menu a:focus { background: #f2f4f1; color: var(--rdt-coupon-green); }
.review-digitech-store-page .rdt-store-main { width: min(100% - 32px, 1320px); margin: 24px auto 56px; }
.review-digitech-store-page .store-container { grid-template-columns: 276px minmax(0, 1fr); margin: 0; }
.review-digitech-store-page .store-aside, .review-digitech-store-page .store-content { padding: 0 12px; }
.review-digitech-store-page .store-box, .review-digitech-store-page .store-content__list-item { box-shadow: 0 1px 5px rgba(0,0,0,.12); border-radius: 2px; }
.review-digitech-store-page .store-info__title, .review-digitech-store-page .store-content__list-item-discount, .review-digitech-store-page .store-content__list-item-type { color: var(--rdt-coupon-green); }
.review-digitech-store-page .store-info__alert { color: var(--rdt-coupon-green); border-color: var(--rdt-coupon-green); }
.review-digitech-store-page .store-info__alert:hover, .review-digitech-store-page .store-content__category > button.active, .review-digitech-store-page .store-content__list-item-code > button, .review-digitech-store-page .store-modal__content-copy > button, .review-digitech-store-page .store-modal__content-deal-button { background-color: var(--rdt-coupon-green); color: #fff; }
.review-digitech-store-page .store-content__category > button { color: var(--rdt-coupon-green); box-shadow: 0 1px 4px rgba(0,0,0,.08); }
.review-digitech-store-page .store-content__list-item-code-text, .review-digitech-store-page .store-modal__content-copy-code { border-color: var(--rdt-coupon-green); color: var(--rdt-coupon-green); }
.review-digitech-store-page .store-content__list-item[data-type="code"] .store-content__list-item-code > button::after { background-color: #087314; }
@media screen and (max-width: 876px) { .review-digitech-store-page .rdt-store-header__inner { min-height: 0; padding: 18px 0; align-items: flex-start; flex-direction: column; gap: 10px; } .review-digitech-store-page .rdt-store-header__logo { max-width: 190px; max-height: 54px; } .review-digitech-store-page .rdt-store-menu a { padding: 8px 10px; font-size: 13px; } .review-digitech-store-page .store-container { grid-template-columns: 1fr; } .review-digitech-store-page .rdt-store-main { width: min(100% - 20px, 1040px); } }

/* Homepage footer */
.rr-footer { background:#050505; padding:28px 20px 34px; text-align:center; }
.rr-footer__social { display:flex; justify-content:center; gap:14px; margin-bottom:42px; }
.rr-footer__social a { width:52px; height:52px; border-radius:50%; background:#202020; color:#fff !important; display:flex; align-items:center; justify-content:center; text-decoration:none !important; font-family:Arial,sans-serif; font-size:25px; font-weight:700; line-height:1; transition:background-color .2s ease,color .2s ease; }
.rr-footer__social a:hover { background:#FA1F86; color:#fff !important; }
.rr-footer__menu { display:flex; justify-content:center; flex-wrap:wrap; gap:28px; margin-bottom:62px; }
.rr-footer__menu a { color:#fff !important; text-decoration:none !important; font-family:Arial,sans-serif; font-size:16px; font-weight:700; letter-spacing:.3px; }
.rr-footer__menu a:hover { color:#FA1F86 !important; }
.rr-footer__copyright { color:#b9b9b9; font-size:15px; }
@media (max-width:600px) { .rr-footer { padding:25px 16px; } .rr-footer__social { gap:9px; margin-bottom:32px; } .rr-footer__social a { width:42px; height:42px; font-size:20px; } .rr-footer__menu { gap:16px; margin-bottom:38px; } .rr-footer__menu a { font-size:14px; } }